도록

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) 그래서 디버깅 어떻게 하는데?코드라인 앞에 마우스를 ..