1. 오늘의 한 줄 요약
- 프론트엔드의 기초인 HTML, CSS, JS를 이용해서 로그인 화면 제작
2. 배운 내용
핵심 개념:
1. '#' 과 '.'
HTML에서 id는 #, class는 .으로 찾는다는 걸 배웠다.
id는 요소 하나를 딱 집을 때 쓰고, class는 여러 요소에 같은 스타일을 줄 때 쓴다.
id는 고유한 것, 즉 주민등록번호 같은 것이라고 생각하면 된다.
반면, class는 같은 팀의 유니폼? 정도라고 생각하면 될 것 같다.
id를 찾는 '#' 은 딱 하나만 찾을 때 사용하고, class를 찾는 '.'은 그룹으로 찾을 때 사용한다.
2. CDN
- CDN은 파일을 내 컴퓨터나 서버에 저장해두는 게 아니라, 페이지를 실행할 때마다 인터넷에서 필요한 파일을 가져오는 방식이다.
3. 실습 / 적용
오늘은 Bootstrap CDN을 가져와서 실습을 진행했다.
https://www.w3schools.com/bootstrap5/bootstrap_get_started.php
CDN 적용 전 - 기본 스타일만 있는 상태
CDN 적용 후 - Bootstrap 스타일이 적용된 상태
4. 어려웠던 점
HTML이 처음이라 오늘 수업과정에서 좀 막히는 부분이 있었다.
오늘과 내일 남는 시간을 활용해서, 조금 더 코드를 고쳐보고 고민해 볼 생각이다.
5. 다음에 할 일
- 각 코드에 대한 원리 이해
- 강의 복습 후, 응용해서 로그인 웹 발전시키기
#LGCNS #LGCNS6기 #개발자 #LGCNSINSPIRECAMP
이것저것