하루 기록

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. 끝! 프로..

nextJs > Image tagnext의 IMAGE 태그는 상위 요소 중 position이 static 하지 않은 요소 기준으로 그린다. css >> aspect-ratio : OOOcss >> object-fit : OOO object-cover : 비율 유지한채로 넣기object-conatin : 비율 유지unoptimized : 리사이징을 안하고 싶을 때 useRouter : router.push로 페이지 이동시 단점seo 불가 (다른 페이지 탐색을 하지 않는다.)seo 점수 높히는 방법내부 링크 (내 사이트에서 내 사이트로 이동하는 것)외부 링크 (타 사이트에서 내 사이트로 이동하는 것) : 이게 더 점수가 높을 것으로 예상typescript genericexport type SDeal = ..