유데미

Javascript 학습 마지막날! CSS framework도 마지막에 살짝 다루었다. Javascript 동등 연산자 (== vs ===) ✓ == (Equality) : 값만 비교 ❗️암묵적으로,형번환(type casting)이 일어나기 때문에, 자칫 위험할 수 있다! '1'==1 //true 1==true //true 0==false ✓ === Strict Equality :타입, 값 모두 비교 '1'==1 //false 1==true //false 형변환으로 완벽하게 하는것이 안정적이다! Truthy / Falsy 조건문이나 논리 연산에서 사용되며, 특정 값이 참과 거짓으로 간주되는 조건을 나타낸다. ✓ Truthy : true, "0", "false", infinity, -infinity, {}..

오늘 드디어 길고 길었던 CSS 학습을 마치고, javascript에 대해 학습하였습니다! 🙂 어제 배운 Form 학습을 기반으로, 다음과 같은 페이지를 만들어보는 챌린지를 진행하였습니다. 🤔 오늘의 챌린지를 진행하면서 CSS에서 어려움을 겪었던 부분이다. radio , checkbox의 흐트러진 정렬을 위해, flex box로 만들고, 수직정렬을 맞추면 되겠다고 생각했다. 또 다른 문제는, input요소가 label 앞이 아닌 뒤로 이동해버리는 문제였다.. 💡 .inline-control { display: flex; } .inline-control input { width: auto; } .inline-control label { margin: 0; margin-left: 0.5rem; } 앞서, i..

2일차는 리스트 HTML, 시맨틱태그, CSS의 box-model 등의 내용을 다루었다. 처음 CSS 배웠을때, 항상 헷갈리던 box모델 배치 등을 중점으로 다시 한번 정리해보려고 한다. CSS(Cascading Style Sheets)? 종속스타일시트는 두 개 이상의 css규칙이 동일한 요소에 적용될 수 있기 때문에 "종속"이라는 단어는 스타일 규칙이 어떻게 적용되는지를 나타내며, 스타일 규칙이 다양한 요인에 따라 우선 순위를 갖는다는 개념을 나타냅니다. 여러 스타일 규칙이 하나의 요소에 적용될 때, 어떤 규칙이 우선 순위를 가지는지를 결정하는 방식을 나타냅니다. CSS에서 이 3가지 특징으로 스타일링이 결정된다. Inheritance : 컨테이너의 특정 속성이 하위 항목에 적용된다. 하지만 모든 하위..