반응형 Dev. Yelee ˗ˋˏϟˎˊ˗99 [Next.js] Next.js 프로젝트 생성하기 시작하기에 앞서 Next.js의 공식 문서를 살펴보자 Getting Started | Next.js Get started with Next.js in the official documentation, and learn more about all our features! nextjs.org Next.js를 사용하기 위해서 Node.js 12.22.0 이상 버전이 설치되어 있어야 한다. Mac, Windows, Linux 모두 사용 가능! 참고로 저는 맥 유저랍니다. System Requirements Node.js 12.22.0 or later MacOS, Windows (including WSL), and Linux are supported 설치법은 여기를 클릭해주세요 1. create-next-app .. 2022. 8. 7. [Typescript] 타입스크립트에서 json 파일 import 안될 때 문제 다국어 지원을 위해 react-i18n을 쓰는데 설정을 해주는 과정에서 json 형태의 언어팩을 불러오지 못하는 이슈가 있었다 역시나 친절하게 해결방법을 알려준다 원인 tsconfig 파일에서 resolveJsonModule이 설정되어 있지 않았다 해결 tsconfig 파일로 가보자! esModuleInterop과 moduleResolution은 잘 설정되어 있었는데 resolveJsonModule 설정이 없어서 추가했다 참고로 resolveJsonModule 옵션을 사용하기 위해서 esModuleInterop과 moduleResolution 설정은 필수다! { "compilerOptions": { // code "esModuleInterop": true, // ES6 모듈 사양을 준수하여 Comm.. 2022. 6. 12. [Typescript] Attempted import error: 'createGlobalStyle' is not exported from 'styled-components' 타입스크립트 기반 리액트 프로젝트에서 createGlobalStyle이 안 불러와질 때 문제 타입스크립트 프로젝트에서 styled-compontents를 쓰기 위해 아래와 같이 공식 문서에 나와 있는 대로 styled-components를 설치했다 npm install --save styled-components //or yarn install styled-components 그리고 global style을 적용하기 위해 createGlobalStlye을 불러왔다 import { createGlobalStyle } from 'styled-components'; 그리고 맞이한 에러.. ^^ 불러올 수가 없다니. 근데 친절하게 해결법도 알려준다! 해결 @types/styed-components를 설치하면 된.. 2022. 6. 11. [React/Typescript] styled-components로 global style 적용하기 1. 패키지 설치 타입스크립트 이용 시 @types/styled-components도 설치해주세요 yarn add styled-components yarn add -D @types/styled-components 2. global style 파일 생성 저는 루트(/src)디렉토리 하위에 style이라는 폴더를 생성하고 globalStyle.ts라는 파일에 아래 코드를 작성했습니다 import { createGlobalStyle } from 'styled-components'; const GlobalStyle = createGlobalStyle` // 초기화 코드 `; export default GlobalStyle; 3. global style 적용 index.ts 파일로 돌아와서 global style.. 2022. 6. 10. 이전 1 ··· 7 8 9 10 11 12 13 ··· 25 다음 반응형
