일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 초기셋팅
- 코딩테스트
- vscode
- deep dive
- vercel
- 소셜 로그인
- error
- js
- 코드카타
- 스파르타코딩클럽
- 모던 자바스크립트
- React
- array정적메서드
- useRouter
- 구글 로그인
- 셋팅
- 내일배움캠프
- 프로젝트 셋팅
- 코테
- domain
- 티스토리챌린지
- 오블완
- nextjs
- 리터럴
- 프로그래머스
- git
- Next
- 모던자바스크립트
- 자주 까먹는
- CORS
- Today
- Total
목록Today I Learned (106)
파피루스
1. vscode PostMan 추가 2. new Request 추가3. cookies 클릭 4. 테스트하려는 도메인 입력 5. supabase auth에 필요한 쿠키값 알아내기 테스트하려는 서버에서 로그인한 뒤,개발자 도구 > 애플리케이션 > 쿠키 > 테스트 서버 주소 클릭하면 저장된 항목들이 보임sb-블라블라-token.0 / sb-블라블라-token.1 두개의 값 모두 PostMan에 넣어줘야함 6. add cookie 클릭밑줄 그은 cookie4=value부분을 5번에서 알아낸 값으로 교체한다. 7. 셋팅 끝! 요청 날려보면 제대로 나온다.
tailwind cssoverflow-hidden text-nowrap text-ellipsis cssoverflow : hidden;text-wrap : nowrap;text-overflow : ellipsis;
1. nomal.css, reset.css 사용되는 이유- reset.css, normal.css 두개 다 팀 프로젝트에서 같은 환경에서 사용하기 위해 사용함두개의 차이점은 reset 은 말그대로 reset 0으로 만들고 nomal은 어느정도 남긴다. (h1, h2 글자크기는 남긴다 등) 피드백 : 개념 이해 확인, 쫓긴 듯한 느낌 있음 2. 자바스크립트 코드로 개발했을 때의 한계점, 타입스크립트 등장 배경- 순수 자바스크립트 코드 작성 한계점 : 동적 타이핑 언어라 runtime에 타입이 지정이 됨. 코드에 일관된 품질을 보장하기 어려움- 타입 스크립트 등장 배경 : 타입스크립트는 compile 시점에 타입을 체크할 수 있다. 피드백 : 핵심에 가까운 이야기를 해주면 좋겠다. 시선 처리 카메라로 해주었..
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..
참고 문서) 경로 그리기 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 합쳐진 내용을 바탕으로 오늘 아래부분 적용 예정일정 부분은 '내 일정' 부분 ..