(TIL) 2020-07-22 기록

오늘 한 일

• CSS의 기초에 대해서 배웠다.
• CSS를 이용하면 html 문서 내에서 태그를 선택해서 각종 외형적인 부분들을 수정할 수 있다.
• 태그에 직접 style 속성을 선언하여 css 코드를 집어넣을 수도 있고 head 태그 내에 style 태그를 만들고 그 안에 css 코드를 적용할 선택자를 선언한 후 그 내부에 css 코드를 넣어서 적용할 수도 있다. 태그를 직접 선택할 수도 있고, class를 통해 선택할 수도 있고, id를 통해 선택할 수도 있다. 같은 선택자라면 나중에 선언된 것이 우선이고 id, class, tag 순서대로 우선순위가 주어진다.
• Mediaquery를 사용하면 현재 브라우저 창 크기를 알 수 있고 이것을 통해 반응형 디자인을 만들 수 있다.
• 원래 JS의 문법 자체에 대해서는 알고 있었지만 (사실 JS는 문법이 그렇게 어렵지 않다.) 이걸 html 문서 내에서 어떻게 쓰는지는 몰랐는데 오늘 알게 되었다.
• JS를 통해 html 문서를 조작하는 것을 DOM 조작이라고 하고 css에서 태그를 선택해 스타일을 수정하는 것처럼 JS 코드 내에서도 특정 요소를 선택해 조작할 수 있다.
• Ajax에 대해서도 배웠다. 상호작용이 일어나서 html 문서의 어떤 부분이 변경될 때 페이지 전체를 모조리 리로드하는 것이 아니라 일부분만 리로드할 수 있다. fetch api를 사용하여 서버에서 필요한 문서나 데이터를 불러온 뒤 html 문서의 일부를 변경할 수 있다.

내일 할 일

• JS에서의 모듈 개념과 ES6에 대해 좀 더 공부할 예정이다.
• JS에서 호이스팅, 이벤트 버블링, 스코프, 프로토타입, Shadow DOM, strict 등에 관한 개념에 대해서도 공부할 것이다.
• 시간이 더 나면 패키지 매니저 npm를 공부할 것이다.