『함께 자라기』를 읽고
두 번이나 사서 읽은 책, 『함께 자라기』. 의도적 수련, 더하기와 곱하기, 그리고 협업에 대한 인사이트를 나의 언어로 정리해봤다.
글 32편
두 번이나 사서 읽은 책, 『함께 자라기』. 의도적 수련, 더하기와 곱하기, 그리고 협업에 대한 인사이트를 나의 언어로 정리해봤다.
인생 첫 기술 컨퍼런스, 2025 우아콘 현장 후기와 인상 깊었던 세션들을 정리했습니다.
항해 플러스 프론트엔드 6기 전체 과정을 돌아보며, 시작 계기부터 배운 점과 성장을 정리한 최종 회고입니다.
4주차에서 AI에게 코드 주도권을 넘겼던 반성에서 출발한 5주차. 'AI는 조언자, 코드는 내가 통제한다'는 원칙 아래 폴더 구조 리팩토링, 공통 컴포넌트 설계, NotificationBoundary 패턴까지 실천한 과정과 KPT 회고.
useState, useRef 등 React 내장 Hook을 직접 구현하며 배운 점과 트러블슈팅 과정을 기록한 회고입니다.
프레임워크 없이 바닐라 자바스크립트로 SPA를 구현한 항해플러스 1주차 과제 회고입니다.
항해플러스 프론트엔드 6기 사전 네트워킹 행사 후기와 과정을 시작하는 마음가짐을 정리했습니다.
현대적인 이미지 포맷을 활용하여 웹 성능을 최적화하는 방법을 알아봅니다.
이미지 품질은 유지하면서 파일 크기를 줄여 빠르게 로드되도록 최적화하는 방법
2024년 첫 실무 프로젝트를 회고한 내용으로, 프론트엔드 개발자로서의 경험과 성장을 공유해봅니다.
CRA에서 Vite로 마이그레이션 하게 된 계기와 과정
2023년을 돌아보며 어떻게 성장해왔는지를 살펴보고 2024년에 하고 싶은 일들을 적어봤습니다.
i18next-scanner와 구글 스프레드 시트를 활용하여 텍스트 키를 수동으로 관리하는 노가다(?)를 자동화해보자.
프리온보딩 인턴십을 하며 무엇을 배우고 느꼈나?
쓰로틀의 바닐라 자바스크립트 에제와 리액트에서 커스텀 훅으로 구현하기 위한 과정
디바운싱와 쓰로틀링의 개념과 차이
디바운스의 바닐라 자바스크립트 에제와 리액트에서 커스텀 훅으로 구현하기 위한 과정
검색창의 최근 검색어 및 추천 검색어 기능과 로컬 캐싱 기능을 구현한 과정과 회고
스터디원들과 함께한 오프라인 발표 컨퍼런스에 대한 후기
각 페이지 단위로 비동기 통신 상태를 선언적으로 처리하기 위해 Error boundary와 Suspense를 사용하여 무한 스크롤을 구현한 과정과 회고
프리온보딩 인턴쉽의 시작, 그리고 투두앱의 Best Practice의 선정과 구현 과정
useReducer의 문법과 사용법, 그리고 언제 useReducer를 사용하면 좋은지 알아보자.
useState가 비동기적으로 동작하는 방식 때문에 발생하는 문제와 그 이유를 알아보자.
REST API, URI 규칙, Path variable vs Query string 등 REST API를 설계하기 위해 필요한 내용들
generateStaticParams로 동적 라우팅에 대응하는 params를 생성하여 빌드 시 정적 파일 생성하기
다크모드를 구현하기 위해 필요한 이론에 대해 학습해보자
CSR과 비교하며 Pre-rendering의 필요성과 중요성에 대해 알아보자
Next.js의 <Link> 컴포넌트가 동작하는 방식
Next.js의 등장한 이유를 통해 Next.js가 사용되는 이유를 알아보자.
HTML의 head 태그 중 'og 태그'가 무엇일까?
Fragment를 왜 사용하는지 알아보자
createPortal