본문 바로가기
반응형

분류 전체보기969

DOM에 대해 잘 정리되어 있는 사이트들(DOM이란?) * HTML에 대한 사전지식을 가지고 DOM을 공부 하시는걸 권장드립니다. HTML을 무료로 배울 수 있는 사이트들 DOM이란? Document Object Model의 약자로 문서(Document)를 객체 모델(Object Model)로 구현한 것입니다. * 문서 객체 모델(DOM 위키백과 링크) DOM은 HTML문서의 요소를 제어하기 위해 웹 브라우저에서 처음 지원되었습니다. 이런 모든 객체는 자바스크립트를 통해 접근할 수 있고, 페이지를 조작할 때 사용합니다. 위 사진을 보면 DOM과 HTML이 엄연히 다른 것임을 알 수 있습니다. DOM에 대해 잘 정리되어 있는 사이트들 ddinggu velog(간단하지만 포인트를 정리한 블로그) 브라우저, HTML, DOM의 정의와 서로의 상관관계 DOM과 HT.. 2021. 2. 16.
자바스크립트 객체(Object) 객체란? 현실의 사물을 프로그래밍에 반영한 것 입니다. 키로 구분된 데이터 집합이나 복잡한 개체(entity)를 저장할 수 있습니다. 원시형과 다르게 다양한 데이터를 담을 수 있습니다. * 여덞가지 자료형 중 7개는 오직 하나의 데이터(문자열, 숫자 등)만 담을 수 있어'원시형(primitive type)'이라 부릅니다. 객체는 자바스크립트 거의 모든 면에 녹아있는 개념입니다. 자바스크립트를 잘 다루려면 객체를 잘 이해하고 있어야 합니다. 객체 만드는 법 중괄호 {...} 를 이용해서 만듭니다. 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 구성된 프로퍼티(property) 를 여러 개 넣을 수 있습니다. * 키엔 문자형, 값엔 모든 자료형이 허용합니다. 빈 객체를 만드는 2가지 예시 let u.. 2021. 2. 13.
정말 미친듯이 노력하면 천재처럼 될 수 있을까? youtu.be/O1_Ffdlk0Uc?t=114 위 영상은 '파가니니: 악마의 바이올리니스트' 영화의 한 장면입니다. 영상의 2분 4초 쯤에 파가니니라는 천재 바이올리니스트의 바이올린 줄이 끊어집니다. ​ 하지만 당황하지 않고 한줄로 연주를 마무리 합니다. ​ ​ ​ 위와 같은 상황은 실제로 파가니니의 공연 중 발생 했었다고 합니다. 200년 전에는 바이올린 현을 양의 창자로 만들었기 때문에 지금보다 더 잘 끊어졌기 때문입니다. ​ 하지만 악조건의 상황에도 연주를 마무리 하고, 결국 박수 갈채를 받고 성공적으로 마무리를 합니다. ​ 파가니니는 반박 할 수 없는 '타고난 천재'였습니다. ​ ​ 그런데 사실 공연 중 줄이 끊어지는 상황은 일부러 연출 한 것 이였습니다. 파가니니가 연주를 하다가 일부러 현을 .. 2021. 2. 11.
HTTP(HyperText Transfer Protocol)이론 정리 HTTP란?(클릭 시 링크로 이동) 클라이언트(Client) 와 서버(Server) 사이에 이루어지는 요청(Request) 와 응답(Response) 프로토콜(Protocol). HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜. HTTP의 핵심은 요청(Request)과 응답(Response)이다. * 대표적으로 HTML을 주고 받는다. HTTP를 알기 위해 선행 되어야 할 것들 * 클릭 시 링크로 이동 클라이언트(Client)와 서버(Server)의 관계 HTML이란? URL(Uniform Resource Locators) 서버에 자원을 요청하기 위해 입력하는 영문 주소 요청(Request)이란? 프론트엔드(클라이언트) 에서 백엔드(서버)에 보내는 메시지. 요청 메소드(Request M.. 2021. 2. 10.