오늘의 결론
- 자바스크립트 내장함수에 대해 배웠다. map, filter, concat, from
- from, reduce 내장함수 MDN에서 추가로 공부해야한다.
- indexOf에 대해 배웠다.
- 스크릿 모드 ctrl + shift + n
- 강력 새로고침 crtl + shift + r
- nvm 노드버젼관리 매니저 설치 및 사용법
- npm , yarn 노드 패키지 매니저 설치 및 사용법
- CRA 패키지 설치
오늘 배운 것
- Map
- 원본 배열을 변경시키지 않고 새로운 배열을 만들어주는 것이다. (갯수동일)
- 새로운 배열은 원본 배열의 요소를 가공하여 만들 수 있다.
- filter
- 원본 배열은 변경 시키지 않고 조건을 만족하는 요소만 골라서 새로운 배열을 만들어준다.
- 새로운 배열은 원본 배열의 요소를 가공 하는 것이 아니라 기존 배열에서 조건을 충족 하는 요소만 가져와서 만든 것이다.
- concat
- 원본 배열은 변하지 않고 두 배열을 합치고 싶을 때 사용한다.
2. 두 배열을 합쳤을 때 중복되는 요소는 제거 되지 않는데 이럴때는 스프레드 문법과 new Set을 사용해준다.
- from
- 문자열을 가지고 단순히 배열로 바꾸는 법
값만 넣음
- 배열로 바꿔서 다른 값으로 바꿔서 받는 것
값, 콜백 함수 넣음
- 값대신 속성=설정 값을 넣을 수 있다.
속성, 콜백 함수 넣음
노드 버젼 관리 프로그램
- nvm
- vs code에서 환경설정-> 터미널 -> gitbash경로설정해준다(bin\bash.exe 이거)
- 터미널에서 새 터미널을 연다 -> bash를 기본프로필로 선택한다.
- bash 에서
nvm --version 을 확인해본다. 1.1.8로 잘깔려있다. (nvm -v도 가능하다.)
nvm install 14.17.6 을 깔아준다. (14.17.6은 node js홈페이지에 가면 안정화버전이있다.그버전을 깔아준 것이다.
nvm ls 을 확인해보면 14.17.6을 사용 하고 있다고 나온다.
node -v 로 한번더 확인 사살해준다. 14.17.6맞다.
노드 패키지 매니저
- npm
노드가 깔리면 자동으로 설치된다.
사용법은 install을 쓰고 패키지를 깔아준다. - yarn
npm말고 yarn이란 노드 패키지 매니저가 있다.. npm을 통해 설치해보자.
npm install -g yarn 을 쳐보자.
yarn -v 로 한번 더 깔렸는지 확인해보자. 잘 깔렸다.
사용법은 yarn add [][] 첫번째 칸은 속성 두번째칸은 패키지 이름이다.
ex) yarn add global creat-react-app
npm보다 yarn이 좀 더 빠르단다. 강의에서는 yarn사용 예정 - npx도 잇다.
yarn은 CRA설치하고 그 버전을 계속 사용.
npx는 패키지를 설치가아니라 계속 최신버전 가져와서 쓰는것
패키지 설치
- CRA (creat-react-app)
리액트로 웹사이트를 만들때 필요한 모든 패키지를 다 가지고있는 것이다.
yarn add global creat-react-app 을 깔아준다.
아래 사진처럼 그리고 yarn create react-app [] 파일이름 으로 프로젝트를 만들어준다.
설치가 완료되면 이렇게 파일들이깔린다.
node_modules는 내가 설치한 패키지들이 들어있다. 매우많다.
public은 index.html이외 다양한것들이있다.
src 폴더에는 css,js같은 파일이있다. 실제로 내가짜는 react코드들은 이 폴더에 들어간다고 보면된다.
package.json은 우리 react 프로젝트의 설정 파일이라고 생각하면된다.
파일 확인했으면 cd week-1들어가서 yarn start해준다.
내일 배울 것
react 주특기 강의보기
열린 마음의 개발자가 되려합니다