개발, 인사이트, 에세이, 생각, 회고 등 다양한 글을 쓰고 있어요.
환영합니다.
- React(v18.2.0)
- Gatsby(v5.7.0)
- Typescript
- Scss
- Netlify
- Notion
- Google Analytics
- gatsby-source-notion-feely
- iOS 17 Color Palette
- 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로 배송 정보 조회 기능 만들기
- 통합을 위해 SOP 한계를 극복하는 CORS 정책
- 새롭게 코어 웹 바이탈 측정 기준이 된 INP는 무엇이고 왜 FID를 대체하게 되었나.
- 유데미 《【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스》 수강 후기
- 유데미 《클린코드 자바스크립트(JavaScript)》 수강 후기
- JavaScript 커링(Currying) 이해하기: 6가지 실전 활용 사례
- JavaScript 프로토타입, 클래스 개념 요약 정리
- JavaScript 스코프, 렉시컬 환경, 실행 컨텍스트 개념 요약 정리
- JavaScript 모듈로 이야기하는 번들러와 웹팩, 롤업, 비트에 대한 요약 정리
- 컴파일러, 인터프리터, 트랜스파일러 개념 요약 정리
- WEB 크로스 브라우징과 바벨, 그리고 폴리필 개념 요약 정리
- WEB 브라우저 렌더링과 웹 렌더링 방식들 개념 요약 정리
- JavaScript 이벤트 루프, 호이스팅, 클로저 개념 요약 정리
- 성장하는 프론트엔드 개발자 되기 - 원티드 온라인 Live Talk #20 후기
- 웹 개발자의 역량을 고민하다 책 <더 나은 웹 개발을 위한 가이드>를 읽었다.
- 책 피플웨어(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.
- 게임과 개발 문화로 알아보는 지속 가능한 커뮤니티 구축을 위한 5가지 깨달음.
- 2023년을 돌아보고 2024년을 맞이하기 위한 회고와 만다라트
- 시대의 변화로 보는 요즘 과학이 인기있는 이유
- 처음으로 회사에 피드백을 요청해보았다.
- 내가 동료에게 피드백을 요청하기까지.
- 좋은 동료와 함께 성장하기 위한 피드백은 어떻게 해야할까?
- 내가 매일 업무일지를 작성하는 4가지 이유.
- [영화] 포드 V 페라리 후기, 매혹적 레이싱과 신화적 삶.
- 예능 《장사천재 백사장 시즌2》 후기. 프로덕트 개발의 진수가 담겨있었다.
- [책] 한병철 <서사의 위기> 후기. 우리는 언어와 이야기를 박탈당했다.
- [영화] 픽사의 23번째 장편 영화, 피트 닥터 - 소울 후기
- [영화] 미야자키 하야오 - 그대들은 어떻게 살 것인가 후기
- [책] 미셸 푸코 - 감옥의 대안 후기
- [책] 유현준 - 도시는 무엇으로 사는가 후기
- [영화] 쥬세페 토르나토레 - 시네마천국 후기
- [영화] 크리스토퍼 놀란 - 오펜하이머 후기
- [공연] 서울시립교향악단 파크콘서트 후기
- [영화] 에드거 라이트 - 라스트 나잇 인 소호 후기
- [공연] 2023 펜타포트 락 페스티벌 후기. 내 인생에 새겨진 청춘이라는 소인이자 헌시.
- [영화] 하마구치 류스케 - 드라이브 마이 카 후기
- [책] 올더스 헉슬리 - 멋진 신세계 후기
- [영화] 배리 레빈슨 - 굿모닝 베트남 후기
- [애니메이션] 기생수 후기
- [영화] 변성현 - 길복순 후기
- [책] 룰루 밀러 - 물고기는 존재하지 않는다 후기
- [영화] 스탠리 큐브릭 - 시계태엽오렌지 후기
- [영화] 콘도 카츠야 - 바다가 들린다 후기
- [책] 김호연 - 불편한 편의점 후기