다다의 개발일지 6v6

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-1 https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-accessibility-by-building-a-quiz/step-1 www.freecodecamp.org 먼저 결과물  접근성(accessibility)은 모든 사람, 심지어 장애가 있는 사람들도 웹페이지를 쉽게 사용할 수 있도록 만드는 것입니다.이 과정에서는 퀴즈 웹페이지를 구축합니다. 키보드 단축키, ARIA 속성, 디자인 모범 사례와 같은 접근성 도구를 배웁니다.  접근성과 시맨틱 HT..

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-typography-by-building-a-nutrition-label/step-1 https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-typography-by-building-a-nutrition-label/step-1 www.freecodecamp.org  Remember that fonts with spaces in the name must be wrapped in quotes for CSS.-> 폰트 이름에 공백이 있는 경우는 꼭 CSS용 따옴표로 감싸야 한다.!!font-family: "Open Sans"..

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-flexbox-by-building-a-photo-gallery/step-1 https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-flexbox-by-building-a-photo-gallery/step-1 www.freecodecamp.org 이번 과정은 귀여운 고양이 사진 9장으로 된 갤러리 만들기 box-sizing 속성 정리기본적으로 CSS 박스 모델에서는 요소의 크기를 결정할 때 content-box 모델이 사용된다. (기본값) content-box 모델의 특징width 값은 오직 콘텐츠의 너비..

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-the-css-box-model-by-building-a-rothko-painting/step-1 https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-the-css-box-model-by-building-a-rothko-painting/step-1 www.freecodecamp.org 이제 html 첫 틀은 손에서 바로바로 나온다! ㅎㅂㅎ앞에서 css 계속 다뤘어서 이번 과정에서는 썼던 걸 좀 더 꼼꼼하게 정리하고 가는 느낌이다. 좋다ㅏ 택배 상자를 예로 들면border (상자)로 감싸져있는 content (상품, ..

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-1 https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-1 www.freecodecamp.org결과물vh unit stands for viewport height, 단위 vh -> viewport height , 화면의 100%가 100vh임   input type이 password일 때 minlength="8" 이렇게 설정할 수 있음.-> pat..

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-colors-by-building-a-set-of-colored-markers/step-1 https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-colors-by-building-a-set-of-colored-markers/step-1 www.freecodecamp.org 이번 프로젝트는 결과보단 과정(계속 색 섞어보면서 실험해봄)이 더 중요함! In this project, you'll work with the RGB model. This means that colors begin as black, ..