| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- 오류
- Firebase
- 코코아톡
- Vanilla
- Project
- 프로젝트
- expo
- 자바스크립트
- TiMER
- react-hook
- github
- 계획
- 바닐라 자바스크립트
- Netflix
- javascript
- 느낀 점
- CSS
- vanilla js
- Nomad coder
- Nomad
- Hook
- Clone
- Nicolas
- scflix
- coding
- react
- HTML
- 마무리
- react-native
- 클론코딩
- Today
- Total
목록block (2)
꾸매코딩
[Nomad coder/코코아톡 클론코딩 6일차] BEM 방법론이란 무엇인가?(#6.0 ~ #6.9)
카카오톡과 비슷한 사진을 가지고 HTML과 CSS를 통해 똑같이 만들어보는 수업이다. 이론 수업은 끝났고, 실제 코딩에 들어가는데 코드 관련 내용보다는 얻어갈 수 있는 내용 위주로 기록할 예정이다. 1. BEM(Block Element Modifier) CSS 개발 방법론 중에 하나이다. id 명에는 사용하지 않고, class 명에 사용한다. Block - Element - Modifier 순으로 Class Name을 작성한다. 각각을 Block__Element--modifier( __ / -- )으로 구분한다. 1. Block - 재사용 가능한 기능적으로 독립적인 페이지 컴포넌트 (A functionally independent page component that can be reused)라고 불린다...
[Nomad coder/코코아톡 클론코딩 3일차(1)] Block구조와 id, class 란 무엇인가? (#3.0 ~ #3.9)
CSS 내용은 머릿속에서 정리가 되어있지 않았던 내용이기 때문에 중간에 한번 정리를 하고 넘어가기 위해 나누어놨다. 다행히 얕은 지식은 알고 있어서 이해하는 데는 빨랐던 것 같고 이해가 되면서 작년에 했던 삽질들이 기초적인 지식 조금만 알았더라면 얼마나 쉬웠을까?라는 생각이 들었다. 인터넷에 퍼져있는 방대한 지식을 왜 사용하는지는 상관없이 당장에 문제 해결을 위해 코드를 복붙 했던 나 자신에게 많은 문제가 있었음을 느낄 수 있었다. div - block / span - inline 속성을 알지 못하여 작년에 2시간 넘게 삽질을 했었다. 1. inline / block Html 코드의 display는 block과 inline으로 나눌 수 있다. 1. inline inline은 height(높이)와 widt..