WIL 7/18 ~24

오늘 공부한 내용

• 라이플 사이클
• 가상 돔
• 컴포넌트(Component)

공부하면서 느낀 점, 배운점

라이플 사이클이란

• 컴포넌트의 라이프 사이클(= 컴포넌트 생명주기)은 정말 중요한 개념이다 ! 컴포넌트가 렌더링을 준비하는 순간부터, 페이지에서 사라질 때까지가 라이프 사이클이다.

• 컴포넌트는 생성되고 → 수정(업데이트)되고 → 사라진다
• 생성은 처음으로 컴포넌트를 불러오는 단계이다
• 수정(업데이트)는 사용자의 행동(클릭, 데이터 입력 등)으로 데이터가 바뀌거나, 부모 컴포넌트가 렌더링할 때 업데이트 된다

가상 돔이란

• DOM은 html 단위 하나하나를 객체로 생각하는 모델입니다. 예를 들면, 'div'라는 객체는 텍스트 노드, 자식 노드 등등, 하위의 어떤 값을 가지고 있다 이런 구조를 트리 구조라고 한다.. DOM이 트리구조란 소리이다
• DOM 트리 중 하나가 수정될 때마다 모든 DOM을 뒤지고, 수정할 걸 찾고, 싹 수정을 한다면? → 필요없는 연산이 너무 많이 일어난다! → 그래서 등장한 게 가상돔!
• 가상돔은 메모리 상에서 돌아가는 가짜 DOM이다.
• 가상돔의 동작 방식: 기존 DOM과 어떤 행동 후 새로 그린 DOM(가상 돔에 올라갔다고 표현합니다)을 비교해서 정말 바뀐 부분만 갈아끼워준다! → 돔 업데이트 처리가 정말 간결하다!

컴포넌트 (Component)란 

• 컴포넌트는 2가지 형태가 있다 클래스형과 함수형이다 요즘에는 클래스형은 잘 쓰이지 않는다고 하는데 배우는 이유는 이미 기개발된 프로젝트는 클래스형 컴포넌트를 사용 중일수도 있다 최소한 코드를 알아보고 고칠 수 있을 정도는 알아두는 편이 좋기 때문이다.

리액트는 정말 어려운거 같다 오늘도 하루 종일 스파르타 코딩클럽에서 배포해준 React 강의를 듣는데 하루종일 듣는데도 이해하기 너무 힘든거 같다. 구글링도 하고 문서도 읽어 봤지만 따라가기 힘들다. 하지만 이럴 때일수록 더욱 더 공부를 열심히 해야한다 그래야지 그나마 이해할 수 있으니.. 

내일 공부할 내용

내일은 주말이지만 할 게 많다. 팀 프로젝트도 해야하고 WIL써야 하고 React 도 더 공부 해야하고 ... 아직 갈 길이 너무나도 먼 것 같다..