[스파르타 코딩클럽] 2일차 기록

2일차 기록

준비

PyCharm

HTML 복습

memo

ctrl+/ : 주석처리

태그로 그룹을 만들기

margin / padding : margin은 바깥여백, padding은 안쪽 여백

여백을 줄 때 auto : 중앙에 위치 / 0px 0px 0px 0px : 시계방향으로 top right bottom left로 이해하기

html은 글속성과 박스속성이 존재 : display : block;을 이용해 글속성을 박스속성으로 바꿔준 후 위치 이동 가능

<button class="mybtn green-font"> 로그인</button>

css를 중첩해서 사용 : class 지정 할 때 mybtn과 green-font를 사용해 중첩 가능

부트스트랩이란

웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크

버튼 카드 폼 등의 디자인을 사용할 수 있음

Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

getbootstrap.com

느낀점

오늘은 나홀로메모장 따라 만들기 이후에 주어진

페이지 발전퀴즈, 포스팅박스 추가 퀴즈를 주어진 시간 안에 만들었다.

이미 한 번 들어서 알고 있던 내용이었지만 뜬구름 잡는 것 처럼 정리되지 않은 상태로

프로젝트를 진행해 구글링 하고 적용해보면서 실행되면 실행되는데로 이게 왜 성공하지?

하면서 억지로 머리에 넣었던 내용들이 정리된 느낌이었다.

프론트엔드를 목표로 하고있는건 아니지만 팀플을 하면서

역할분담에 있어 담당 백엔드에 관련된 화면까지 만들게 되는데

부트스트랩으로 연결해서 수정만 많이 해왔지

오늘 수업처럼 담백하고 여유롭게 연습해보지 않았다는걸 새삼 깨달았다.

연습 할 때는 답보다 틀리더라도 이것저것 시도해보면서 얻어가는게 많다는 것 잊지말자