Today Yewon Learned

- create-react-app 으로 리액트 프로젝트 생성 npm init react-app 혹은 폴더를 VS Code로 열고 터미널에서 npm init react-app . - 개발 모드 실행 npm run start - 개발 모드 종료 Ctrl + C - react 개발자 도구 살펴보기 1. Chrome 에서 React Developer Tools 다운로드 후 React 서버 (loaclhost:3000)에 접속 후 개발자 모드 실행 2. >> 클릭하여 Components 선택하기 3. App 이라는 이름의 react Component가 있다는 의미 4. Component - react개발의 기본 단위

서드파티 모듈 설치 - npm install 모듈명 - 서드파티 모듈 설치시, 작업하던 디렉토리 안에 package-lock.json파일과 node_modules라는 디렉토리가 생성됨 - package-lock.json : 설치된 서드 파티 모듈에 관한 정보 - node_modules : 실제 서드파티 모듈들이 설치되는 디렉토리 * 모듈 설치시, 모듈의 이름이 파일이 아니라 디렉토리 이름인 것을 확인할 수 있음 모듈의 이름 - 모듈의 이름은 어떠한 파일일 수도 있고, 디렉토리일 수도 있다. Node.js에서 모듈이 검색되는 순서 require()함수 - ()안에 써준 인자를 보고 알맞은 함수를 로드 1. packge.json이라는 파일을 가진 디렉토리가 패키지다. 2. 하나의 서드 파티 모듈은 하나의 패..

app.get('/users/:id', (request, response) => { console.log(request.params); //const userName = users[request.params.id - 1]; //response.end(`${userName}`); }); Express 모듈 - 서드 파티 모듈 (다른 개발자나 회사에서 공개해둔 모듈) - Node.js 는 자바스크립트 실행환경 - Express모듈은 Node.js에서 실행될 서버 프로그램을 간편하게 만들 수 있게 해주는 프레임워크 - Express를 사용하면, 서버 프로그램이 갖춰야하는 기능을 편하게 구현할 수 있음 Express 모듈 설치방법 - npm : Node Package Manager 의 줄임말로 서드 파티 모듈을..