🎨

프론트엔드

React·CSS·브라우저 등 프론트 핵심 개념과 실전

Flexbox와 Grid는 언제 무엇을 써야 할까요? 1차원과 2차원이라는 핵심 차이부터 실전 코드, 선택 기준까지 한 번에 정리합니다. 더 이상 헷갈리지 마세요.

콜백 지옥부터 async/await까지 자바스크립트 비동기 처리의 핵심을 정리합니다. Promise 체이닝, 에러 처리, 병렬 실행(Promise.all)까지 실무 예제로 익혀보세요.

React 함수형 컴포넌트의 핵심인 useState와 useEffect를 실무 관점에서 정리합니다. 의존성 배열, 무한 루프 방지, 클린업 함수까지 흔한 실수와 해결법을 코드로 짚어드립니다.

key의 역할(재조정), index를 key로 쓸 때 생기는 상태 꼬임·성능 저하, 안정적인 고유 id를 써야 하는 이유를 예제로 설명합니다.

수평·수직 가운데 정렬을 상황별로 정리합니다. flex의 center 조합, grid의 place-items, margin auto, 텍스트 정렬까지 복붙 가능한 패턴 모음.

느슨한 비교(==)의 암묵적 형변환이 만드는 버그, ===를 기본으로 써야 하는 이유, NaN·null·undefined 비교의 특이점을 예제로 정리합니다.