CSS에 날개를 달아주는 Sass (SCSS)
CSS에 날개를 달아주는 Sass (SCSS)
수강정보
(22개의 수강평)
306명의 수강생
27,500원
지식공유자 : DEvSIGNER
38회 수업 · 총 15시간 16분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급
지식공유자의 다른 강의 연관 로드맵
아직 다른 강의가 없어요
연관 로드맵이 없어요
김예란 프로필

인자에 달러$ 표시는 권장 컨벤션인가요? 김예란 1일 전
인자에 작성하신 $표시는 scss mixin인자를 작성할때 넣으면 좋은 규칙인가요?

1
o_0_o_0_o 프로필

Scss의 경고창 o_0_o_0_o 1달 전
안녕하세요ㅡ 유익한 강의에 감사하며 잘 보고 있습니다 말씀해주신 웹킷 코드를 작성 하였는데 VS코드에서  아래사진과 같은 경고가 자꾸 드더라구요, 해석해보니 대강"호환성 scss (vendorprefix)에 대한 표준 속성 'background-clip'을 정의합니다." 이라는 뜻인데 코드작성에 크게 상관이 없는것인가요??

1
o_0_o_0_o 프로필

VsCode사용법중 질문 o_0_o_0_o 1달 전
안녕하세요, 질높은 강의에 감사할 따름입니다. Vscode 사용간 if문 사용시 ' ' 를 타이핑 하고 저장을 누르면 " " 로 자꾸 자동 변환되는데 이는 어찌 방지 할 수 있나요.. 구글링을 해도 원하는바를 찾지 못했어요 ㅠㅠ 그리고 이것이 문법 사용시에 문제가 되는 부분인지요?? 라이브 서버로 확인하면  sass문법은 전혀 먹혀들어가지 않는데 이게 직접적인 원인이 된것인지 궁급합니다!! 답변 기다리고 있겠습니다.

2
o_0_o_0_o 프로필

.map파일 o_0_o_0_o 1달 전
안녕하세요, 컴파일후 생성되는 .css파일과 .map파일 중 .map파일은 삭제해도 무관한건가요??

1
박무뭉 프로필

안녕하세요 vs코드 설정중에 느낌표 표시가 뜨는데요~ 박무뭉 2달 전
안녕하세요 vs코드 설정중에 느낌표 표시가 뜨는데요~ 설정을 잘 한건지 모르겠어서 한 번 봐주실 수 있으신가요~? 죄송합니다 ㅠㅠ 왜 이런 에러가 뜨고 문제가 생기는지 잘 모르겠습니다.

1
박무뭉 프로필

안녕하세요 현재 수강중인 학생입니다. 박무뭉 2달 전
안녕하세요 현재 수강중인 학생입니다.^_^! 현재 완강은 하지 못하고 18강까지 수업을 끝마친 상태입니다. 강의를 보다가 scss에 대해 검색하다 보니, 내장함수, 연산자,  @at-root, @for문, @while문 등에 대한 것도 있다는 것을 알게 되었는데 후반에 배우는지 궁금해서요! 18강 이후부터는 토이 프로젝트 형식으로 들어가는 것 같은데 사전에 저런 내용들에 대한 목차가 없어서 위 내용들은 강의에 포함되지 않고서 토이프로젝트를 진행하는 건지 궁금해서 여쭤봅니다. 그리고 if문은 중첩으로는 사용할 순 없는 걸까요..? 사용하려면 어떻게 사용할 수 있을까요? 바쁘실텐데 감사합니다 즐거운 명절 되세욥! 코로나 조심하세요

1
박무뭉 프로필

css 경로 설정 방법 이미지와 워딩으로라도 추가해주시면 안돼나요? 박무뭉 2달 전
css 경로 설정 방법 이미지와 워딩으로라도 추가해주시면 안돼나요? 어느분이 깃헙 경로 올려주셨는데 복사하신 것 하고 조금 차이도 있고 심지어 vs버전도 추가된 강의 버전과 달라서 ;; 어떻게 하란건지 모르겠어요..

2
loelee91 프로필

설정 관련해서 질문 드립니다. loelee91 2달 전
선생님! 혹시 현재 vscode 버전으로 sass초기설정/경로 설정하는 방법좀 알려 주실수있을까요?ㅠㅠ 현재 강의에 올라와있는 vscode 버전이랑 2020년도 현재 버전이 다르다보니 그.scss폴더 위치 선정위해서 작업영역에서 설정하는 부분도 그렇고, live sass compiler 그..config파트 복사 해서 넣는부분도 지금 가서 보면 없어서..강의를 보면서도 따라할수가 없네요 ㅠㅠ 따라하면서도 이게 맞나싶어서 계속 헤매고 있어서요 ㅠㅠ.., 혹시 간략하게라도 좀 알려주실수 있을까요?

2
seonyoung lee 프로필

구글드라이브 엑세스 요청 해야 하네요 seonyoung lee 4달 전
밑에 질문 댓글로 썼지만 못보실거 같아서 다시 질문으로 올려요 엑세스 요청 받아주시거나 공개로 돌리시거나 하셔야 할거 같아요

2
seonyoung lee 프로필

이미지가 없네요 seonyoung lee 4달 전
현재 구글드라이브가 없어진건지 404떠요

3
가다머 프로필

목소리 가다머 4달 전
목소리가 너무 작습니다 크게 키워줄 순 없나요 볼륨을 max로 해도 작네요

1
ttb0704 프로필

mixin 사용에 관한 질문 ttb0704 8달 전
@mixin widthHeightPadding($width,$height,$padding){     width:$width;     height:$height;     padding:$padding; } 이 믹스인을 사용할때 강의중에는 @include widthHeightPadding(initial, 50px, 10px); 이렇게 사용하셨는데요 @include widthHeightPadding(null, 50px, 10px); 이렇게 사용해도 무관한가요? 딱히 에러는 나지 않았고, 컴파일 후 css에서 나오는 코드에 차이는 있지만 결과적으로는 원하는 css였어요. ★ 제가 궁금한점은 null 사용이 혹시 어딘가에서 문제가 되느냐 하는점입니다. 지속적으로 사용해도 문제가 없을까요?

2
seed 프로필

SCSS 강의 소스 적어놨습니다 seed 10달 전
html {     font-size:18px; } body {      margin:20px;     background-color:#fff4c1; } div {     color:#333;     padding:20px; } a {     display:inline-block;     margin:10px 0; } #box1 {      font-size:40px;     background-color:#ffcccc;     border-radius:20px;     border:3px solid #f00;     box-shadow:0px 3px 11px 0px rgba(0, 0, 0, 0.75); } #box1 > a {      color:#a22;     text-decoration:none; } #box1 > a:hover {     background-color:#ccc; } #box1 #box2 {      font-size:20px;     background-color:#e9e9e9;     border-radius:20px;     border:3px solid #f00;     box-shadow:0px 3px 11px 0px rgba(0, 0, 0, 0.75); } #box1 #box2 > a {     color:#ee6633;     text-decoration:none; } #box1 #box2 > a:hover {     color:#a22;     text-decoration:none; }

1
이찬용 프로필

goo.gl/48rzfa 들어갔을시 소스가안보입니다. 이찬용 11달 전
goo.gl/48rzfa 들어갔을시 소스가안보입니다.

1
임경희 프로필

mixin 파라미터에 기본값 설정했을 때 2번째 파라미터값만 인수를 써주고 싶을때는 어떻게 하나요? 임경희 2019.09.09
파라미터를 @mixin fontSizeBgColor($fontSize, $bgColor)의 순으로 설정해줬을때, 폰트 사이즈는 기본값을 사용하고 싶고 배경색깔만 다르게 지정하고 싶다면 mixin 호출할때 인수를 어떻게 써줘야하나요? 폰트 사이즈만 바꾸고 싶으면 @include fontSizeBgColor(#000) 이렇게 하나만 써도 된다는 건 알겠는데 그 반대의 경우를 모르겠어서요.

0
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스