- npm-라이브러리 설치,삭제 및 업데이트 해줌.
- CRA-Creat react app
- gitignore : git 을 추적하지 않아서 git 상에 올라가지 않는다 ❗
- component : 재사용 가능한 UI (User Interface) 단위
종류로는 class형,함수형이 있다.
쉽게 말해서 !!!!로그인 화면에 필요한 아이디 입력 및 비밀번호 입력값에 매번 input 요소를 위해 비슷한 태그를 만들고 또 만들고...이런 개미지옥에서 벗어날 수 있습니다
- SPA란 Single Page Application : 페이지가 한 개로 구성 된 어플리케이션.리액트에서 html의 갯수는 총1개 = SPA
조금 쉽게 말해서 로그인 페이지 하나,메인 페이지 하나를 각 html에 만들었으면 두 개 이상으로 MPA이다.
- Routing이란 다른 경로에 따라 화면을 보여주는 것이다.쉽게 말해서 한개의 html로 여러개의 페이지를 보여주는 것이다 ❗
- React-router는 리액트의 라우팅 기능을 위해 가장 많이 사용되는 라이브러리이다.
한 페이지 간에 이동할 때는 Link 태그를 쓰지만 a태그는 아예 다른 곳으로 이동할 때 쓰인다. Link 태그 같은 경우는 조건 없이 이동이 가능하다.조건부 이동이 필요할 떄는 uselocation를 사용한다.
- package.json은 쉽게 말하자면 요약본이다.무엇이 설치 되있고 어떤 버전인지 나와있다. 팀 프로젝트를 할 때 이 요약본이 있으면 설치가 되어있지 않는 경우 npm install 하면 설치된다. (node module는 너무 무겁기 때문)
- props 부모 컴포넌트가 자식 컴포넌트에게 주는 값이다.자식 컴포넌트에서는 props를 받아오기만 하고 직접 수정은 불가하다.
완전 쉽게 말해서 읽기전용....
- stats는 컴포넌트의 UI 정보 상태이다.props와 반대로 컴포넌트 내부에서 선언 가능하고 내부에서 값을 변경 할 수 있다.
- Hooks는 함수 컴포넌트에서 React state와 생명주기 기능을 연동 할 수 있게 해주는 함수이다.그래서 class 형에서는 동작하지 않는다. React는 useState와 같은 내장 Hook을 몇가지 제공한다.
✍✔ 해당 용어가 정확히 무엇이고 왜 쓰이는지 무엇이 다른지에 대해서 공부하는 것이 중요하다고 생각한다.적어도 내가 코드를 작성하기 전에 이건 이래서 쓰는거군! 방향성을 제시해준다고 생각한다 :-)
꾸준히 성장하는 개발자 입니다 😊