일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- world it show
- 소셜 로그인
- 구글 로그인
- useRouter
- WIS
- 내일배움캠프
- vscode
- 모던 자바스크립트
- 코드카타
- Next
- 프로그래머스
- 프로젝트 셋팅
- nextjs
- vercel
- domain
- js
- 코딩테스트
- array정적메서드
- 초기셋팅
- deep dive
- 리터럴
- SSR
- git
- React
- Today
- Total
목록분류 전체보기 (131)
하루 기록
결론 : Server Components가 Client Component에게 전달 할 수 있는 값은 한정되어 있다. 에러메세지Error: Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it. {Icon: function y, onClick: undefined} 해결책문제가 생긴 Server Component 상단에 "use client" 를 붙여준다.or 해당 props를 넘겨주지 않도록 구조를 바꾼다. 상황요약: Server..
1. [DEPRECATED] Default export is deprecated. Instead use `import { create } from 'zustand'`변경 전변경 후import create from "zustand"; import { create } from "zustand"; 2. Image with src has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles 'width: "auto"' or 'height: "auto"' to maintain the aspect ratio.변경 전변경 후 Image ..
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..