💡 핵심 요약 (TL;DR)

useEffect에서 props사용하기의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. componentDidUpdate용도로 useEffect를 사용했다.

💡 핵심 요약 (TL;DR)

SPA 동작 순서의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. SPA는 Single Page Application의 약자로 한 번 웹 페이지를 로딩하면 사용자가 새로고침하지 않는 이상 페이지를 새로 로딩하지 않는 애플리케이션을 의미한다.

💡 핵심 요약 (TL;DR)

script를 정의하고 npm run start를 했는데 아래와 같은 오류가 발생했다. 구글링하니 nodejs 레포의 이슈(링크)로 많은 개발자들이 해결방법을 주고받은 걸 확인할 수 있었다.

💡 핵심 요약 (TL;DR)

reducer, action, dispatch의 관계의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. * action은 기본적으로 대문자+스네이크표기법 사용을 적용할 수 있다.

💡 핵심 요약 (TL;DR)

'반복문map, import와 require차이, 자잘한 팁'에서 다루는 각 기술의 핵심 개념과 동작 방식의 차이점을 분석한 내용이다. 동작 원리와 장단점을 비교 파악하여 프로젝트 개발 상황에 적합한 방식을 선택할 수 있다.

💡 핵심 요약 (TL;DR)

this.state 귀찮을땐 구조분해의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 리액트를 클래스형 컴포넌트로 사용하게되면 계속 this.state를 써줘야하는 불편함이 있다.

💡 핵심 요약 (TL;DR)

리액트 작업 도중 Warning: Failed prop type: The prop open is marked as required in ForwarRef(Menu), but its value is undefined 에러가 계속 발생했다. 관련 환경 설정과 코드를 알맞게 수정하여 정상적으로 동작하도록 해결할 수 있다.

💡 핵심 요약 (TL;DR)

state나 props 변경시 성능향상 방법의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 이게 쌓이면 성능이 저하된다. 이를 해결하는 방법을 알아보자.

💡 핵심 요약 (TL;DR)

Hooks API로 생명주기 관리의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 즉, 리액트 Hooks란 함수형 컴포넌트에서 생명주기 관리를 도와주는 기능이다.

💡 핵심 요약 (TL;DR)

컴포넌트 생명주기의 동작 원리를 이해하고 실제 프로젝트에 적용하기 위한 실무 가이드다. 핵심 설정과 구현 코드를 단계별로 파악하여 상황에 맞게 유연하게 활용할 수 있다.