TIL 5일차

TIL

---

페어로 계산기를 만드는 과제를 진행했다. 페어분이 정말 잘하셔서 거의 수업받듯이 했는데, 배려를 많이 해주셨다. 화면공유로 내가 처음부터 작성하는 코딩을 실시간으로 피드백 해주셨다. 감사합니다.

함수에서 return은 함수가 중단됨을 의미한다.

어렴풋이 알고있었는데 페어분이 조건문의 결과를 return;으로 하시는 걸보고 물어봤고 설명해주셔서 좀더 명확하게 알 수 있었다.

javascript를 링크하는 script태그는 어디에 위치할까?

크게 2가지로나뉜다.  
body의 가장 아래에 쓰던가,  
head안에 쓰던가.

1.  body안 가장 아래에 쓰는 이유.  
    브라우저가 웹페이지를 읽을 때, html의 구조를 읽고 가장 나중에 javascript의 데이터를 읽어야 로딩이 적기때문이다.

2.  head안에 쓰는걸 추천하는 이유 (async, defer 속성과 함께)  
    브라우저는 script 태그를 만나기 전까지 해당 코드를 다운받지 않는다. 결국 인터넷이 느린 환경이라면, 페이지 로딩시간보다  
    script를 다운받는 시간때문에 곤란한 상황이 많이 발생한다.  
    async, defer 속성과 함께라면 html해석과 동시에 script를 다운받을 수 있다.  
    물론 한국처럼 인터넷이 빠르다면, 상관이 없다.

Today's ?!

---

코딩습관 in css

-   셀렉터와 선언부는 한줄로 쓰지 않는다.
-   속성도 한줄로 쓰지 않고 나눠써준다.
-   선언과 선언은 한칸씩 띄어준다.
-   셀렉터도 한줄에 하나씩 써주면 보기좋다.

        body,
        h1, 
        h3, 
        h4{
            margin:0;
            padding:0;
        }

        .number{
            background-number: red;
        }

VSC 단축키

1. 커맨드 D : 같은 키워드를 선택해준다.
2. 옵션 클릭: 다중커서. 편집하고 ESC 누르면 끝!
3. 옵션 쉬프트 I: 드래그한 영역에 다중커서
4. 옵션 쉬프트 드래그: 드래그한 영역에 다중커서.(라인마다 길이가 다를때 유용.)
5. 옵션 위아래: 해당 라인을 위아래로 옮긴다.
6. 옵션 쉬프트 위아래: 해당 라인을 위아래로 복제한다.
7. 커맨드 B: 사이드바 숨기기/키기