개발, 인사이트, 에세이, 생각, 회고 등 다양한 글을 쓰고 있어요.
환영합니다.
- React(v18.2.0)
- Gatsby(v5.7.0)
- Typescript
- Scss
- Netlify
- Notion
- Google Analytics
- gatsby-source-notion-feely
- iOS 17 Color Palette
- PG 결제창, 왜 팝업으로 뜰까? 웹 결제의 보안과 UX
- 배럴 파일의 순환 의존성 문제로 인한 Next.js 핫 리로딩 시 서비스 정지 문제
- 피자를 향한 12시간(조코딩 AI 해커톤 후기
- Svelte Webpack5 환경에 Storybook 통합하기 + Chromatic 배포
- 5주 간의 Cursor IDE 실전 사용 후기: AI로 코딩 효율성 극대화하기.
- HTTP 상태 코드와 응답 데이터를 활용한 API 오류 처리 및 모니터링 전략
- 글또 9기, 프런트엔드&모바일 반상회를 다녀왔다.
- Jenkins pipeline 배포 시 Docker로 빌드하기. (Node.js not supported)
- 리액트와 SCSS로 구현한 눈송이 애니메이션 코드: 사이트에 겨울 불어넣기.
- 우아한 테크 콘퍼런스 2023 - 우아한형제들의 첫 오프라인 콘퍼런스, 그 날의 기억.
- SEO 입문 가이드: 구글과 함께 알아보는 검색 엔진 최적화의 기본과 핵심
- 프론트엔드 개발자를 위한 FEConf 2023 컨퍼런스 후기, 우리는 거인의 어깨 위에 있는 난쟁이다.
- Svelte 개발 환경에 Prettier 설정 더하기 (prettier-plugin-svelte)
- 광고 노출 수를 측정해주세요! Svelte로 만드는 컴포넌트 노출 트래킹 작업기.
- 상용 서비스 script, API 오류 처리 개선 작업 회고. 이렇게나 오류가 많았다고?
- 코드 오타 방지 위원회 : Code Spell Checker 플러그인 사용하기. (VSCode)
- MAC 로컬 서버에 SSL 인증된 https 도메인 Nginx로 10분만에 적용하기
- 함수 네이밍을 위한 자주 쓰는 동사 비교 총정리.
- MSW를 활용하여 웹 브라우저에서 Mockup 사용하기. API 의존으로부터의 해방.
- 1분 만에 VSCode 동기화하기. 내 VSCode는 어디서든 동일해야하니까.
- Semantic Versioning과 각 배포환경에서의 버전 관리에 대한 고민.
- 스마트택배 API로 배송 정보 조회 기능 만들기
- 나의 첫 개발자 커뮤니티인 글또 9기를 완주한 후기.
- 통합을 위해 SOP 한계를 극복하는 CORS 정책
- 새롭게 코어 웹 바이탈 측정 기준이 된 INP는 무엇이고 왜 FID를 대체하게 되었나.
- 유데미 《【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스》 수강 후기
- 유데미 《클린코드 자바스크립트(JavaScript)》 수강 후기
- JavaScript 커링(Currying) 이해하기: 6가지 실전 활용 사례
- JavaScript 프로토타입, 클래스 개념 요약 정리
- JavaScript 스코프, 렉시컬 환경, 실행 컨텍스트 개념 요약 정리
- JavaScript 모듈로 이야기하는 번들러와 웹팩, 롤업, 비트에 대한 요약 정리
- 컴파일러, 인터프리터, 트랜스파일러 개념 요약 정리
- WEB 크로스 브라우징과 바벨, 그리고 폴리필 개념 요약 정리
- WEB 브라우저 렌더링과 웹 렌더링 방식들 개념 요약 정리
- JavaScript 이벤트 루프, 호이스팅, 클로저 개념 요약 정리
- 성장하는 프론트엔드 개발자 되기 - 원티드 온라인 Live Talk #20 후기
- Zustand, Jotai, Valtio의 개발자 다이시 카토가 쓴 ‘리액트 훅을 활용한 마이크로 상태 관리’ 후기
- 타입스크립트를 실무에서 사용한다면? ‘이펙티브 타입스크립트’ 후기
- 리액트 18까지를 위한 최고의 IT 전문서, ‘모던 리액트 Deep Dive’ 후기
- 웹 개발자의 역량을 고민하다 책 <더 나은 웹 개발을 위한 가이드>를 읽었다.
- 책 피플웨어(Peopleware) 6부. 여기서는 일이 재미있어야 한다.
- 책 피플웨어(Peopleware) 5부. 비옥한 토양.
- 책 피플웨어(Peopleware) 4부. 생산성 높은 팀으로 양성하기.
- 책 피플웨어(Peopleware) 3부. 우수한 인재를 확보하라.
- 대체 뭐가 문제야? 제럴드 와인버그의 책 ‘Are Your Lights On?’ 내용 요약 정리 Part.2
- 책 피플웨어(Peopleware) 2부. ‘사무실 환경’ 요약 정리
- 책 피플웨어(Peopleware) 1부. ‘인적 자원 관리’ 요약 정리
- 김철수의 책 '개발자의 글쓰기'를 읽고.
- 대체 뭐가 문제야? 제럴드 와인버그의 책 ‘Are Your Lights On?’ 내용 요약 정리 Part.1
- NPM 패키지 배포, 처음으로 사용한 npm publish와 ENEEDAUTH 오류 해결기.
- Gatsby+Notion API 플러그인(gatsby-source-notion-feely) 작업기.
- Gatsby 블로그에 Github 댓글 적용하기. 하루만에 Utterances에서 Giscus로. (다크 테마 적용)
- Github 리포지토리 Netlify로 배포하고 커스텀 도메인 연결하기 (feat. Gatsby Cloud 종료)
- Gatsby가 생성해준 LightHouse의 SEO Page is blocked from indexing 에러에 대한 삽질기.
- Gatsby-plugin-sitemap으로 동적 sitemap 생성하기. robots.txt도 만들자.
- 몇 명이나 보러 올까? Gatsby gtag plugin으로 GA 연동하기.
- Gatsby Head API로 메타 태그 적용하기. 아아, 부르다 죽을 그 이름 SEO.
- Gatsby Cloud로 배포하고 Google Domains로 웹 이름 지어주기.
- 노션에 첨부된 이미지 URL 만료 없이 사용하기.
- 내 Gatsby 사이트에 Font, Color Palette, Icon Set 적용하기.
- 개츠비에 노션의 등장이라… Gatsby에 Notion API 연동하기.
- Gatsby 프로젝트 개발환경 생성부터 alias, git 설정까지.
- 개인 블로그 개발의 서막. 코드 네임 : WeeZip.