[TIL] 엘리스 SW 엔지니어 트랙 2기 day 03

✏️ Today I Learned (2022.04.06)

---

📖 이론 강의

1. 개발자로서 가져야 하는 마음가짐
2. HTML
3. 반찬

---

📝개발자로서 가져야 하는 마음가짐

• 공부는 점점 재미없어진다.(변화의 차이 때문)
• 내가 하는 공부, 개발이 웅덩이에서 바다가 되었기 때문이다.(슬럼프 X)
• 프로젝트를 미루지 마라, 현지식으로도 충분히 많은 것을 할 수 있다.

---

📝CSS

• 2일 차 온라인 강의랑 겹치는 이론은 생략!
• <!-- --> : 주석
• CSS이용법 중 인라인 스타일 방식은 별로
• 인라인 요소 vs 블록 요소
• margin 겹침 현상이 일어나면 오버랩되어서 더 큰 값으로 렌더링
• Grid( 두 방향(가로-세로) 레이아웃 시스템(2차원))
• .container{ display: grid;} :그리드의 시작
• grid-template-rows : 행(row)의 배치
• grid-template-columns : 열(column)의 배치 ex) grid-template-columns : 200px 200px 500px 열을 200px 200px 500px으로 만들겠다는 뜻
• grid-template-columns: 1fr 1fr 1fr; -> fr앞의 숫자는 비율을 의미함
• 미디어 쿼리는 반응형 웹을 만들기 위해서 사용됨
• min-width와 max-width로 브라우저 가로폭 설정
• @media (min-width: 300px) and (max-width: 480px){ 변화할 속성 값 }

---

📝반찬

• 태그 자동완성 : 형제 태그는 +, 부모 자식 태그는 >, 여러 개 * ex) h2+(ol>(li>a)*3)
• 다음 에디팅 포인트로 점프할 수 있는 단축기 : 밀당하시면서 안 알려주심ㅋ
• 뒤에 코드를 넘기고 엔터 : Ctrl + Enter
• 앞에 코드를 넘기고 엔터 : Ctrl + Shift + Enter
• 개발자 도구에서 Style을 확인하면 css의 코드에서 어떤 선택자가 이겼는지 확인 가능

---

📖 실습강의

....

---

💡느낀 점

이고잉님의 실강 사실상 오늘 처음 들었다. 공부의 동기의식을 일깨워 주신다ㅎㅎ
끊임없이 우리랑 소통하시려고 하시고 간간히 던져주는 반찬들은 배가 부를 지경이다.
Css가 왜 탄생했는지부터 알려주시니 쏙쏙 이해가 되었다.
다음 주 수업이 벌써 기대가 된다.