DEvSIGNER

안녕하세요~ 열심히 학습해주셔서 감사합니다.일단 첨부해주신 그림이 잘 안보이는데 오른쪽 노란삼각형에 느낌표가 떴다는 것은 그 속성이 적용이 안된다는 것인데요먼가 오타나 값이 제대로 입력이 안되서 입니다. invalid property value라고 되어있는 걸 봐선 값 부분이 잘못되어있는 거 같습니다.background(속성): linear...(값)

h2에 background

윈도우 기본 명령프롬프트에서는 C:￦Users￦사용자명￦Desktop 이 바탕화면 경로입니다.그리고 Git을 설치해서 사용하는 Git Bash에서는 cd ~ 하면 사용자폴더로 이동하고 거기서 cd Desktop하면 바탕화면 폴더롳가게되구요cd는 Change Directory 명령어 입니다

명령 프롬포트

안녕하세요 강의 잘 들어주시구 잘 활용해주셔서 너무 감사합니당

각 페이지 별로 css를 따로 둔다고 하면
페이지가 index, sub1, sub2 요렇게 있다고 쳤을 때

크게 아래와 같이 분류를 하구요
A. 일단 모든 페이지에 공통적인 것들 (파샬들 - _variables, _mixins, ...등)
B. 그리고 각 페이지에만 해당하는 스타일

index.scss에서는 A들 임포트 그리고 index에만 해당하는 스타일 작성 (또는 _index.scss임포트)
sub1.scss에서는 A들 임포트 그리고 sub1해당하는 스타일 작성 (또는 _sub1.scss임포트)
sub2.scss에서는 A들 임포트 그리고 sub2해당하는 스타일 작성 (또는 _sub2.scss임포트)

이런식으로 해서 공통적인 것들과 개별적인 것들 효율적으로 나누시면 어떨까 싶네요 ㅎ

서브페이지의 경우 임포트 위치는 main과 footer에 해주면 될까요?

안녕하세요
죄송합니다. ㅠㅠ 그 강의 내용에 쓰인 소스는 따로 제공을 안해드렸습니다.
제가 갖고있으면 보내드리고 싶은데 제 SSD가 얼마전에 운명을 달리해서 작성해놓은 파일도 날라가버렸네요
쪼끔만 불편하시더라도 직접 타이핑해주셨으면 좋겠습니다.
감사합니다.

Wrap up - Boxes Project - 1,2

안녕하세요
watch sass를 클릭해도 css파일이 생기질 않으시군요
그렇다면 일단 보셔야할 것이 무조건 css를 생성하는 건 아니구요
scss파일 작성에 문법적인 것이나 오타 같은 에러가 없어야 됩니당.
한번 체크 해보세요

watch sass 를 클릭해도

scss는 동일한 파일명으로 컴파일 됩니다. 즉 style.css를 만들고 싶으시면 style.scss로 파일로 사스를 작성하셔야 되죠.

제가 자세히 깊이있게는 말씀 못 드리지만 사스는 응용하기 나름입니다.
즉 프로그래밍적으로 모듈화를 어떻게 시키느냐에 따라 효율성있고 재사용 가능하게도 만들 수 있죠
단적으로 말씀드리면 main.scss를 style.scss로 하시고 싶으시면
_main.scss 파샬(partial)을 style.scss에서 임포트시키면 될 거구요.

sass 파일명과 다른 css 파일명을 만들고 싶을 땐 어떻게 해야 하나요?( live sass compiler )

안녕하세요
일단 됬다가 안됬다가 랜덤이라고 하시니 저도 정확한 원인이 뭔지는 가늠이 안되네요
혹시 괜찮으시다면 소스를 메일로 보내봐주실 수 있으신지요?
소스를 확인해봐야될 거 같아서요

index.css @import를 랜덤으로 합니다.

아 열심히 해주셔서 감사합니당^^
일단 보니깐 scss에서 css로 변환이 원활이 잘 안되어서 그러신 거 같은데요
네 저장할 때 마다 무조건 변환이 되는 게 아니구요
변환할 때 작성한 scss 문법에 오류가 없어야 변환이 됩니다. 오류가 있으면 변환이 안되구요
첨부해주신 이미지 하단에 보시면 ...error라고 되어있죠? error가 있다는 건 작성한 scss 내용 중에 문법적인 오류가 있다는 말이구요

한번 문법상에 오류가 있는 지 확인해보시구 다시 해보세요

그럼 화이팅 하세요!

scss -> css 파일 변환 오류

네 안녕하세요 잘 들어주셔서 감사합니다.
원래 태그가 사이에 들어가는 내용이 있을 때
<div>사이 들어가는 내용</div>
이런 식으로 쌍을 이루잖아요? 여는 태그 <div>, 닫는 태그 </div>
근데 다음과 같은 이미지 태그나 위에 캡쳐해주신 태그는 쌍이 없이 그냥 하나의 태그로만 있죠?
<link....>
<img src='...' >
등등

왜냐면 <img>A</img>이미지는 그림 그 자체인데 A라는 내용이 이미지 사이에에 들어가는 게 말이 안되잖아요? ㅎ

그래서 img와 같은 쌍이 없는 태그는 그냥 하나로&nbsp; 쓰면서 <img src... /> 자체적으로 닫아버리게 되는 게 맞습니다. 
그래서 끝에 자체적으로 다는 /> 이 붙습니다.
prettier가 그걸 알아서 자동으로 닫아주는 것이구요.

vs code 설정에서 html에서요~

안녕하세요.

일단, 작업영역설정은 Live Sass Compiler만 하세요. 다른 설정 항목들은 나중에 VS Code가 더 익숙해지시면은 해보시구요.

글꼴 등이 리셋이 되는 건 저도 왜그런지는 잘 모르겠네요. 정상 화면이랑 리셋되는 화면 한번 캡쳐해서 첨부해주시면 제가 파악하는 데 도움이 될 것 같아요.

화이팅하세요!

DEvSIGNER

投稿