● 오늘 배운것
- CSS (Cascading Style Sheets)
- CSS는 웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어이다. HTML 웹페이지 구조를 잘 세우고 나서, 웹페이지의 내부, 외부를 꾸미는 것을 말한다. css하나만으로도 사용자의 경험에 큰 차이를 만들 수 있다.
- 사용자 인터페이스(UI; user interface)
- 인터페이스는 컴퓨터와 교류하기위한 연결고리이다. 개발자들은 애플리케이션과 소통하기 위해 CLI(command line interface)를 사용했다. 하지만 요즘은 최근에 사람들은 메시지를 보내려면 키보드 인터페이스로 입력을 하고, 마우스 모양의 인터페이스를 누르면 된다. 트위터를 잘 쓰던 사용자에게 갑자기 CLI로 메시지를 전송하라고 요구를 하면 그 누구도 잘할 수 없기 때문에, 사용자 인터페이스는 중요하다.
- 사용자 경험 (UX; user experience)
- 좋은 사용자 경험은 간단하고 보기좋은 UI에서 탄생한다.
- 스타일을 적용할 수 있는 방법 (= css 적용법)
- 인라인 스타일 : 해당 태그 안에 스타일을 적용한다.
- 내부스타일 시트 : 다른 style 파일을 만들지 않고, 내부 <style> 요소에 작성한다.
- 외부스타일 시트 : link 로 스타일 시트를 불러온다.
● 중요한 것
block vs inline(inline-block)
| block | inline-block | inline | |
| 줄바꿈 여부 | 줄바꿈이 일어남 | 줄바꿈이 일어나지 않음 | 줄바꿈이 일어나지 않음 |
| 기본적으로 갖는 너비(width) | 100% | 글자가 차지하는 만큼 | 글자가 차지하는 만큼 |
| width, height 사용 가능 여부 | 가능 | 가능 | 불가능 |
● 내가 놓친 것
- 절대단위, 상위단위
- 절대단위 : px, pt
- 상대단위 : %, em, rem, ch, vw, vh 등
- (em은 부모 엘리먼트에 영향을 받는다. rem은 root글자 크기에 따라서만 바뀐다.)
● 오늘 제출했던 내 과제
커욥죵^^? ꉂꉂ(ᵔᗜᵔ*) 파항항
- 끝맺음
- 역시 배움의 끝은 없다고.. 이전에 배웠다고 해도 기억이 안났던 부분들을 다시 리마인드 하는 느낌이라 좋았다. 내 스스로가 놓쳤던부분과 약했던 부분을 찾을 수 있어서 확실히 도움이 된다고 느꼈다. 조금 걱정이 되는건 내가 아는 부분들이 아니라 새롭게 모르는 unit들을 배운다면, 따라가지 못할까봐 벌써 걱정이 된다. . 그래서 빨리 더 스스로 혼자 선행학습을 많이 하게 되는 것 같다. 걱정반 기대반.. 오히려 긍정적으로 생각하려고한다. 걱정이 되니까 더 열심히 다른 것들을 빨리 열심히 하려고 하니까..
- 내일은 flex, grid 개념을 배우는데 내가 부족하다는걸 알면서도 계속 흐린눈했던 부분..이라 미뤄뒀던 것들을 제대로 빡시게 공부할 생각이다. 역시 css에서 float, flex, position, grid 부분은 많이 헷갈린다 ^^; 좀짜증나는 부분이기도하고.. 내일 빡쉬게 그리고 이번주 내로는 확실히 끝내놔야지. 내일은 리액트 말고 css만 공부할거다!
- 내일은 페어프로그램을 해서 기대된다.. !! 새로운 기수와의 만남이라니 ꉂꉂ(ᵔᗜᵔ*) 파항항 기 대 기대 더빡시게 해야징
📍 수업이외 학습
- 알고리즘 무조건 3개 풀기 !!!!!!!
- CS지식 1개 포스팅
- React 강의 45% 달성!! (이번주 내로 끝내고 싶다 ㅜ ^ㅜ)
- 모던 자바스크립트 1시간 정독
