일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- OAuth
- 코드카타
- deep dive
- Next
- 프로젝트 셋팅
- domain
- 모던 자바스크립트
- array정적메서드
- 자주 까먹는
- git
- vscode
- vercel
- 소셜 로그인
- WIS
- 내일배움캠프
- 스파르타코딩클럽
- SSR
- nextjs
- 리터럴
- 셋팅
- 코딩테스트
- React
- 모던자바스크립트
- world it show
- 구글 로그인
- 초기셋팅
- js
- 프로그래머스
- 코테
- useRouter
- Today
- Total
목록분류 전체보기 (131)
하루 기록
참고 문서) 경로 그리기 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 {..
1) 이메일 로그인/회원가입 : https://final-project-b1.vercel.app/login 2) 추천 관광지 관련 페이지들 구현 : /recommend/country/[id]- 사진 슬라이드, 버튼 클릭 -> 나라 상세 페이지- 장소 카드의 자세히 보기 클릭 -> 관련 장소 모음 페이지?장소 카드의 제목 클릭 -> 장소 상세 페이지- 도시 이름 클릭 -> 도시 상세 페이지- 장소 카드의 제목 클릭 -> 장소 상세 페이지3) 메인 페이지 : https://final-project-b1.vercel.app/메인페이지진입점 : [헤더] 각각 drawer, testpage, mypage 접근 아이콘페이지: 요셉님 pr 합쳐진 내용을 바탕으로 오늘 아래부분 적용 예정일정 부분은 '내 일정' 부분 ..
문제(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-..
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..
노션에 여러 회고 템플릿을 뒤적거리다가, 요 양식이 제일 가볍게 접근할 수 있는 것 같아 갖고왔다. 팀플 1/3 지점에 왔지만 거의 열흘간 기획/디자인/와이어프레임에 대한 딥한 회의를 하다보니, 다들 시작도 전에 지친 느낌이였다. 한번 환기할 타이밍인가 싶어 30분간 간략히 회고하자고 제안했다. 지난 2주간 다같이 기획에 매달리다 보니, 전체적으로 딥하게 집중했다/회의가 길다 등의 얘기가 많았다.개발시간이 부족해 어떻게든 시간을 확보하기 위해, 아래와 같이 규칙을 세웠다.1. 논의 전에는 반드시 주제 적기2. 본인의 주장과 근거를 항상 어딘가에 기록하기3. 팀 몰래 결정하지 말고 항상 슬랙에 남겨주기4. 어느정도 논의한 후에도 결정이 나지 않을 경우 리더가 결정하기 위 문서 아래에는 칭찬합니다 란이 있..
[1d][plan] 내 여행 리스트 페이지 (plan list) : 1d페이지 : plan list page components- [상] 일정 추가하기 버튼[3d][plan] 내 여행 페이지 (plan detail)페이지 : plan detail page (특이점 : read 페이지면서 내부 요소의 create/update 처리함)components - header ( - 햄버거 메뉴 버튼 : (드로어라서 작업 미필요) - [상] 지도 버튼 -> 클릭 시 경로로 보기 - [하] ... 버튼 : 여행 정보 수정 (제목, 기간, 메이트, 나라, 여행스타일(테마,계절,동행인) - [하] 스크롤 시 헤더 크기 펼쳐보기, 위에 딱 붙기 - [중] 일정 함께 보는 사람 프로필 그리기 - [상]..