JiYoung Dev 🖥

🎈 DOM (Document Object Model) HTML 문서의 요소에 접근하여 제어할 수 있도록 객체로 모델링 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공 문서 객체 모델(DOM)은 HTML, XML 문서의 프로그래밍 인터페이스임. DOM은 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 도움. 웹페이지는 일종의 문서(document)임. 이 문서는 웹브라우저를 통해 그 내용이 해석되어 웹 브라우저 화면에 나타나거나 HTML 소스 자체로 나타남. 📖 HTML 문서의 트리구조 Document 객체는 웹 페이지 그 자체를 의미함. 웹 페이지에 존재하는 HTML 요소에 접근하..

📖 세이노의 가르침 저자 : 세이노 분야 : 자기계발 독서일 : 2023.03.08 ~ 2023.04.12 이 책은 한달이 넘는 기간동안 읽은 책으로 정말 정말 긴 책이었다. 700페이지가 넘는 책인데다가 블로그와 같은 짧은 글들을 주제별로 묶어 놓은 책이라 나한테는 더 읽기가 어려웠다. 그래도 지하철에서 틈틈이 읽은 결과 다 읽을 수 있었는데 이 책을 읽고난 후의 인상을 짧게 표현하자면 그야말로 삶의 태도, 일의 태도 등에 대하여 팩트폭행을 계속 하는 책이다. 이 책을 알게된건 월급쟁이부자들 카페를 통해 알게되었는데, 그 때는 제목만 보고 외국인 저자가 쓴 책인줄로만 알았다. 세이노의 가르침이라길래 뭔가 부드럽고 정제된 글솜씨로 좋은 말을 써 놨겠거니라고 생각했는데 읽어보면 좀 놀랄 수도 있다. 실제로..

🎈 자바스크립트 객체(object) 여러 속성(property)을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입 데이터(속성)과 그 데이터에 관련되는 동작(절차, 방법, 기능)을 모두 포함한 개념 자바스크립트의 기본 타입(data type)은 객체(object) 객체란 이름(name 혹은 key)과 값(value)으로 구성된 프로퍼티(property)의 정렬되지 않은 집합 프로퍼티의 값으로 함수가 올 수 있도 있음 (이를 메소드라고 함) 자바스크립트에서는 숫자, 문자열, 불리언, undefined 타입을 제외한 모든 것이 객체 📖 객체의 기본 구조 📖 객체의 생성과 접근 및 수정 // 객체 : 여러 데이터를 하나의 변수에 저장할 수 있는 데이터 타입 // 구조 -> {key1 : value1, ke..

🎈 어제 배운 내용 정리 Box Model - Content : 내용 - Padding : 안쪽 여백 - Border : 경계선 - Margin : 바깥 여백 Box-Sizing 1. content-box (default) : content 만큼만을 크기로 삼는 2. border-box : border까지를 크기로 삼는 => 나는 패딩값은 주고 싶지만, 전체적인 크기에는 영향을 주고 싶지 않을 때 사용! border-box Border-Radius - 테두리를 둥글게 만들어주는 속성 border-위/아래-좌/우-radius Flex Box - Container와 Item 을 나누는 작업이 먼저 - Item : 내가 움직이고자 하는 요소 - Container : 아이템의 부모요소 a. container에 ..

[홈페이지 무료 템플릿 사이트] https://html5up.net/ https://bootstrapthemes.co/items/free-bootstrap-templates/ https://themewagon.com/theme_tag/free/ https://all-free-download.com/free-website-templates/ https://startbootstrap.com/ https://freewebsitetemplates.com/ https://tympanus.net/codrops/ [다양한 아이콘 가져오는 사이트] https://fontawesome.com/ 폰트어썸 - Font Awesome 아이콘 사용법 폰트어썸(fontawesome)이용하기 폰트어썸 사용법에 대해 알아봅니다. 폰..