![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/VrPZn/btqQ8MKCUuR/uRd8j9pi2XGqPZKQ5xTZLK/img.png)
💡 What is DOM ?? - 문서객체모델 DOM(Document Object Model)은 브라우저에 내장되어있는 web API이다. 웹페이지를 접속을 하면 개발자가 작성한 html코드를 브라우저가 이해 할 수 있는 node라는 object로 변환하고 DOM Tree를 구축해 나아가며 궁극적으로는 CSSOM과 함께 Render Tree에 적용됩니다. API가 뭐지 ? -> 2020/12/21 - [지식] - 💡 Framework & Library & API? 💡 Framework & Library & API? ✨ 제어 흐름에 대한 주도성이 누구에게 있는가 !? - 프레임워크는 전체적인 흐름을 스스로가 쥐고있으며 사용자는 그안에 필요한 코드를 짜 넣는다. 반면에 라이브러리는 사용자가 전체적인 baeg..
✨ 제어 흐름에 대한 주도성이 누구에게 있는가 !? - 프레임워크는 전체적인 흐름을 스스로가 쥐고있으며 사용자는 그안에 필요한 코드를 짜 넣는다. 반면에 라이브러리는 사용자가 전체적인 흐름을 만들며 라이브러리를 가져다 쓴다. 즉, 호출하는 쪽에 주도권이 있다. 🏘️ Framework - 응용프로그램이나 소프트웨어 솔루션 개발을 수월하게 하기위해 제공된 소프트웨어 환경 - 정해져있는 규칙이 있으며 규칙을 지키며 사용해야한다. - 응용 프로그램이 수동적으로 프레임워크에 의해 사용된다 - Vue, Spring, Django, Ruby on Rails ... 등등 * 프레임 워크는 정해져있는 틀안에 들어가서 들어갈 코드들을 작성해서 완성한다. 나는 이미 지어진 집(프레임워크)에 입주를하고 그안에서 원하는 오브제..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/DpWHI/btqK16PleCW/fkdVbeGBbm76n3DJh8tjLk/img.png)
* blockquote 문단전체가 인용구 일때 사용합니다. 형식의 cite attribute를 사용하여 URL을 기재한다. 태그를 이용하여 텍스트 형식의 출처를 남긴다. 노래로 알아봅시다 난 그대 없인 살 수 없어 왜 자꾸 나를 두고 멀리 가 가난한 내 마음을 가득히 채워 줘 눈 깜짝하면 사라지지만 스쳐 가지만 잊을 수 없는 이 맛 메마른 내 통장에 단비 같은 너 언제쯤에야 자유로울 수 있나 무한한 이 속박으로부터 난 매일 손꼽아 기다려 한달에 한번 그댈 보는 날 가난한 내 마음을 가득히 채워 줘 눈 깜짝하면 사라지지만 난 그대 없인 살 수 없어 왜 자꾸 나를 두고 멀리 가 가난한 내 마음을 가득히 채워 줘 눈 깜짝하면 사라지지만 - 스텔라장(Stella Jang), 월급은 통장을 스칠뿐 * q 문단안에..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cLRw8J/btqKZmL2BBn/ypqM5uHnz39MtFLpBRsqU0/img.png)
* div & span - 두 태그의 경우 Semantic Markup 적으로 즉, "의미론적"으로 지니고 있는건 없다. 우리가 실생활에서 정리를 할때 물건을 박스에 담듯이 css 작업을하며 레이아웃을 잡거나 정렬을 시킬때 사용하기도 하며 부분적으로 색변경, 폰트사이즈변경 등의 작업할때 사용한다. * 영역 설정 div는 정해져있는 영역 전체를 감싸게된다. span은 줄단위로 영역을 감싸게 되며 범위가 다르다. div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자 div와 span의 차이점을 알아보자..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/wRf1I/btqK2sjY2bc/VUkIScIi40wKTL3himsyb0/img.png)
* Description List dl (description list) : 정의, 설명 목록 명시 dt (description term) : 정의할 용어의 추상적인 개념 (key) dd (description descriptions) : 정의할 용어의 구체적 내용 (value) dl태그의 자식 요소에는 div, dt, dd 등이 올 수 있다. skills HTML CSS JS Firefox Naver Whale Chrome internet browser Name Godzilla Born 1952 Birthplace Japan Color Green * dfn 문단에서 용어를 정의할 경우 사용하게된다. 웹 개발자는 프론트엔드, 백엔드 등으로 나뉠 수 있습니다. HTML is the standard mark..
- Total
- Today
- Yesterday
- baegofda
- 개발자회고
- 오물오물
- inline
- vue3
- 프론트엔드면접
- 생활코딩
- postman
- vue입문
- vue
- function
- font-family
- VanillaJS
- cssom
- 노드JS
- react
- nodejs
- 리액트
- CSS
- 프론트엔드개발자
- HTML
- axios
- 프론트엔드
- 프론트엔드회고
- INPUT
- JavaScript
- CORS
- vue예제
- 공공데이터포털
- 공공데이터
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |