수업
Ubuntu
; - 앞의 command가 실패해도 다음 command가 실행된다.
&& - 앞의 command가 성공해야 다음 command가 실행된다.
& - 앞의 command를 백그라운드로 돌리고 동시에 뒤의 command를 실행한다.
&과 &&은 다르다!
alias 별명을 정해주는 command이다.
ex) alias ls ='ls -a' : 숨김 파일도 모두 출력되도록 한다.
ping 서버가 동작하는지, 접속이 되는지를 알려준다.
네이버같은 대형개발사는 안 먹는다.
우리가 수업시간에 이렇게 ping을 날리는건 일종의 공격이다.. 120명이 (그것도 자사개발자도 아닌데) ping을 날리는건.. syn flooding attack이 될 수 있다...
traceroute 어디를 거쳐서 가는지 추적하는 command이다.
Sass
스타일시트가 점점 복잡해져서 3000줄,5000줄 그 이상으로 작성하게 되면, 반복해서 사용하지 않도록 코드 재사용에 대한 고민을 해야한다.
Sass를 사용하면 변수 등으로 시간을 절약할 수 있다. 코드 재사용성이 높아진다.
스타일시트 확장 언어이다.
css를 만들 수 있는 새로운 언어라고 생각하면 된다.
.sass, .scss방식이 있다.
수업에서는 scss로 쓰기로 하였다.
scss는 css랑 같지만 변수가 가능하다!
한줄 주석은 css로 변환되면 없어진다.
// 이 주석.
/* 이거 아니다. */
&
:상위 부모 선택자가 들어간다. 저 자리에.
ul {
li{
&:hover {
background: green;
cursor: pointer;
}
&:last-child {
border-bottom: 2px solid black;
}
}
}이 scss는 아래의 css가 된다. ↓
ul li:hover {
background: green;
cursor: pointer;
}
ul li:last-child {
border-bottom: 2px solid black;
}변수의 유효범위
- 지역변수
특정 클래스 안에서의 중첩 구조에서만 가져가고 싶을 때는 변수를 안으로 가지고 들어온다. 다른 곳에서는 사용 불가능하다.
- 전역변수
!global을 사용하면 지역변수지만 전역변수처럼 쓸 수 있다.
(근데 굳이 이렇게 쓰는 것은 지역적으로 사용하려고 하는 목적에 위반되는게 아닌가.)
드디어 알게 된 margin: -1px의 이유..
.hidden {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
}width와 height를 1px씩만 주면 인식을 못할 때가 있는데
그 때 margin: -1px을 주면 인식한다.
생각
진짜진짜 Linux command도 어렵고, Sass도 너무 어렵다. 그래도 몇 주동안 HTML, CSS 했다고 새로운걸 배우려니 머리에 쥐날 것 같다! 수업 중에 comfort zone이라는 말이 나왔다. 결국 성장하기 위해서는 comfort zone을 벗어나야 하는데 한달도 안 되는 시간에 벌써 comfort zone이 생겼다니..ㅎㅎ 요즘 javascript 챌린지를 하느라 완전 처음 보는 지식들을 받아들이고 있는데 정말 벅차긴 하다! 매일 포기하고 싶지만, 그래도 가끔 있는 뿌듯? 보람? 재미? 때문에 겨우겨우 따라가고 있다.
느낀점
잘한점
- 진짜 어제는 챌린지 포기하고 싶었는데 결국은 해서 냈다. 정말 포기하지 않은 나 자신 칭찬한다.
(오늘은 칭찬만 해주고 싶다.)
계획
- sass를 써서 여태까지 실습한 것 중 하나 css바꿔보기! (그리고 코드리뷰 신청하기!)
- 우분투 다시 실습해보기
