일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 모던 자바스크립트
- 코드카타
- 오블완
- 셋팅
- 구글 로그인
- 초기셋팅
- 내일배움캠프
- 프로젝트 셋팅
- 자주 까먹는
- deep dive
- Next
- 소셜 로그인
- 스파르타코딩클럽
- vercel
- React
- domain
- 코테
- error
- 리터럴
- 모던자바스크립트
- js
- CORS
- useRouter
- vscode
- 코딩테스트
- git
- 프로그래머스
- 티스토리챌린지
- array정적메서드
- nextjs
- Today
- Total
목록초기셋팅 (4)
도록
1. 설치하기npm i typescript @types/react @types/react-dom 2. 최초 설정하기npx tsc --init 생성된 tsconfig 파일에서 "jsx" 옵션을 줘야함: jsx가 자바스크립트 파일에서 내보내지는 방식을 제어하는 옵션 preserve: jsx를 변경하지 않고 .jsx 파일을 내보낸다.react: React.createElement 호출로 변경된 jsx로 .js 파일을 내보낸다.react-native : preserve와 같이 jsx를 변경하지 않지만 .js 파일을 내보낸다. 3. 기존 파일 확장자 변경하기- js 파일들 tsx/ts 확장자로 변경 4. 문제 생긴 부분 수정 + 필요하면 lib 추가 설치- js 파일들 tsx/ts 확장자로 변경 5. 끝! 프로..
prettier 설정 eslint 설정1. setting.json 파일 열기 (setting에 eslint 항목이 없다면 extendsion에서 eslint 설치해야 함)2. setting.json 아래 항목들 수정 https://velog.io/@xmun74/Next.js-TS%EC%97%90%EC%84%9C-ESLint-Prettier-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0
1. https://cactus.tistory.com/306 에서 폰트 다운로드2. 가변 프리텐다드 woff2 를 소스코드 root 폴더 안에 위치3. root layout 의 폰트 변경이상하게 매번 localFont를 못 찾아서 복붙해서 넣어준다. import type { Metadata } from "next";import localFont from "next/font/local";import "./globals.css";const pretendard = localFont({ src: "./fonts/PretendardVariable.woff2",});export const metadata: Metadata = { title: "Create Next App", description: "Gener..
알고리즘 문제 풀이 중, console.log 찍는 게 귀찮아졌다. 디버깅... 디버깅이 필요해! 1) vscode 좌측 메뉴에서, 실행 및 디버그 버튼 -> node.js 선택 2) launch.json 파일이 켜지면서 자동완성된 파일이 생성된다.- 표시된 항목 중에서 수정하고 싶은 항목이 있다면 수정 참고) launch.json 파일이 비어있어요- launch.json 파일 조차 안뜬다면 생성하기- 우측의 구성 추가 버튼 클릭 -> node.js :프로세스에 연결 node.js 항목 없으면 nodejs 설치가 안된 것은 아닌지 확인 3) 초록 화살 표, 클릭 시 디버그 콘솔에 console.log 찍히는 모습 볼 수 있다. 3-1) 그래서 디버깅 어떻게 하는데?코드라인 앞에 마우스를 ..