본문 바로가기

전체 글400

[TIL] 오늘의 개발일지 휴일을 알차게 보내고 맞이한 오늘은 개인적으로 많이 지치기도 했지만 마지막 우리 사랑스러운 코딩이가 기분을 좋게 해줘서 잘 마무리가 되가는 것 같아 그래도 감사하다 오늘은 팀프로젝트를 하던 중에 다른 분이 짰던 코드에 또 다른분이(ㅋㅋㅋ) 한 코드를 머지하고, 합치는 작업을 하고 있었는데 두 코드를 합치면서 중간에 에러가 났었다 (문제 - 2가지가 같이 일어났음) 1. 무한로딩 2. 콘솔을 찍었을 때 undefined 뜸 3. 1,2번때문에 버튼 클릭시 좌표 이동이 안되었음 (나의 생각) 1. 변화를 인지하는 순간은 한번이면 되는데, 변화를 무한으로 알아차리게 된 이유가 뭘까 2. 처음 undefined가 뜨는건 set함수가 실행되기 전에 console이 찍혔기 때문이겠징 3. 디펜던시 어레이에 link.. 2023. 1. 25.
[TIL] 오늘의 개발일지 이번 연휴동안 너무 다행히 몸살이 났고 (??) 만약 평일에 아팠으면 어떻게 견뎠을까 싶었는데, 다행히 휴일이라 컨디션을 조절하면서 프로젝트를 준비할 수 있었다 원래 연휴동안 프로젝트 하면서도 그동안 공부하고 싶었던 부분들을 공부하고 싶었는데 진짜 오랜만에 8시간 이상 자면서 그동안 밀렸던 잠을 잤던 것 같다 (오히려 좋아) 그래도 오늘까지 하기로 했던 부분은 구현완료했지롱 >_ 2023. 1. 24.
임시 메모장 - 수파베이스 관련 >> 데이터 테이블 구조에유 * supabase는 진짜 sql이라서 고유한 id값 들어간 컬럼 생성햇어용 company commute convenient restaurant pros1 pros2 pros3 pros4 pros5 cons1 cons2 cons3 cons4 cons5 kakao 5 3 2 1 0 1 1 0 1 1 0 1 1 kakao 3 5 4 0 1 1 1 1 1 0 0 1 1 naver 4 1 3 1 0 0 1 1 1 1 1 1 1 kakao 2 5 2 0 1 0 0 0 0 0 1 1 0 kakao 5 3 2 1 0 1 1 0 1 1 0 1 1 kakao 5 3 2 1 0 1 1 0 1 1 0 1 1 >> 테이블만 조회해오는 코드 import { useEffect } from "react.. 2023. 1. 22.
[WIL] 오늘의 개발일지 이번 프로젝트의 필수 기능구현 중 하나가 스프레드 시트를 사용하거나 지도api를 쓰거나 youtube api를 사용하는 거였는데 우리는 스프레드시트 사용과 지도 api 를 사용하기로 했었다 그리고 맞딱드린 '무료' 사용자의 난관 ㅎ.ㅎ 구글 sheets의 링크를 통해 그걸 서버 api로 바꿔주는 sheets.best를 사용했는데 free 유저인 경우 한달에 접속할 수 있는 횟수가 100번이었다 하루에 100번 제한도 아니고, 한달에 100번 프로젝트 코드 짜면서 데이터 받아지는거 확인하는데 거짓말 안치고 새로고침 10번 정도 하면, 횟수제한이 끝나는 느낌이었다 뭐 어떡해 Free 유저는 다른 무료를 찾아 떠나야지 ㅎ.ㅎ 잠깐 쉬다가 구글시트랑 비스무리한 것들이 있나 찾아봐야겠당 오늘의 개발일지 끄읕 요건.. 2023. 1. 22.
타입스크립트로 리액트쿼리 쓰는데, 컴포넌트에서 undefined 뜰 때 어제 서버 연결하는 코드를 useQuery를 사용해서 리팩토링을 하려고 하는데 데이터가 필요한 해당 페이지에서 자꾸 undefined가 떴었다. get 에서는 분명 data가 잘 찍히는 걸 확인할 수 있는데, 이상하게 useQuery가 토해낸 data는 undefined가 떴었다. 이것저것 연구하다가 쿼리펑션에 then을 붙여서 response를 바로 state에 set하는식으로 할까도 했지만 const { data } = useQuery({ queryKey: ["getPros1Data"], queryFn: () => { getPros1Data(urlReqCompanyName).then((response) => setDataState(response) ); }, }); 사실 이렇게 코드를 자면 유즈쿼리를.. 2023. 1. 22.
[TIL] 오늘의 개발일지 또다시 프로젝트 발제가 돌아왔다(두둥탁) 타입스크립트가 익숙해지지 않은 상태에서 리액트 + 타입스크립트 프로젝트가 시작되니 두려움도 있었지만, 혼자하는게 아니라 팀원분들과 함께 작업한다는 생각에 두려움도 금방 사라졌다 다같이 화면공유한 상태로 초기 세팅을 하고 있었는데, 라우터 설정중에 Routes가 임포트가 안되고, jsx 타입 에러 문구가 떴었다. 해당 오류는 아래대로 해결! https://warn-code.tistory.com/manage/posts/ TISTORY 나를 표현하는 블로그를 만들어보세요. www.tistory.com 아!! 그리고 이번 프로젝트 그라운드룰 정하면서 재밋었던 부분! 나름 프로젝트할때 깃 컨벤션을 지키면서 하고있다고 생각했는데, 꼼꼼하신 팀장님 덕분에 이렇게 디테일한 깃 .. 2023. 1. 20.