scss 썸네일형 리스트형 [TIL-26] 실전 프로젝트 - 프로젝트 셋팅(SCSS, ESLint, Prettier설정) Today목표 : 05/22일~05/23일 실전 프로젝트 : 프로젝트 셋팅(SCSS, ESLint, Prettier설정) 실전 프로젝트가 시작됐다. 6주간의 기간 동안 프론트2 백엔드3 디자이너1 으로 팀을 이뤄 하나의 프로젝트를 완성해야 한다. 같이 협업해야 하는 만큼 프로젝트를 잘 설계하고 사용할 stack들을 결정하는 것이 중요했다. 오늘은 프로젝트 셋팅에서 SCSS, ESLint, Prettier를 설정하였고, 궁금했던 부분들이나 이런 stack들을 사용한 이유를 정리해 보려고 한다. 알게된점, 1. SCSS사용시 yarn add node-sass 하는 이유 ✅ yarn add node-sass yarn add sass => node환경에서 sass 파일을 감시하여 컴파일 할 수 있도록 하기 위해.. 더보기 [SCSS] 온보딩 3주 2일차 - SCSS 설치 및 사용해 보기 🦄 온보딩 3주 2일차 - SCSS 설치 및 사용해 보기 ✨03/21 : 목표 : SCSS 설치 및 기본 문법 익히기 온보딩 스터디 2일차, 제공된 CSS 강의가 아무런 의미가 없는 강의인 것 같아 원래 이번 주 목표였던 SCSS에 대해 공부하기로 했다. 오늘은 공식문서를 참고하여 설치 및 기본 문법을 좀 익혀보고 연습도 할겸 앞으로는 항상 SCSS를 사용해 프로젝트를 진행해 보려고 한다. 📒SCSS 설치 및 경험해 보기 00 SCSS란 무엇인가? 1. SASS : Syntactically Awesome Style Sheets - 문법적으로 어썸한 스타일시트 2. SCSS : Sassy CSS - 문법적으로 Sassy한 멋진(Sassy) CSS Sass는 CSS의 단점을 보정하기 위한 CSS의 확장으로 .. 더보기 이전 1 다음
