개발자 도담씨

이 블로그는 내가 공부한것들을 까먹지 않도록 포스팅하는 용도라 간단한 부분들은 슝하고 지나가겠다😅 1. SASS의 변수는 $로 정의한다. 2. 중첩 ( 아래 코드로 설명 끝ㅎㅎ.. ) 아래의 코드처럼 작성후 컴파일 하면 nav{} nav ul{} 처럼 css파일이 작성된다. header { background-color: $header-back; display:block; height:100px; nav { ul { list-style:none; float:right; li{ display: inline-block; a { display: block; padding: 5px 3px; margin:10px 20px; } } } } } 3. 부분화 및 불러오기 설명을 보니 내가 느낀바로는 전역변수를 별도의 ..

설치하기를 쓰고 공부를 시작할려고 하자마자 바로 불편함을 느꼈다ㅋㅋㅋ...내가 설치한건 컴파일러.. css는 저장만 하면 바로 적용된걸 볼 수 있는데.. scss로 할려니 scss파일을 만들고 > 컴파일하고 > css 바꿔주고 이짓을 해야한다고..? 바로 다시 검색하러 갔다ㅋ큐ㅠㅠ 나는 원래 메모장같은 nodepad나 sublime text같은 친구들을 주로 사용했는데, scss를 사용하기 위해 알아보다 visualstudio code라는 친구를 접했다. (비쥬얼스튜디오 오랜만이야... 응용할때만 봤었는데) 1. 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code ..

원래 웹 하나를 혼자 만들겠다는 목표를 가지고 풀스택을 공부하다가. 요즘 프론트앤드에 조금 더 흥미가 가기 시작했다. 물론 저 목표는 유효하나 프론트 앤드쪽을 깊게 파보고 싶은 마음에 알아보다가 SASS는 필수라기에 공부를 시작해본다 :) 인터넷에 충분히 잘 설명되어있지만 이상하게도 나는... 인터넷 강의든 글이든..(물론 개발할땐 참고하지만) 공부가 불가능하니 또 책을 주문했다😂 우선 SASS는 컴파일러 없이 사용할 수 없기때문에 컴파일 과정을 거쳐야한다. SASS의 설치는 간단하다. SASS를 PC에 설치 하는 방법은 '어플리케이션 방식'과 커맨드라인'방식이 있다. 커맨드 라인방식은 직접해보진 않았지만 메모는 해놓겠다. @커맨드 라인 방식 1. 맥과 리눅스를 루비라는 프로그래밍 언어가 설치가 되어 있..