[Vanilla Coding Prep W03] 3주차 회고
3주차 바닐라코딩 프렙 회고.
input radio
radio에서 하나의 값을 선택하게 하려면 아래와 같은 조건을 만족해야 한다.
- 같은 name
- 다른 value
프로젝트에서 인풋폼 구성할 때 매번 걸리는 포인트인데 이렇게 구현하는 거였군!
html label
매번 중첩해서 활용하는 방법만 알았는데 for 문을 활용법을 확인했다. 좋네~
단, 유의사항. input 요소에 반드시 id를 함께 세팅할 것.
BEM 스타일링 & CSS
좀 애매하고 어렵다. 불편한 느낌도 있고. 그래도 아예 안해보고 치우는것 보다 제대로 해보고 맛을 보자.
Battling BEM CSS: 10 Common Problems And How To Avoid Them — Smashing Magazine
Whether you’ve just discovered BEM or are an old hand (in web terms anyway!), you probably appreciate what a useful methodology it is. If you don’t know what BEM is, I suggest you read about it on the BEM website before continuing with this post, becau
www.smashingmagazine.com
결국 BEM 모델과 연관되어있는 부분이기도 한데 CSS 스타일도 정립하면 좋겠다. 아래 참고.
Poll Results: How do you order your CSS properties?
Over 10,000 people have spoken: the most popular way to order CSS properties is grouped by type. This is how the votes broke down: Grouped by type (45%)
css-tricks.com
기타 유의사항
- 클릭 이벤트는 a 혹은 button에 달아주자. div에 달지 말고
- innerHTML 에서 빈공간을 넣거나 초기화할 때 `` 말고 "" 활용하는 것이 좋은가? 체크 필요함. (일관성있게 하려고 한건데 ㅋ)
댓글 영역