리액트 기초

미션 팁

• 클래스를 사용하지 않고 함수를 기반으로 구현

• 기존에 사용하던 이벤트 delegation 등은 이제 직접 구현하지 않아도 react가 알아서 구현해준다. 하지만 내부 동작 원리를 아는 것은 무척 중요하다.

• react component를 구성하는 법을 익히기

• 슬라이더 라이브러리 가져다 써보기

리액트란

사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리

• DOM 조작을 하는 귀찮음을 알아서 해주는 라이브러리

라이브러리와 프레임워크를 쓰는 순간 react의 버전을 자세히 봐야한다. npm에서 나오는 메세지들을 관심있게 살펴봐야함.

• 학습 단계에서 Class로 되어있는 자료는 보지 않는게 좋다. 최근엔 전부 함수형 프로그래밍 패러다임으로 전환되고 있는 중이다.

• 자신의 상태는 state, 부모가 준 상태는 props

• useEffect() 에서 보통 fetch 요청한다.

리액트의 핵심

• 모든 UI의 변화는 데이터의 변화를 통해서만 이루어진다. innerHTML 사용 등이 절대 금지. 데이터만 바꾸면 리액트가 알아서 UI를 변경해준다.

• 어떤 값이 변경되는건지 잘 분리하는게 중요하다.

• 리액트는 Virtual DOM을 만들어 변경된 부분만 재 렌더링 해준다.

이력서

• ~가 어렵고, ~가 고민거리인지를 깨닫고 있다. 라는 걸 이력서에 어필하기. 이력서는 경력처럼

라우팅

• 싱글 페이지에서 뒤로가기를 하면, 다른 페이지로 옮겨가지 않고 이전 페이지로 갈 수 있다.