스파르타 쇼핑몰 마무리 쇼핑몰 프로젝트 열기 그럼 이제 쇼핑몰 프로젝트의 마무리를 위해서 CORS 프로젝트는 닫아주고 다시 쇼핑몰 프로젝트를 열어주세요. 프론트엔드 파일 붙여넣기 아래 static 압축파일을 다운받거나, 코드스니펫의 주소로 접속해 파일을 다운받아 압축을 풀어주세요. static.zip [코드스니펫] 프론트엔드 코드 다운로드 압축을 해제해서 나온 static 폴더를 폴더 자체를 쇼핑몰 프로젝트 폴더에 옮겨주세요. 프론트엔드 파일을 브라우저로 확인 프론트엔드 파일을 사용할 수 있게 static 미들웨어 를 사용해보겠습니다. app.js 파일에 아래와 같은 코드를 넣어주세요 app.use(express.static('static')); static 미들웨어 는 정적인 파일(프론트엔드 html파..
[node js] 4주차 -2
배포를 위한 npm 학습 npm 복습 여러분이 사용해본 npm 기능은 아래와 같습니다. npm init 명령어를 통해 package.json 파일을 만들 때 사용됩니다. package.json 은 npm 으로 설치된 모듈에 대한 정보가 들어있습니다. 새로운 프로젝트나 패키지를 만들 때 사용됩니다. npm install express npm 으로 모듈을 설치할 때 쓰는 명령어입니다. install 대신 i 라는 별명을 대신 사용할 수 있습니다. install 뒤에 따라오는 express 는 설치하고자 하는 모듈의 이름을 명시합니다. npm install express 로 express 한개의 모듈을 설치할 수 있는데 띄어쓰기로 구분을 하여 여러개의 모듈을 설치하는것도 가능합니다. ex) npm instal..
Fake API란? Fake API가 뭘까? Fake API는 주로 API가 아직 만들어지지 않았거나 실제 서버를 실행하기 어려운 경우에 실제 API가 아닌 가짜 API를 만들어서 프론트엔드나 서버의 개발 또는 테스트를 원활하게 진행할 수 있게 도와줍니다. 아래의 인터페이스 예시를 살펴보면서 조금 더 알아보겠습니다. JSON Placeholder JSON Placeholder의 페이지를 보시면 아래와 같이 예시가 있습니다. // Fake API fetch('') .then(response => response.json()) .then(json => console.log(json)) // Output { "userId": 1, "id": 1, "title": "delectus aut autem", "com..
10. 3주차 끝 & 숙제 설명 개발자의 마음가짐 (3) 장인은 도구를 가리지 않는다는 말이 있죠?그러나 진정한 장인이란 다양한 도구를 이미 사용해 보고 풍부한 노하우를 가진 사람으로도 볼 수 있습니다. 그러므로 장인에 가까울 수록 진정 제대로 잘 알고 많은 경험이 쌓였을테니 도구를 가리지 않고 더 좋은 결과를 낼 수 있는것이겠죠? 물론 이 외에도 장인은 디테일에 집착할 줄 알고, 어떤것이 더 중요한지 판단할 줄 알겠지만 이건 시간이 지나면 자연스레 갖추게 될거라 믿으셔도 됩니다. 분명 하나만 잘 다루는것도 분명 중요하지만, 지금 여러분은 남들보다 더 많은것을 보고 경험한 뒤에야 스스로 여러분이 나아갈 길을 볼 수 있게 될거라 생각합니다. 그렇게 끊임 없는 공부와 노력을 하다 보면 도구를 가리지 않고도 ..
