❄️ React
1.[React] React를 사용하는 이유
웹을 만들기 위해선 HTML, CSS, JS를 이용해야 합니다. 보통 아래와 같이 페이지 별로 코드를 짜게 되죠.그러나 점점 웹이 복잡해 지면서 더 많은 html, Javascript가 들어가게 됩니다. 점점 하나의 html 파일에 수많은 Javascript 라이브러리
2.[React] Node & NPM 이해하기
처음에 javascript는 브라우저에서만 실행되는 언어였습니다. javascript를 읽고 실행시키기 위해 브러우저들은 서로 다른 엔진(코드 인터프리터)을 가지고 있습니다. 점점 javascript가 널리 사용되면서 '웹 개발 말고 다른 곳에서도 사용할 수 있지 않
3.[React] React 시작하기
프로젝트 폴더(grab-market-web)를 하나 만든 후 VSCode에서 해당 폴더를 열어준다.react 프로젝트를 손쉽게 만들어주는 도구 create-react-app 을 설치해준다. 이는 npm을 통해서 관리되는 패키지다. 터미널을 여는 단축키는 ctrl + j
4.[React] React 특징
React의 핵심 개념은 바로 Component(컴포넌트)이다. 컴포넌트는 UI를 표현하는 요소로 React에서 정말 많이 사용된다. UI 요소들을 잘개 쪼개서 컴포넌트로 만들고 페이지에서 컴포넌트를 합치는 개념이라고 보면 된다.취미 공유 플랫폼, 클래스 101 웹도
5.[React] React 컴포넌트 이해하기
React 프로젝트를 처음 만들었을 때 보이는 index.html 파일. 태그 안에 아무 것도 없다.
6.[React] React의 State, Props 이해하기
React의 컴포넌트에서 관리하는 데이터로 크게 Props 와 State 가 있다. 이 둘은 컴포넌트에서 데이터를 관리할 때 사용하는 개념으로 굉장히 중요하므로 꼭 알고 있어야 한다.
7.[React] React의 라이프사이클 이해하기 (with useEffect)
state가 업데이트될 때 마다 렌더링이 새롭게 된다고 했는데 만약 아래와 같이 컴포넌트가 맨 처음 렌더링될 때 state를 업데이트하는 상황이면 어떻게 될까요?