목록Developer 다다 (44)

다다의 개발일지 6v6

[CSS] Learn CSS Flexbox by Building a Photo Gallery - flexbox 뽀시기

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 값은 오직 콘텐츠의 너비..
Frontend/HTML, CSS 2025. 2. 16. 21:12
[CSS] Learn the CSS Box Model by Building a Rothko Painting - 박스 모델 정리!

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 (상품, ..
Frontend/HTML, CSS 2025. 2. 15. 17:45
[HTML & CSS] Build a Survey Form - 이제 실습이다! 직접 구현해보기

https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-survey-form-project/build-a-survey-form www.freecodecamp.orgObjective: Build an app that is functionally similar to https://survey-form.freecodecamp.rocks. Do not copy this demo project. -> 참고만 하고 그대로 따라하지 말라고 한다ㅏㅏ 오케~..
Frontend/HTML, CSS 2025. 2. 13. 20:30
[HTML & CSS] Learn HTML Forms by Building a Registration Form

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..
Frontend/HTML, CSS 2025. 2. 12. 23:58
[HTML & CSS] Learn CSS Colors by Building a Set of Colored Markers - rgb , #RRGGBB, hsl 함수 이용해서 여러 색깔 만들기 실험

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, ..
Frontend/HTML, CSS 2025. 2. 12. 18:14
[HTML & CSS] Learn Basic CSS by Building a Cafe Menu - meta 태그, visited, hover, active

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-1 https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-basic-css-by-building-a-cafe-menu/step-1 www.freecodecamp.org CSS : Cascading Style Sheets  You have styled three elements by writing CSS inside the style tags. This works, but since there will be many more styles, it's b..
Frontend/HTML, CSS 2025. 2. 11. 23:30
이전 Prev 1 ··· 3 4 5 6 7 8 Next 다음