맨 땅에 프론트엔드 개발자 되기

지난 게시물에서 Flex에 대해 공부했는데, 오늘은 Flexbox들의 정렬 방법인 justify-contet와 align-items에 대해 공부해볼 예정이다. https://babycoder05.tistory.com/entry/%EC%BD%94%EB%94%A9%EB%8F%85%ED%95%99-CSS-display-position-flex 코딩독학) CSS display, position, flex 박스 사이즈를 조절하는 방법에 이어서 박스를 배치하는 방법에는 display와 position 이라는 개념을 알아야 한다. Position 포지션의 속성값에는 아래와 같은 속성들이 있다. static: 디폴트 값이며, 아 babycoder05.tistory.com Flex의 속성값에는 box들을 감싸고 있는 c..

CSS (Cascading Style Sheets) 기존의 html 문서는 디자인 요소를 넣으려면 html 문서마다 디자인 요소를 적용해줘야했다. 그러나 디자인 요소가 변경될 때마다 그 방대한 문서를 모두 수정하는 것은 불가능한 일이었고, 디자인 요소를 가진 파일만 CSS라는 문법으로 따로 분리하여 관리하니 유지 보수가 매우 쉬워졌다. CSS 파일은 .css 라는 확장자를 가진 파일로 html 문서와 연결되어 사용된다. link 태그를 head 영역에 넣어주며, rel 속성으로 stylesheet이라는 것을 알려주며, href 속성에 연결할 css파일의 주소를 적어준다. CSS 파일 안에는 보통 '선택자'라고 부르는 CSS를 적용할 요소를 지정해서 중괄호{} 안에 적용할 요소를 적는다. Selector ..