project

Challenge 팀의 프로젝트.... 항상 두렵고 떨림으로 나아가야지... S.A 개발 환경 FE <img src='https://img.shields.io/badge/React_Query-FF4154

팀원들과 package manager를 무엇을 쓸 건지 정하다가 여태 까지 yarn으로 CRA를 해와서 yarn을 사용을 하되.... yarn의 업그레이드 버전인 yarn berry로 migration 하기로 결정했다. Yarn Berry migration 이유 yarn berry에서 제공하는 기능으로 zero install이라는 특징이 가장 큰 장점...

Code Convention 컴포넌트 파일은 파스칼 케이스로 작성 e.g) ComponentsTest.tsx 페이지명은 indexPage.ts (끝에 Page명 표기) 일반 .ts 파일은 케밥 케이스로 작성 (ex. common.ts, date-helper.ts) app 폴더 하위 페이지 파일 이름은 케밥 케이스로 작성 .module.css 파일은 컴포넌...

uploadImageMutate라는 useMutation을 필요한 컴포넌트에서 호출하는데 mutationFn인 uploadImageMutate 의 return 값인 data.publicUrl을 받아오고 싶은 상황이다. return 되는 값을 받아오기 위해서는 m

final project에서 내가 맡은 부분은 사장님들의 물류 관리 관련된 링크를 카드 형태로 모아두는 platform page이다. 내가 생각한 비즈니스 로직은 이렇다.platform page는 사장님들이 링크를 input창에 입력하고링크와 연관된 키워드를 추가할 수

문제 supabase sales 테이블 type을 인자값의 타입으로 지정 했는데, 내가 원하는 key 값이 string | null 이다. 현재 받는 인자값에 productname 은 우리 팀의 convention 에서 무조건 productname 과 order_t

객체 배열을 다시 새로운 객체 배열!!!! 로 가공 할 때 무엇을 기준으로 새로운 객체 배열을 생성할 건지가 관건!!! Supabase에서 월 별 데이터를 객체 배열로 받아와서 포장,매장 으로 분류한 후 , 분류한 포장 ( 객체 배열 ) 배열 , 매장 ( 객체 배열 ) 배열 을 다시 key 값이 product_name 을 기준으로 같은 product...

axios를 통해 웹 페이지를 get 해서 Open Graph의 meta image를 Preview로 보여주는 기능을 해야 하는데... 몇 시간동안 삽질을 했다. 이유는 Next js를 사용해서 final project를 사용 하는데... Next js가 기본적으로 SSR 이다 등 이론만 그냥 '웅' '웅' '아 .. 그렇구나' 알지 써먹어본적이 없...

공휴일 API를 사용하여 캘린더에 맵핑 하려고 했는데... 공휴일 명세서에는 XMLHttpRequest() 를 사용해서 데이터를 불러오게끔 했는데 Next js 의 getStaticProps로 불러오려고 할 때 사용할 수가 없었다. 이유는 XML 은 브라우저상에서 사용하는 메소드이고 내가 구현 하려고 하는 곳은 서버이기에 사용 할 수 가 없었다. 따...

Final Project에서 맡은 페이지는 플랫폼 관리 페이지로, 요식업 사장님이 자주 드나드는 사이트를 모아두는 페이지입니다. 각 사이트는 카드 형식으로 표현되며, 세 가지 입력 항목이 있습니다. 첫 번째로는 이미지를 등록할 수 있는 file input이 있고, 두

위 공휴일 API에서 받아오는 데이터를그런데 안 바뀐다....

언제 refetch를 사용 하는가??내가 맡은 파트에서 오늘이번주이번 달 을 select 하면 다시 useFetchDayQuery를 호출 해서 데이터를 가공해서 차트로 보여줘야 하는데 여러 번 select해서 useFetchDayQuery 를 호출 하면 한 번 호출해서

를 설치하고 아래와 같이 next.config.js 에 next/bunler analyzer 를 통해서 내가 만든 캘린더( 캘린더 + 기능 + css )와 react-calendar , react-big-calendar 를 비교해 보고자 한다. 위와 같이

마지막 챌린지에서 A팀의 프로젝트 목표는 배포 및 라이브러리 설치 과정을 최적화하고 로딩 속도를 개선하는 데에 초점을 맞추었습니다. 이에 따라 기존에 사용되던 yarn 1.22 버전 대신에 yarn berry 를 도입하였으며, 이미지 최적화를 위한 라이브러리인 sha

1탄 meta image도 조건부로 db로 올리는 것까지 감안하여야 해서 정말 부끄럽고, 안타까운 코드가 만들어졌다. 위 코드를 안 읽었다면 정말 다행이라 생각한다. 간단하게 무슨 함수이냐면, 카드 편집 후 클릭으로 db에 전송하기 전, 추출된 meta image

실수 했다. typescript를 사용해서 name 값에 있어서는 타입스크립트에서 이벤트 핸들러에서 직접적으로 e.currentTarget['name'].value와 같이 엘리먼트의 속성에 접근하는 경우, name 값은 쓰면 안되는데... 써버렸다. 그런데