1. Coding Test
-
백준 문제풀기 (그리디[17/50] → 탐색[12/50] → 동적프로그래밍[12/50])
2. Live Academy
-
[ 참고로 Part 2 of 3 ] - "FYI"에 대해서 짧게 정리 🔗복습
-
💬"내가 걔한테 좀 심했나?" , "~하려고 했던 것 뿐인데" , "부모로서(형으로서) 잘 하다" , "내가 한 말 가지고 서운해 하더라" 🔗진도
3. Full-stack
-
React로 NodeBird SNS 만들기 by ZeroCho 🔗
-
리렌더링이 있으면 성능에 문제가 있다? ⇒ 아니다, 성능에는 문제가 없지만 함수가 너무 많으면? 함수가 다시 실행 됨에 따라 어느정도 시간을 잡아먹는다
-
보통 컴포넌트가 100줄 넘어가거나 props가 10개 이상 되면 분리하는게 좋다.
-
훅을 쓸 수 있는 조건 ⇒ 반복문이나 조건문, 함수 안에서는 안된다. 컴포넌트 안에서 가능, 뎁스가 1단계일때 된다. 이와 다르게 커스텀 훅은 아무 곳에서 사용 가능하다.
-
4. Resume & Interview
-
끊임없이 배우고싶은 ENTJ 개발자 🔗
-
이력서를 부탁해 by 원티드 🔗
-
클래스 컴포넌트와 함수 컴포넌트 🔗
-
흔히 한국에서는 클래스형, 함수형 컴포넌트라고 말하지만 공식 문서에 따르면 클래스, 함수 컴포넌트가 옳바른 표현이다 👀
-
클래스 컴포넌트: React Life Cycle과 State를 사용할 수 있다
-
함수 컴포넌트: 클래스 컴포넌트 보다 메모리를 덜 사용한다.
-
-
React hooks의 등장
-
함수 컴포넌트는 클래스 컴포넌트보다 효율이 좋다. 이유는 상태를 사용하지 않고 Life Cycle을 사용할 수 없기 때문이기 때문에 당연한 결과였다.
-
이러한 함수 컴포넌트의 단점을 해소하기 위해서 19년 초에 React Hooks가 업데이트 되었다.
-
Hooks의 간단한 개념은 함수 컴포넌트에서도 React Life Cycle, State를 사용할 수 있게 한다는 것이다.
-
-
Hooks를 더 알아보자
-
Hooks가 의미하는 것은 ‘재사용’이라고 한다.
-
동일한 순서로 Hooks가 호출 되는 것을 보장하기 위해서 반복문, 조건문 혹은 중첩된 함수 내에서는 Hooks를 호출할 수 없다.
-
-
클래스형 컴포넌트는 다른 말로 Stateful 컴포넌트, 함수 컴포넌트는 Stateless 컴포넌트라고 하기도 한다. 클래스형 컴포넌트는 로직과 상태를 컴포넌트 내에서 구현하기 때문에 stateful로 불리는 것이며 상대적으로 복잡한 UI 로직을 가지고 있다. 반면 함수형 컴포넌트는 state를 사용하지 않고 단순하게 데이터를 받아서 (props) UI에 뿌려주기 때문에 stateless라고 불리는 것이다.
⏱ Total study time - 8 hours 00 minutes
