본문 바로가기

JavaScript3

프론트엔드 면접 한 달 공부 계획, 무엇부터 볼까 면접 준비는 많이 공부하는 것보다 빠뜨리면 위험한 범위를 순서대로 줄이는 일이 중요합니다. 한 달을 쓴다면 지식 암기, 코드 연습, 설명 연습, 모의 면접을 따로 나누는 편이 효율적입니다.쉬운 비유면접 준비는 시험 전 책상 정리와 비슷합니다. 모든 책을 펼쳐 놓으면 바빠 보이지만 머리에 남기 어렵습니다. 오늘 볼 책, 풀 문제, 말로 설명할 주제를 나눠야 합니다.4주 계획주차목표해야 할 일1주차JavaScript와 브라우저 기본기스코프, 비동기, 이벤트 루프, DOM, HTTP 정리2주차React와 상태 관리렌더링, hooks, 폼, 리스트 key, 서버 상태 정리3주차실전 구현 연습검색, 무한 스크롤, 폼 검증, 접근성 있는 컴포넌트 구현4주차면접 답변과 회고말로 설명, 코드 리뷰, 모의 면접, 약한 .. 2026. 8. 27.
JavaScript 번들 최적화: Code Splitting, Lazy Loading, Preloading 웹 앱이 느릴 때 이미지나 서버만 보는 경우가 많지만, JavaScript 번들도 큰 원인이 될 수 있습니다. 처음 화면에 필요 없는 코드를 나중에 가져오면 시작 속도를 줄이는 데 도움이 됩니다.쉬운 비유여행 가방을 생각하면 쉽습니다. 당장 필요한 지갑과 여권은 손가방에 넣고, 나중에 입을 옷은 큰 가방에 넣습니다. 모든 짐을 한 번에 들고 뛰면 출발이 느려집니다.세 가지 전략 비교전략뜻잘 맞는 상황Code Splitting코드를 여러 덩어리로 나눔페이지나 기능별 번들이 클 때Lazy Loading필요해지는 순간 불러옴모달, 관리자 화면, 차트처럼 처음에는 안 보이는 기능Preloading현재 페이지에서 곧 필요할 중요한 리소스를 미리 가져옴중요 폰트, 히어로 이미지, 곧 실행될 스크립트React.laz.. 2026. 8. 27.
REST API, GraphQL, WebSocket, 무한 스크롤 실무 예시로 쉽게 정리하기 한 줄 요약API와 화면 데이터 처리는 배달 방식과 비슷합니다. REST는 정해진 메뉴판에서 주문하는 방식, GraphQL은 필요한 메뉴만 골라 담는 방식, WebSocket은 전화 연결을 켜 두고 바뀐 내용을 바로 전달받는 방식에 가깝습니다.프론트엔드 개발을 하다 보면 REST API, GraphQL, Polling, WebSocket, Pagination, Infinite Scroll 같은 말을 자주 만납니다. 단어만 보면 어려워 보이지만, 결국 핵심은 하나입니다. 화면에 필요한 데이터를 언제, 얼마나, 어떤 방식으로 가져올 것인가입니다.다만 이 개념들은 모두 같은 종류의 선택지는 아닙니다. 식당으로 비유하면 주문 방식, 연락 방식, 줄 서는 방식이 서로 다른 문제인 것과 같습니다. 그래서 먼저 세 .. 2026. 8. 26.