@phrygia
주니어 개발자 프리지아의 개발일기

[nextjs] sentry + slack으로 nextjs 에러 모니터링 하기 (slack 채널 연동)

프론트엔드 개발자로 입사한지 어느덧 1년 8개월 정도 되었다. 입사 했을때부터 서버는 Sentry에 연동되어 있었고 Slack으로 알림도 와서 종종 들여다보곤 했으며 사수가 Sentry를 보면서 에러를 해결하는 상황도 종종 옆에서 지켜봤다. 프론트 개발자 친구가 자신이 다니는 회사 프로젝트에 Sentry를 도입했다는걸 들었을 때도 딱히 별생각이 없었다.…

2024월 2월 15일

[npm/yarn] 한 프로젝트에서 같은 라이브러리 다른 버전 설치하기

회사에서 VIP를 상대로 한 연말 프로모션 페이지를 만들기 위해 한장한장 카드를 넘기는듯한 UI가 필요했습니다. 저희 회사는 기존에 Swiper를 사용하고 있었기 때문에 평소 자주 사이트를 방문하는 편이었고 전에 demo 페이지에서 봤던 기억을 떠올렸습니다. Effect cards 효과를 디자이너분께 보여드렸더니 생각했던것과 똑같다고 해주셔서 이걸 사용해…

2023월 12월 11일

[web] Lighthouse 웹페이지 성능분석 (Performance)

허겁지겁 코드를 작성하고 일정에 쫓겨 디자인을 따라하기에 급급해 성능따위 무시했던 신입 1년.. 최근 개발에 많이 익숙해지면서 성능 및 최적화에 흥미가 생겼습니다. 그중 제일 쉽게 사용할 수 있는게 구글에서 개발한 크롬 웹사이트 성능 측정 도구인 Lighthouse입니다. Lighthouse는 크롬 개발자도구, 크롬익스텐션, npm 라이브러리(nod…

2023월 11월 19일

[nextjs] nextjs node버전 업데이트 여정 (tailwind custom class error)

Nextjs로 자사 브랜드를 2개 운영중인 회사의 프론트엔드 개발자로 일하고 있는 필자는 어느순간부터 vercel에 접속할때마다 이런 문구를 발견했다. 2023년 8월 15일부터 새로운 빌드가 적용되지 않는다니😱😱 2개 프로젝트 모두 node 14로 되어있기 때문에 사수는 8월 15일 전까지만 적용하면 된다고 했다.. (그치만 아직 1년된 쪼렙이 …

2023월 8월 15일

[git] 실무에서 사용했던 git 정리

프론트엔드 개발자로 일한지 7개월정도가 되었다. 퍼블리셔로 오래 지내면서 git은 거의 사용해 본 적이 없었고 (아주 간단하게 사용) 사용하더라도 git GUI인 소스트리를 사용해 git 명령어를 거의 모르는 상태였다고 봐도 무방했다. 물론 개발자로 이직 준비하면서 git에 대해 공부하긴 했었지만 혼자하는 공부는 한계가 있고 conflict나는 상황이 거…

2023월 3월 3일

[javascript] 배열에서 특정값을 선택해서 객체로 변환하기 (배열을 객체로)

회사에서 개발하던 중 선택된 상품의 배열에서 각 상품의 와 를 추출해서 결제페이지로 넘겨주는 로직을 개발하고 있었다. *api 값 *api에서 추출하려는 값 우선 장바구니 상품들중 선택한 상품을 id로 필터하고 map으로 store_key키만 추출한 다음 reduce안에서 다시 filter해서 해당 상품의 수량을 붙여서 코딩을 했다.. (진짜 부끄럽고…

2023월 1월 22일

[diary] 2022년 회고

인생에서 제일 길었던 한해가 지나갔다. 2022년. 다사다난했던 한해. 많은 일들이 있었던 만큼 매우 긴 한해였다. 프론트엔드 개발자가 되겠다고 연초부터 면접을 보러 다녔었는데 아주 오래전 이야기가 된것 같은 느낌.. 길고도 험난했던 해인만큼 2022년 회고록을 쓰며 안좋았던 기억들을 모두 훌훌 털어내고 새로운 2023년을 준비해보려고 한다. 2022년의…

2023월 1월 8일

[nextjs] Next.js 13

어느날 사수가 갑작스럽게 보내준 링크. (Next.js 13 신버전 발표회 요약 (웹개발자 비상!!)) 나는 프론트엔드 웹개발자로 React를 사용하고 있고 우리회사는 production에서 많이 사용되고 편리한 Next.js를 사용중이다. 사실 사수가 저 링크를 보내주기 전까지 우리 회사가 무슨 버전을 쓰는지도 모르고 신경조차 쓰지 않았다. 핑계를 …

2022월 11월 6일

[react] Recoil 상태관리 라이브러리

회사의 새로운 프로젝트에서 React query와 함께 Recoil을 써보고 싶다는 생각이 들었다. 우리 회사는 전역적으로 관리할 상태들이 많지 않아 쉽게사용할 수 있는 Context API를 사용하고 있다. 나는 React를 공부할때 Redux를 사용해봤기 때문에 Redux의 복잡한 코드가 너무 싫었다. 전역적으로 사용하기 위한 초기 세팅도 복잡하고…

2022월 8월 15일

[react] React Query 기초

커머스 인하우스 신입 프론트엔드 개발자로 취업한지 2달정도 되었다. 현재 회사는 3개의 사이트를 가지고 있는데 1개만 자체솔루션이고 2개는 쇼핑몰 웹 솔루션을 사용하고 있다. 일반 솔루션을 사용하면 개발에 한정적이고 재고를 정확하게 관리하기 힘들기 때문에 하반기에 자체 솔루션 개발 계획이 있었다. 어쩌다보니 입사하고 3개월도 안되어 새롭게 구축하는 자체 …

2022월 8월 6일