목록2024/07 (21)

도록

[supabase] type 자동 추론하기

1. supabase 설치npm i supabase@">=1.8.1" --save-dev  2. supabase 셋팅하기npx supabase loginnpx supabase init  3. supabase DB기준으로 타입 파일 생성하기npx supabase gen types --lang=typescript --project-id "프로젝트 아이디" --schema public > database.types.ts아이디 넣어서 실행하면 root 폴더 위치에 database.type.ts 파일을 생성한다.나는 next 에서 사용할거라 src/database.type.ts 로 바꿔서 사용한다.   4. 어떻게 쓰는가?import { Database, Tables, Enums } from "./database..
Today I Learned/in dev 2024. 7. 31. 12:06
[google map] react에서 구글 맵 연동하기 / 2탄. 경로 그리기

참고 문서) 경로 그리기 https://console.cloud.google.com/google/maps-apis/discover/text-directions?project=genuine-sector-430902-r9https://developers-dot-devsite-v2-prod.appspot.com/maps/documentation/javascript/reference/library-interfaces?hl=ko#RoutesLibrary  1탄에서 사용한 lib에는 경로 그리는 방법이 존재 하지 않는다.기본적으로 google api 가져다 쓰는 방법이니까 lib를 뜯어서 수정하면 가능은 하겠지만...구글 맵을 그렇게까지 만지고 싶지는 않아서 다른 라이브러리 사용하는 방식으로 해결함 import {..
Today I Learned 2024. 7. 30. 14:37
[임시] 진입점 없어 링크로 시연예정

1) 이메일 로그인/회원가입 : https://final-project-b1.vercel.app/login 2) 추천 관광지 관련 페이지들 구현 : /recommend/country/[id]- 사진 슬라이드, 버튼 클릭 -> 나라 상세 페이지- 장소 카드의 자세히 보기 클릭 -> 관련 장소 모음 페이지?장소 카드의 제목 클릭 -> 장소 상세 페이지- 도시 이름 클릭 -> 도시 상세 페이지- 장소 카드의 제목 클릭 -> 장소 상세 페이지3) 메인 페이지 : https://final-project-b1.vercel.app/메인페이지진입점 : [헤더] 각각 drawer, testpage, mypage 접근 아이콘페이지: 요셉님 pr 합쳐진 내용을 바탕으로 오늘 아래부분 적용 예정일정 부분은 '내 일정' 부분 ..
Today I Learned/diary 2024. 7. 30. 10:33
punycode deprecated 에러

문제(node:6348) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.(Use node --trace-deprecation ... to show where the warning was created) punycode 모듈은 deprecated 됨 -> punycode를 지원하는 Node.js 버전으로 변경해야 함. 해결1. nvm 설치curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash  2. nvm 실행. ~/.nvm/nvm.sh 3. 가능한 버전 목록 보기nvm ls-..
Today I Learned 2024. 7. 29. 22:50
[google map] react에서 구글 맵 연동하기 / 1탄. 마커 찍기

0. GOOGLE MAP에서 API KEY를 발급받자[공식문서] 리액트 구글 맵 시작하기 가이드구글 맵 API KEY 발급받기 : https://developers.google.com/maps/get-started?hl=ko 1. install package (https://visgl.github.io/react-google-maps/)npm install @vis.gl/react-google-maps 2. react component console.log('Maps API has loaded.')}>참고) API provider 속성 (문서) 3. 지도 id, style 연결하기  3-1. 지도 ID 만들기링크 : https://console.cloud.google.com/google/maps-apis..
Today I Learned 2024. 7. 29. 20:37
[팀플] 회고로 시작하여, 차주 목표로 이어지도록

노션에 여러 회고 템플릿을 뒤적거리다가, 요 양식이 제일 가볍게 접근할 수 있는 것 같아 갖고왔다. 팀플 1/3 지점에 왔지만 거의 열흘간 기획/디자인/와이어프레임에 대한 딥한 회의를 하다보니, 다들 시작도 전에 지친 느낌이였다. 한번 환기할 타이밍인가 싶어 30분간 간략히 회고하자고 제안했다. 지난 2주간 다같이 기획에 매달리다 보니, 전체적으로 딥하게 집중했다/회의가 길다 등의 얘기가 많았다.개발시간이 부족해 어떻게든 시간을 확보하기 위해, 아래와 같이 규칙을 세웠다.1. 논의 전에는 반드시 주제 적기2. 본인의 주장과 근거를 항상 어딘가에 기록하기3. 팀 몰래 결정하지 말고 항상 슬랙에 남겨주기4. 어느정도 논의한 후에도 결정이 나지 않을 경우 리더가 결정하기  위 문서 아래에는 칭찬합니다 란이 있..
Today I Learned/diary 2024. 7. 26. 21:52
이전 Prev 1 2 3 4 Next 다음