React 프로젝트에 Router 설치 방법 1. 터미널을 킨다. 2. Sass 설치를 희망하는 React프로젝트의 디렉토리로 이동한다. 3. 형태로 파일을 생성 후, css와 같이 활용 css와 사용법은 거의 동일하지만, css에서 지원하지않는 변수지정 함수활용 등을 활용해 더욱 생산적인 디자인 작업이 가능하다!
![[아주 짧은 글] Next.js에서 ScSS파일 sourcemap 기능 사용하기!](https://thumb.velog.io/resize?url=https://images.velog.io/post-images/sonaky47/2760fcb0-3672-11e9-b33e-97a2d99d98bb/header-typo-650x3001.png&width=512)
영어 실력이 빈약해서 그런지 간단한 기능같아 보이는데 찾지를 못하고 sourcemap이 되어 있지 않은 scss파일로 작업을 계속 했는데, 아무래도 불편하다고 느껴져서 다시 한 번 찾아보니까 아래와 같이 하면 되는 것이었다.
자 redux설정에 앞서 잠시 기본 적인 sass 스타일의 틀을 잡고 가보겠습니다. styles/index.scss 잘 나타나나요? 그렇다면 성공입니다. 다음에서는 redux설정을 통해서 redux-devtools (크롬 웹스토어) 로 반영해보겠습니다.
자 이제 프로젝트를 모두 생성했으니, 리액트쪽부터 건들여 볼까요? 자 이제 sass에 대한 환경 설정은 모두 끝났습니다.