[엘리스 SW 엔지니어 트랙 2기 / TIL] Day 03 - 조금 늦은 기록 시작..

 

오늘은 엘리스 SW 엔지니어 트랙을 시작한 지 3일 째 되는 날이다!

 

1, 2일차에는 따로 글을 작성하지 않았다가 수업 내용 정리 겸 기록을 하면 좋을 것 같아서 TIL을 시작해보기로 했다.

 

실시간 수업은 월, 수만 진행되서 코치님들에게 수업을 들은건 오늘까지 이틀인데 간단하게 정리를 해보고자 한다.

누군가에게 보여주거나, 정보를 제공하려고 쓰는 글은 아니기 때문에 꾸며쓰지 않고 간결하게 쓰고자 한다.

 

지금까지 수업을 들은 후기는 일단 참여하길 잘한 것 같다!! 코치님들이 정말 학생들이 많이 배워가고자 했으면 하고 가르치고자 하는 열정이 보인다. (최소한 내가 다녔던 대학교 교수님들보다는 열정적이시다.) 또, 같이 수업을 듣는 분들도 취업이라는 공통의 목표를 가지고 선별되서 들어오신 분들이기에 설렁설렁 시간만 보내는게 아니라 다들 열심히 하시는 것 같다. 그래서 나도 더 열심히 하게 되는 것 같다. 역시 나 같은 사람한테는 환경이 중요하지 않나 싶다. 솔직히 독학할 때는 지금보다 열심히 하지 않았던 것 같다..

 

어쨌든 이런 환경 덕분에 수업을 진행하면서 뭐 하나라도 더 얻어가기 위해서 질문할게 더 없는지 생각해보게 되는 것 같다. 

 

TIL을 처음 쓰는거라 잡설이 길어졌다.

 

1일차에는 간단하게 HTML / CSS 기초 문법에 대해서 배웠고 2일차에는 온라인 강의를 통해 해당 부분의 이론을 복습하고 실습을 진행했다. 엘리스 플랫폼에서 다음 날에 강의를 다시 들으면서 복습을 하기 때문에 쉽게 내용을 잊지 않을 수 있는 것 같다.

---

1일차~3일차 배운 내용 정리 (04/11(월), 04/13(수))

오늘 공부한 내용

• HTML/CSS 기초문법(04/11)
  • 웹을 구성하는 요소 : HTML(정보 또는 설계도), CSS(디자인 또는 스타일링), JavaScript(기능과 효과)
  • 웹 제작시 고려사항
    • 웹 표준 : 웹사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격
    • 웹 접근성 : 장애의 여부와 상관없이 모두가 웹사이트를 이용할 수 있는 방식
    • 크로스 브라우징 : 모든 브라우저 또는 기기에서 사이트가 제대로 작동하도록 하는 기법
  • HTML (Hyper Text Markup Language)
  • <h1>~<h6> : 제목이나 부제목
  • <img> : 정보성을 갖고 있는 이미지
  • <p> : 본문 내용
  • <ul> + <li> / <ol> + <li> : 순서가 없는 / 있는 리스트
  • 구조를 잡을 때 사용하는 태그
    • 목차 : <header>, <nav>
    • 본문 : <main>, <article>
    • 부록 : <footer>
  • HTML 태그의 성격
    • Block 요소 : y축 정렬, 공간을 만들 수 있고 상하 배치 작업 가능 ex) <p>
    • Inline 요소 : x축 정렬, 공간을 만들 수 없고 상하 배치 작업 불가능 ex) <a>
• CSS (Cascading Style Sheet)
  
  • lnline, Internal, External 3가지 연동 방법이 있는데, External 방식이 상대적으로 가독성이 높고 유지보수가 쉬움
  • CSS 선택자 : Type, Class, ID / 특정 태그, 클래스, ID를 이용해 스타일 적용
  • 부모 자식 관계 : 원하는 지역에만 css 속성을 적용하기 위해 부모를 구체적으로 표기
  • 캐스케이딩 : 순서(나중에 적용된거), 디테일(더 구체적인거), 선택자(style > id > class > type)
  • margin, padding : border을 기준으로 바깥쪽, 안쪽 여백 
  • margin 병합 : 형제지간, 부모 자식 간의 마진 병합이 발생 / margin-bottom과 margin-top 중 숫자가 큰 값으로 적용

 

1. 오늘 공부한 내용  2. 어려웠던 내용  3. 궁금한 내용 / 부족했던 내용  4. 느낀 점

다음 글 작성부터는 위에 정리한 form에 맞춰서 써야겠다..