whatisthis?

DreamCoding JavaScript Lecture REFERENCE LECTURE https://www.youtube.com/watch?v=wcsVjmHrUQg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 #1. 자바스크립트의 역사

배열(Array) vs 리스트(List) Array List index로 빠른 조회 가능 순차적 검색 - 비효율적. 연속된 메모리 공간에 할당 (순차접근 용이) 참조관계만 필요. (연속적일 필요X) 참조를 위한 추가 메모리 할당 X 참조를 위한 메모리 필요 삽입/삭제는 용이 X 삽입/삭제 용이 선언시 지정한 크기 변경 불가 크기 가변적 출처: Array vs. LinkedList REFERENCE https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Arrays BOOK > 그림으로 배우는 ..

study planner 하루일정 양식

* { margin: 0; box-sizing: border-box; } html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 16px; line-height: 1.5; color: #1f2d3d; } body { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100vh; margin: 0 auto; background-color: #1f2d..

** 렌더링이란? HTML,CSS, 자바스크립트 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정. 브라우저는 렌더링을 수행하는 렌더링 엔진을 가지고 있음. 크롬 블링크(Blink) 사파리 웹킷(Webkit) 파이어폭스 게코(Gecko) 브라우저를 통해 웹 사이트에 접속하면, 서버로 부터 HTML, CSS 등 웹 사이트에 필요한 리소스를 다운로드받음. 1. DOM / CSSOM 트리 생성 브라우저가 렌더링 하기 위해서 HTML 코드는 DOM, CSS는 CSSOM 트리를 생성해야 함. ** DOM 이란 무엇인지? document object model의 약자이며, 한글로는 "문서 객체 모델"이라고 부름. DOM은 객체 지향 모델로써 구조화된 문서를 표현하는 방식. 변환 : 브라우저가 HTML의 원시 바..

** XML은 데이터 저장과 전송을 목적으로 만들어진 마크업 언어임. = eXtensible Markup Language HTML이 데이터의 표현에 그 목적을 두고 있다면 XML은 데이터 교환을 위한 구조정의에 그 목적을 두고 있음. HTML이 정해진 태그를 사용하는 것이라면 XML은 사용자 정의로 태그를 만들어 사용할 수 있음. HTML은 구현하기 위해서 '웹브라우저' 라는 어플리케이션이 필요하다면 XML은 어느 특정 환경에 구애를 받지 않음. XML 은 데이터를 가지고만 있고, 표현은 하지 않기 때문에 어떠한 작동을 하는 것은 아니다.

GET / POST HTTP 프로토콜을 이용해서 서버에 데이터(resource)를 전달할 때 사용하는 방식 html에서 form 요소의 경우 src와 함께 method 속성에 GET 또는 POST 방식을 적어준다. 여기서, GET과 POST 는 무엇인지 알아보자. GET 정보 조회 서버에서 어떤 데이터를 가져와 조회하는 메서드. Select. URL의 끝에 ‘?’ 가 붙고, 요청정보가 (key=value) 형태의 쌍을 이루어 서버로 전송됨. 요청정보가 여러개일 경우 ‘&’ 로 구분. 예> - 이는 길이 제한이 있어서 대용량의 정보를 불러오기엔 한계가 있다. (주소값+파라미터의 양은 255자로 제한됨.) - 사용자가 값을 쉽게 볼 수 있으므로 보안에 취약함. - 속도는 POST 방식보다 빠르다. POST ..

URI URI는 특정 리소스를 식별하는 통합 자원 식별자(Uniform Resource Identifier)를 의미한다. 웹 기술에서 사용하는 논리적 또는 물리적 리소스를 식별하는 고유한 문자열 시퀀스다. URL URL은 흔히 웹 주소라고도 하며, 컴퓨터 네트워크 상에서 리소스가 어디 있는지 알려주기 위한 규약이다. 즉, URI의 서브셋이다. ** 서브셋 이란? 부분집합(部分集合, 영어: subset) URI는 Uniform Resource Identifier URL은 Uniform Resource Locator 즉, 자원의 식별자(URI), 위치(URL), 이름(URN) photo+info cr: https://velog.io/@jch9537/URI-URL URI & URL 웹개발 공부를 하면서 URL..

1. html 자동완성 ! + Tab .html 문서를 생성한 후에 !를 입력하고 Tab키를 누르면 위와 같이 자동완성이 된다. 기본 구조이므로, 다른것은 그냥 냅둬도 되고, 오류를 줄이기 위해서는 lang="en"이 아닌 "ko"로 변경해주면 좋다. 2. 세로줄 커서 변경 alt+shift+드래그 위와 같이 세로로 커서 선택하고 싶을땐, 시작 부분에 커서를 두고, alt+shift+드래그 해주면 '하위'부분만 변경할 수 있다! 3. 한꺼번에 커서로 수정 alt + 클릭 4. 단어 찾아서 수정 단어 드래그한 상태에서 ctrl+shift+L 4. 에밋(emmet) html, css 등 문서를 편집할 때 빠른 코딩을 지원하는 플러그인. 1) 자식 태그 만들기 div>ul>li 와 같이 입력하고, Tab 누르..

https://www.markdowntutorial.com/ Markdown Tutorial Markdown is a way to write content for the web. It’s written in what people like to call “plaintext”, which is exactly the sort of text you’re used to writing and seeing. Plaintext is just the regular alphabet, with a few familiar symbols, like ast www.markdowntutorial.com 마크다운(Markdown)은 웹의 콘텐츠를 쓰는 방법 중 하나입니다. 마크다운은 “평문(plaintext)”으로 구성되어 있습니다..