개발을개발로할태니

Array 메모리에 연속적으로 데이터를 저장하는 자료구조 탐색 O(1): 인덱스를 사용해 Random Access 가능 삽입/삭제 O(N): 삽입/삭제한 원소보다 큰 인덱스를 갖는 원소들을 Shift해야 함 크기 고정적 (선언 시 지정한 크기 변경 불가): Immutable Cache Locality가 좋아 Cache Hit 가능성이 큼 Linked List 메모리가 불연속적으로 배치된 자료구조 다음 노드를 가리키는 주소인 포인터를 통해 접근하는 자료구조 (자료의 주소 값으로 서로 연결) 탐색 O(N): 데이터 검색 시 처음 노드부터 순회하는 순차 접근 삽입/삭제 O(1): 주소의 연결만 바꾸면 됨 -> 하지만, 삽입/삭제할 원소를 찾는 것에 O(N)이 걸림 Array vs Linked List 삽입/삭..

https://ko.javascript.info/onload-ondomcontentloaded#ref-401 DOMContentLoaded, load, beforeunload, unload 이벤트 ko.javascript.info HTML 문서의 생명주기엔 다음과 같은 3가지 주요 이벤트가 관여합니다. DOMContentLoaded – 브라우저가 HTML을 전부 읽고 DOM 트리를 완성하는 즉시 발생합니다. 이미지 파일()이나 스타일시트 등의 기타 자원은 기다리지 않습니다. load – HTML로 DOM 트리를 만드는 게 완성되었을 뿐만 아니라 이미지, 스타일시트 같은 외부 자원도 모두 불러오는 것이 끝났을 때 발생합니다. beforeunload/unload – 사용자가 페이지를 떠날 때 발생합니다. D..

dataset 은 사용자 정의 데이터 속성으로 HTMLElement 읽기/쓰기 액세스를 제공한다. An HTML data-* attribute and its corresponding DOM dataset.property modify their shared name according to where they are read or written:In HTML The attribute name begins with data-. It can contain only letters, numbers, dashes (-), periods (.), colons (:), and underscores (_). Any ASCII capital letters (A to Z) are converted to lowercase. I..

DB 라는 것을 배운지가 어연 몇년이 지났는데, 정말 기초적인 부분에서 지적을 받은 뒤 많은 충격을 받았다 내가 이렇게 기초가 허술했나..? 당연한 것 처럼 익숙하게 썼던 것 중에 아주 기본적인 부분을 틀리게 썼다는 것에 너무 스트레스를 받았었다ㅜ 시간을 내서라도 기본적인 공부는 다시 해야겠다 싶어 다시 시작해본다!! 개념이나 기초 위주는 그냥 정리만 해보는 걸로 Database 특성 - 실시간 접근 및 응답 - 최신성(동적) - 동시공용 - 내용기반참조(키워드) 데이터모델 3요소 data model 이란 데이터를 명세하는 고유 표현 방식이자 data modeling 을 위한 도구 - 데이터 구조(data structure) - 연산(operation) - 제약조건(constraint) RDB - 테이블..

h1 { } div { } 전체 셀렉터 * { } Tag 셀렉터 section, h1 { } ID 셀렉터 #only { } class 셀렉터 .widget { } .center { } attribute 셀렉터 (암기할 필요는 없습니다) a[href] { } p[id="only"] { } p[class~="out"] { } p[class|="out"] { } section[id^="sect"] { } div[class$="2"] { } div[class*="w"] { } 후손 셀렉터 header h1 {} 자식 셀렉터 (후손 셀렉터와의 차이를 반드시 알고 있어야 합니다) header > p { } 인접 형제 셀렉터 section + p { } 형제 셀렉터 section ~ p { } 가상 클래스 a:lin..

function Example(a, b){ //this = {} this.a = a; this.b = b; this.print = function(){ console.log("a= ${a}, b= ${b}"); }; // return this; } const example1 = new Example("hi", "bye"); const example1 = Example("hi", "bye"); // undefined 반환하는 값이 없다 객체 key 는 변수도 가능하다 const user = { [1 + 4]: 5, ["안녕" + "하세요"]: "Hello" } // {5: 5, 안녕하세요: "Hello"} Object.assign(초기값, 병합할값1... ); //객체 복제 초기값과 같은 이름일 경우 병합..

https://youtu.be/Um-CJHNc5Pw 자바스크립트 클로져 블럭 내부에 선언 된 값을 외부로 불러오는 방법

https://youtu.be/FN_D4Ihs3LE?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 object -> string serialize string -> object deserialize 1. Object to JSON stringfy(obj) json 의 규격사항은 "" < 를 사용한다 2. JSON to Object parse(json)

https://github.com/dream-ellie/learn-javascript/blob/master/notes/variable.js 와.. 뭐야 이 강의 너무 친절해...ㅠ 정리한 것도 다 공유라니.... 증맬...사랑입니닷... primitive 타입은 값 자체를 저장 object 타입은 ref 가 있어서 ref 안의 요소는 바뀔 수가 있다 Immutable data types : primitive types, frozen objects (i.e. object.freeze()) Mutable data types : all objects by default are mutable in JS Operator.js String concatenation Numeric operators Increment ..

https://youtu.be/OCCpGh4ujb8?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 template literals -> `${변수} 이렇게` false : 0, null, undefined, NaN, '' true : any other value null < any 아무것도 없는 텅 빈 상태 undefined < 아무 것도 정해지지 않은 상태 Symbol('변수') create unique identifiers for objects 각 변수마다 고유의 식별자임 for 을 써서 변수에 담긴 값이 같은지 확인 가능 javascript - Dynamic typing String 은 charAt(0) TypeScript 는 자바스크립트에 타입을 지정해준 언어 object..