27,500원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
미디어 쿼리 호출 순서(화면사이즈)
미디어 쿼리 관련하여 질문이 있습니다.SCSS 에서 미디어 쿼리 작성시 화면 사이즈가 큰것 부터 작성해야 한다고 전 강의에서 이야기 하셨는데이번 강의에서는 index.scss 에서 호출시@include mq('phone'){ border: none;}@include mq('tablet-land'){ border: 2px solid $border-color;}@include mq('desktop-big'){ border: 10px solid $border-color;} 의 순서로 해서 호출을 하여도 잘 작동을 하는것 같습니다.(작은 사이즈 화면 부터 호출이 되는것 같은데, 작동을 잘되어서 작동되는 이유를 알수 싶습니다.)원리를 알수가 있을까요?
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
h2에 background
느낌표에 호버하면 'invalid property value' 라고 나오면서h2에 background: linear-gradient(left, $color-primary, $color-secondary); 가 안 먹히는 상황입니다 제공해주신 파일의 _type.scss를 그대로 붙여넣기 했는데도 동일하네요 ㅜㅜ 뭐가 문제일까요..
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
명령 프롬포트
여기서 도저히 다음으로 넘어가지질 않는데요 ㅠㅠ 저도 쌤이랑 동일하게 바탕화면에 sasstest 폴더를 만들었는데 바탕화면으로 나가지질 않습니다...
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
SASS Lint 문법 오류 출력
안녕하세요 강사님~ 강의 잘 듣고 있습니다! 다름이 아니라 강의 초반 SASS린트를 설치해서 사용하라고 하셔서 설치를 했는데 강사님 영상에서도 그렇고 제 PC에서도 보는데도 패널창에서 SASS 린트 문법 오류가 나오더군요.. 혹시 이거 수정할 수 있는 방법이 있을까 싶어서 질문드립니다!
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
서브페이지의 경우 임포트 위치는 main과 footer에 해주면 될까요?
안녕하세요 선생님 현재 사수없이 신입 퍼블리셔로 일 하고있는데 sass를 써보고 싶어서 스터디 중입니다. 저희 회사의 경우 하나의 스타일 시트에 모든 페이지의 css를 다 때려넣어서 관리 하고 있었는데 sass를 도입해보면서 서브페이지들의 scss를 쪼개서 사용 하려고 하는데, 서브페이지의 경우 임포트 위치는 main과 footer에 해주면 될까요? 서브페이지의 scss 페이지의 경우 작성할 때 페이지별로 전부 다 쪼개서 만들어주는 것이 좋을까요? 아니면 서로 성향이 비슷한 경우 묶음처리를 해서 작성하는 것이 좋을까요 즉 _마이페이지개인정보.scss _마이페이지주문조회.scss _마이페이지문의내역.scss 이런식으로 하는 것이 좋은지, 아니면 _마이페이지.scss 이런식으로 하는 것이 효과적일지 모르겠습니다.
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
Wrap up - Boxes Project - 1,2
Wrap up - Boxes Project - 1,2 에 사용된 예제 소스를 받을수 있을까요?
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
watch sass 를 클릭해도
css 파일이 생기질 않습니ㅐ다
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
sass 파일명과 다른 css 파일명을 만들고 싶을 땐 어떻게 해야 하나요?( live sass compiler )
live sass compiler 설정시 예를 들어 main.scss 파일이 있는데, 컴파일 후 생성되는 css 파일의 명은 style.css로 만들고 싶으면 어떻게 해야 할까요 ㅠㅠ?
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
index.css @import를 랜덤으로 합니다.
왼쪽이 폴더 구조이고, 선생님과 동일한 방법으로 index.scss에 @import를 사용했습니다. 문제는 파일을 랜덤으로 읽어와요. 어떨 때는 아무것도 못읽어서 index.css가 텅 비어있거나, 어떨 때는 전체도 아니고 일부만 읽어와요. 용량이 커서 그런줄 알고, 전체 주석 하고 하나씩 지워가며 테스트 해봤는데 랜덤이더라구요. 어떤 글에선 주석에 한글이 있으면 안된다고 해서 체크해봤는데 주석 유무와도 상관은 없었습니다. 변환 에러도 없는데 원인을 도무지 못찾겠어서 질문 글 올려봅니다.
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
scss -> css 파일 변환 오류
안녕하세요, 선생님. 매번 강의 잘 듣고 있습니다. 이번에 14강을 들으며 @include 이런 기능들을 배우고 있는데요, 다름이 아니라 가끔 강의를 들으며 수정하다보면 scss파일을 중간중간 저장하면서 css가 그것에 맞춰 바뀌는 모습을 확인하는데, 어느샌가 보면 scss파일이 저장은 되는데, css파일이 수정사항에 맞게 변환이 되지 않고 뭔가 둘 사이의 연결이 끊어진 듯한 모습을 보이더라고요. Watch Sass는 그대로 눌려져 있구요. 첨부한 파일 보시면 강의에 맞게 include 기능으로 100px, #333 이런식으로 바꿔서 저장을 해도 css에선 수정이 되지 않네요. 문제가 무엇일까요? 제가 무언가를 잘못 건드린걸까요..? ㅠㅠ
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
vs code 설정에서 html에서요~
선생님 강의 잘 듣고있습니다. vscode prettier로 저장하면 선생님 소스에서는 저렇게 안보이는데 저는 뒤에 저렇게 />이 붙어서 저장이 되요~ 지워도 또 저장하면 저렇게 붙네요. 세팅에서 뭘 적어줘야할까요? 저렇게 붙으니 신경이 너무 쓰여서;; 감사합니다.
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
Live Sass Compiler more에서 작업 영역 설정 붙여넣기
Live Sass Compiler more 에서 작업 영역 설정에 Live Sass Compiler의 내용을 붙여넣기 하는 항목이 있는데, 버전이 다른지 설정에 들어가면 '작업 영역 설정'이라는 항목이 없어 붙여넣기하는 곳을 어디로 설정해야할지 모르겠어요 ㅠㅠ 그냥 넘어가도 되는 부분일까여?
- 해결됨CSS에 날개를 달아주는 Sass (SCSS)
clearfix 관련
clearfix 를 mixin 으로 쓰셨는데 같은 속성 같은 값일 경우 extend 를 써도 된다고 이전 강의에서 말씀하셨던 기억이 납니다. 이 경우 mixin 이 아닌 extend 를 써도 괜찮은거죠?
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
& 관련 질문이 있습니다.
아래와 같이 쓰게 되면 .box .box-inner . box-title 로 css 파일에서 보여지는데... .box { .box-inner { .box-inner-title { } } } &를 쓰게 되면 css 파일에서 클래스 안에 속한 것이 아니라 단독으로 .box-inner-title 로 보여집니다. &를 쓸 때에도 .box .box-inner .box-inner-title 로 보여지게 할 순 없나요? .box { &-inner { &-title { } } }
- 해결됨CSS에 날개를 달아주는 Sass (SCSS)
Live Sass Complier 설치를 했는데..
github에 연동된 폴더에 00_SASS 폴더를 만들고 그 안에 00_SASS/scss/test.scss 파일과 00_SASS/index.html 만들었습니다. 선생님과 동일하게 바탕화면에 파일을 만들었는데도 계속 watching .. 으로만 표기 됩니다.. 그리고, 확장프로그램 Live Sass Complier 을 설치하고 폴더 경로까지 다 해줬는데.. 계속 아래와 같은 상태입니다..... css 파일 생성이 되질 않습니다 ㅠㅠ 어떻게 해줘야 하나요? Compiling Sass/Scss Files: -------------------- Watching... --------------------
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
인자에 달러$ 표시는 권장 컨벤션인가요?
인자에 작성하신 $표시는 scss mixin인자를 작성할때 넣으면 좋은 규칙인가요?
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
Scss의 경고창
안녕하세요ㅡ 유익한 강의에 감사하며 잘 보고 있습니다 말씀해주신 웹킷 코드를 작성 하였는데 VS코드에서 아래사진과 같은 경고가 자꾸 드더라구요, 해석해보니 대강"호환성 scss (vendorprefix)에 대한 표준 속성 'background-clip'을 정의합니다." 이라는 뜻인데 코드작성에 크게 상관이 없는것인가요??
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
VsCode사용법중 질문
안녕하세요, 질높은 강의에 감사할 따름입니다. Vscode 사용간 if문 사용시 ' ' 를 타이핑 하고 저장을 누르면 " " 로 자꾸 자동 변환되는데 이는 어찌 방지 할 수 있나요.. 구글링을 해도 원하는바를 찾지 못했어요 ㅠㅠ 그리고 이것이 문법 사용시에 문제가 되는 부분인지요?? 라이브 서버로 확인하면 sass문법은 전혀 먹혀들어가지 않는데 이게 직접적인 원인이 된것인지 궁급합니다!! 답변 기다리고 있겠습니다.
- 미해결CSS에 날개를 달아주는 Sass (SCSS)
.map파일
안녕하세요, 컴파일후 생성되는 .css파일과 .map파일 중 .map파일은 삭제해도 무관한건가요??
- 해결됨CSS에 날개를 달아주는 Sass (SCSS)
안녕하세요 vs코드 설정중에 느낌표 표시가 뜨는데요~
안녕하세요 vs코드 설정중에 느낌표 표시가 뜨는데요~ 설정을 잘 한건지 모르겠어서 한 번 봐주실 수 있으신가요~? 죄송합니다 ㅠㅠ 왜 이런 에러가 뜨고 문제가 생기는지 잘 모르겠습니다.