프론트엔드

HTML·CSS부터 JavaScript, React와 상태관리까지, 화면을 만들고 데이터를 다루는 기술을 배웁니다.

총 177개의 글

JavaScript · 초급 설명 7분 2026.02.10

배열 생성과 얕은 복사부터 검색·변환·정렬 메서드의 선택 기준을 정리합니다. 예산별 상품 목록 실습으로 반환값과 원본 보존을 확인합니다.

JavaScript · 중급 설명 8분 2026.01.30

UTC KST 차이: JavaScript Date 시간 처리 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.

TanStack Query · 중급 설명 9분 2026.01.28

필터와 사용자 범위를 배열 키로 분리하고, key factory·prefix 무효화·fresh 캐시 재사용을 실습과 테스트로 확인합니다.

TanStack Query · 중급 설명 10분 2026.01.28

상품 데이터·선택 ID·패널·URL·편집 초안의 소유권을 나누고, 서버 응답을 복사하지 않는 상품 선택 실습을 완성합니다.

React React · 중급 설명 6분 2026.01.27

컴포넌트가 커지면 Context로 상태를 공유하는 것만으로는 충분하지 않습니다. 여러 컴포넌트에서 반복되는 상태 접근·Effect·도메인 계산이 생기면 UI 코드와 로직 코드가 다시 섞이기 시작합니다.

JavaScript · 초급 설명 8분 2025.12.31

reduce의 초기값·누적값 반환·그룹화를 단계별로 추적합니다. 취소 주문 집계 실습과 빈 배열·키 충돌 검증, 선택 심화인 비동기 순차 실행을 다룹니다.

JavaScript · 중급 설명 8분 2025.12.22

JavaScript 실행 컨텍스트: 스코프 호이스팅 클로저 이해을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.

JavaScript · 중급 설명 8분 2025.12.10

배열을 기준으로 추가·완료·삭제하고, 이벤트 위임과 검색·완료 필터의 파생 화면을 구현합니다.

React React · 중급 설명 7분 2025.12.07

React 프로젝트가 커지면 “무슨 라이브러리를 더 설치해야 할까?”라는 질문이 생깁니다. 중요한 것은 많이 사용하는 라이브러리를 전부 넣는 것이 아니라, 현재 프로젝트에서 해결해야 하는 문제가 무엇인지 먼저 분류하는 것입니다…

Next.js Next.js · 고급 설명 7분 2025.12.05

Next.js 보안 공지가 나왔을 때 가장 위험한 대응은 제목만 보고 “우리 프로젝트도 취약하다” 또는 “우리는 괜찮다”고 단정하는 것입니다. 현재 버전과 영향 범위, 실제 사용하는 기능, 의존성을 순서대로 확인해야 합니다.