전체 글

항해 플러스 프론트엔드 6기 최종 회고

항해 플러스 프론트엔드 6기 전체 과정을 돌아보며, 시작 계기부터 배운 점과 성장을 정리한 최종 회고입니다.

11분 읽기·2025년 10월 11일

항해플러스 프론트엔드 6기 5주차 : 디자인 패턴과 함수형 프로그래밍 (feat. BP 받음)

4주차에서 AI에게 코드 주도권을 넘겼던 반성에서 출발한 5주차. 'AI는 조언자, 코드는 내가 통제한다'는 원칙 아래 폴더 구조 리팩토링, 공통 컴포넌트 설계, NotificationBoundary 패턴까지 실천한 과정과 KPT 회고.

16분 읽기·2025년 8월 10일

항해플러스 프론트엔드 6기 3주차 : React 내장 Hook 직접 구현해보기 (feat. BP 받음)

useState, useRef 등 React 내장 Hook을 직접 구현하며 배운 점과 트러블슈팅 과정을 기록한 회고입니다.

14분 읽기·2025년 7월 28일

항해플러스 프론트엔드 6기 1주차 : 프레임워크 없이 SPA 만들기

프레임워크 없이 바닐라 자바스크립트로 SPA를 구현한 항해플러스 1주차 과제 회고입니다.

11분 읽기·2025년 7월 13일

항해플러스 프론트엔드 6기 사전 네트워킹 + 시작하는 마음가짐!

항해플러스 프론트엔드 6기 사전 네트워킹 행사 후기와 과정을 시작하는 마음가짐을 정리했습니다.

7분 읽기·2025년 7월 2일

브라우저 호환성을 고려한 이미지 최적화 (feat. webP, avif)

현대적인 이미지 포맷을 활용하여 웹 성능을 최적화하는 방법을 알아봅니다.

9분 읽기·2024년 8월 14일

이미지 최적화란?

이미지 품질은 유지하면서 파일 크기를 줄여 빠르게 로드되도록 최적화하는 방법

2분 읽기·2024년 8월 1일

첫 실무 프로젝트 KPT 회고

2024년 첫 실무 프로젝트를 회고한 내용으로, 프론트엔드 개발자로서의 경험과 성장을 공유해봅니다.

6분 읽기·2024년 4월 23일

CRA에서 Vite로 마이그레이션하기 (feat. 배포 시간 줄이기)

CRA에서 Vite로 마이그레이션 하게 된 계기와 과정

7분 읽기·2024년 3월 3일

2023년 회고 : 준비하시고, 시~작!

2023년을 돌아보며 어떻게 성장해왔는지를 살펴보고 2024년에 하고 싶은 일들을 적어봤습니다.

12분 읽기·2024년 1월 7일

국제화를 위한 텍스트 키 관리 자동화하기 (feat. react-i18next, google spreadsheet)

i18next-scanner와 구글 스프레드 시트를 활용하여 텍스트 키를 수동으로 관리하는 노가다(?)를 자동화해보자.

12분 읽기·2023년 12월 2일

프리온보딩 인턴십(프론트엔드) 회고

프리온보딩 인턴십을 하며 무엇을 배우고 느꼈나?

9분 읽기·2023년 10월 30일

Throttle를 바닐라 자바스크립트, 그리고 리액트에서 구현하기

쓰로틀의 바닐라 자바스크립트 에제와 리액트에서 커스텀 훅으로 구현하기 위한 과정

11분 읽기·2023년 10월 19일

Debounce vs Throttle

디바운싱와 쓰로틀링의 개념과 차이

5분 읽기·2023년 10월 8일

Debounce를 바닐라 자바스크립트, 그리고 리액트에서 구현하기

디바운스의 바닐라 자바스크립트 에제와 리액트에서 커스텀 훅으로 구현하기 위한 과정

17분 읽기·2023년 10월 8일

프리온보딩 인턴쉽 3주차 과제 : 검색창 구현

검색창의 최근 검색어 및 추천 검색어 기능과 로컬 캐싱 기능을 구현한 과정과 회고

9분 읽기·2023년 9월 20일

일상

제 1회 FE 블로그 포스팅 스터디 오프라인 컨퍼런스

스터디원들과 함께한 오프라인 발표 컨퍼런스에 대한 후기

16분 읽기·2023년 9월 17일

프리온보딩 인턴쉽 2주차 과제 : 무한스크롤과 errorboundary

각 페이지 단위로 비동기 통신 상태를 선언적으로 처리하기 위해 Error boundary와 Suspense를 사용하여 무한 스크롤을 구현한 과정과 회고

11분 읽기·2023년 9월 2일

프리온보딩 인턴쉽 1주차 과제 : 투두앱의 Best Practice

프리온보딩 인턴쉽의 시작, 그리고 투두앱의 Best Practice의 선정과 구현 과정

8분 읽기·2023년 8월 26일

useReducer를 어떻게, 그리고 언제 사용할까?

useReducer의 문법과 사용법, 그리고 언제 useReducer를 사용하면 좋은지 알아보자.

7분 읽기·2023년 8월 18일

React에서 상태 변경 로직이 처리되는 방법과 과정

useState가 비동기적으로 동작하는 방식 때문에 발생하는 문제와 그 이유를 알아보자.

6분 읽기·2023년 8월 11일

RESTful한 API 설계하기 위해 알아야할 것들

REST API, URI 규칙, Path variable vs Query string 등 REST API를 설계하기 위해 필요한 내용들

11분 읽기·2023년 7월 28일

배포 후 동적 라우팅 페이지 접근시 404 에러 (feat. generateStaticParams 사용법)

generateStaticParams로 동적 라우팅에 대응하는 params를 생성하여 빌드 시 정적 파일 생성하기

11분 읽기·2023년 7월 10일

다크모드를 위한 디자인시스템 적용기 - 1) 이론편

다크모드를 구현하기 위해 필요한 이론에 대해 학습해보자

12분 읽기·2023년 6월 26일

Next.js에서 꼭 알아야하는 Pre-rendering

CSR과 비교하며 Pre-rendering의 필요성과 중요성에 대해 알아보자

9분 읽기·2023년 6월 19일

왜 Next.js에선 <Link> 컴포넌트를 쓸까?

Next.js의 <Link> 컴포넌트가 동작하는 방식

5분 읽기·2023년 6월 15일

Next.js가 무엇이고 왜 뜨는걸까? (13 ver)

Next.js의 등장한 이유를 통해 Next.js가 사용되는 이유를 알아보자.

8분 읽기·2023년 6월 14일

Open Graph 프로토콜 (feat. SEO)

HTML의 head 태그 중 'og 태그'가 무엇일까?

8분 읽기·2023년 3월 27일

Fragment 사용이유 및 사용법

Fragment를 왜 사용하는지 알아보자

2분 읽기·2023년 3월 17일