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

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

첫 실무 프로젝트 KPT 회고

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

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

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

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

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

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

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

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

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

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

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

Debounce vs Throttle

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Open Graph 프로토콜 (feat. SEO)

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

Fragment 사용이유 및 사용법

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

createPortal를 사용하면서 꼭 알아야 하는 것

createPortal