도록

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 합쳐진 내용을 바탕으로 오늘 아래부분 적용 예정일정 부분은 '내 일정' 부분 ..

문제(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-..