우주개발자 블로그

next.js (2)

next.js 와 typescript를 끼얹어 보자

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 5. 13. 12:00

최근 프론트엔드 생태계는 React, Vue, Angular 이 삼대장이 주류를 이루고 최근 Typescript 또한 각광 받고 있습니다. 저 또한 프론트엔드쪽 일을 자주하는 개발자로써 자연스럽게 이 삼대장 중 React를 자주 접하게 되었고, 최근 Typescript에 관심을 가지게 되었습니다. 하지만 React의 경우 큰 단점이 존재했는데, React는 클라이언트 사이드 렌더링이기 때문에 포털사이트 크롤링 봇들이 React 페이지를 수집하지 못한다는 단점이 존재하고 그로인해 자연스럽게 SEO를 적용할 수 없게 되어졌습니다. 이러한 문제는 서비스를 제공하는 업체한테는 큰 문제이며 심각하게 고민해야 될 문제입니다. 그렇기 때문에 나온게 React에 서버사이드 렌더링을 지원하는 NEXT.JS라는 프레임 워..

next.js에서 Cannot find module ".scss" 에러 해결하기

프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 5. 12. 08:30

최근 next.js로 웹 페이지를 만들려고 계획중에 있고 프로젝트를 환경을 구성하고 있습니다. 그러던 중에 아래와 같이 scss 모듈을 불러 올 수 없다는 에러가 발생했습니다. Cannot find module './Header.module.scss'. ts(2307) *.module.scss 형식의 스타일 모듈을 찾을 수 없다는 오류인데, 이러한 경우 간단한 설정 추가로 문제를 해결할 수 있습니다. 해결법 next-env.ts 혹은 next 설정 파일에 들어갑니다. 아래의 코드를 넣어줍니다. declare module '*.scss' { const content: { [className: string]: string }; export default content; } 짜잔! 이제 에러가 사라졌습니다. ..

Copyright © 우주개발자 블로그 All Rights Reserved

티스토리툴바