react-tutorial icon indicating copy to clipboard operation
react-tutorial copied to clipboard

1. Sass · GitBook

Open utterances-bot opened this issue 4 years ago • 14 comments

sass적용 이후의 yarn start로 브라우저 열리면 무한 로딩상태가 되는데 이문제는 어떻게 해결해야하나요??ㅠㅠ

Mrzero-00 avatar May 06 '20 08:05 Mrzero-00

터미널에 yarn node-sass 를 입력하니 yarn : 'yarn' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바 른지 검증한 다음 다시 시도하십시오. 라고 뜨는 데 어떻게 해야하나요?

jaeseok-kim-web avatar Jun 09 '20 01:06 jaeseok-kim-web

리액트와 SASS를 조합한 강점을 볼 수 있었네요~ 잘봤습니다.

minhyup avatar Jun 11 '20 11:06 minhyup

최근에 Node Sass version 5.0.0 is incompatible with ^4.0.0. 에 대한 이슈가 있는거 같은데 어떻게 해야하나요..?

jscyworld avatar Nov 05 '20 06:11 jscyworld

@jscyworld 최신 5.0.0 버전을 삭제 하시고 하위 버전으로 재설치 하시면 됩니다. npm uninstall node-sass npm install [email protected]

jaeson-dev avatar Nov 15 '20 19:11 jaeson-dev

처음에 Node Sass version 5.0.0 is incompatible with ^4.0.0. 이 에러가 떠서 npm uninstall node-sass,
npm install [email protected] 을 했는데 그 다음에는 ./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App.scss) Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (88) For more information on which environments are supported please see: https://github.com/sass/node-sass/releases/tag/v4.14.1 에러가 계속 뜨는데 어떻게 헤결해야 하나요?

bbkyoo avatar Jan 22 '21 08:01 bbkyoo

github 에는 justify-content: center , align-items: center 가 있는데 게시글에서는 안보입니다!

hayoung-jeremy avatar Jun 06 '21 22:06 hayoung-jeremy

저 궁금한게 있는뎅.. App.js 에서 Button 컴포넌트에서

<Button size="large" color="gray" >BUTTON</Button> // 이렇게 넣으면 large 사이즈의 gray 버튼이 생성이되는데

<Button size="" color="gray" >BUTTON</Button> // 이렇게하면 아래와 같이 기본값으로 medium 이 될 줄 알앗는데, 아니더라구요, <Button color="gray" >BUTTON</Button> // 이런 경우는 기본값을 설정할 수 있는 부분이 따로 있을까요?

// 위와 같은 경우는 size class 자체가 없는 것이기 때문에 // <button className="button gray ..." 로만 되는것이므로 // 기본 값으 주려면 button 클래스에 줘야할까요?

dev-rojieun avatar Jun 14 '21 08:06 dev-rojieun

node-sass가 depecrated 되었으므로 dart-sass 설치로 바꾸는 것이 좋을 것 같습니다.

dodok8 avatar Jul 22 '21 07:07 dodok8

node-sass 대신 sass를 설치하면 될 것 같습니다.

  1. yarn remove node-sass
  2. yarn add sass

minwoohi avatar Sep 11 '21 03:09 minwoohi

위에 코드로만 보고 따라하시는 분들 버튼이 가운데 정렬이 안되고 위에 치우쳐있을 때, display:inline-flex 를 해당 코드에서 빼주시거나 , 아니면 display: inline-flex; justify-content: center; align-items: center; 이렇게 추가해주시면 되요!

yechukim avatar Jan 28 '22 04:01 yechukim

감사합니다 정말 많은 도움 됐습니다.

jaehyukkk avatar Dec 09 '22 13:12 jaehyukkk

감사합니당!!

universooa avatar May 04 '23 05:05 universooa

감사합니다 SASS가 햇갈릴 때 강의 한번 더 보고 오겠습니다!

osh6006 avatar Oct 10 '23 03:10 osh6006