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