HTML/CSS 3

[HTML&CSS] 절대길이(px) 와 상대길이(em , rem)

1. 절대길이 - px9:56 → 고정값이라고 생각. 1. px → 대부분 px만 사용한다. cm(센치), in(인치)는 웹에서는 적합하지 않다. ( 화면을 확대, 축소에따라 길이가 달라질 수 있다.) pt (point) 는 가끔 볼 수도 있다. (워드, 한글은 출력할 가정이 있어서 쓰는것) -웹 세상에 적합x 1. px을 지정하면 브라우저에서 확대,축소해도 변하지 않는다. (사용자 설정을 따르지 않는다.) 접근성 문제를 유발할 수 있다. 2. 상대길이 - em, rem8:33 → 기준점에 따라 달라진다. 먼저 보는 결론. rem을 사용하는게 더 직관적으로 이해하기 편할 것이다. 접근성 문제도 해결된다. 1. em ⇒ 1em === 부모의 font-size이다. See the Pen Untitled by..

HTML & CSS 2023.04.09

[제로베이스] 부트캠프에 참여하는 나의 다짐

1. 제로베이스 프론트엔드 스쿨에 참여하는 목적 2023년 4월 1일 ~9월 31일 공식적인 온라인 부트캠프인 제로베이스의 일정이다. 시작 제로베이스에 참여하는 나의 진짜 목적 프론트앤드 개발자가 되기로 마음먹고 독학을 시작했지만, 방향성을 잡기 어려웠다. 어떤 분야든지 마찬가지겠지만, 나는 기초를 정말 중요하게 생각한다. 세상 대부분 문제들은 결국 응용을 통해 해결되는데, 응용을 하기 위해 기초지식이 받쳐지지않으면 더빠르게 한계에 맞닥뜨리게 될 것이다. 결국 더 좋은 해결방안은 여러가지 기초적인 생각들이 모이고 쌓여 만들어질 것이라고 생각한다. 프론트엔드 개발자란 프론트엔드 개발자는 웹사이트나 앱의 사용자 인터페이스(UI)를 개발하는 역할을 수행하는 전문가입니다. 이는 HTML, CSS, JavaScr..

개발일기 2023.04.06

button 태그 vs input 태그

https://developer.mozilla.org/ko/docs/Web/HTML/Element/button : 버튼 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 클릭 가능한 버튼을 나타냅니다. 버튼은 양식 내부는 물론 간단한 표준 버튼 기능이 필요한 곳이라면 문서 어디에나 배치할 수 있습니다. 기본값의 HTML 버튼은 사용자 에이전 developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/HTML/Element/input : 입력 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다..

HTML & CSS 2023.04.05