실전 압축 코딩

https://velog.io/@koreanhole/Active-Record%ED%8C%A8%ED%84%B4%EA%B3%BC-Data-Mapper-%ED%8C%A8%ED%84%B4 Active Record패턴과 Data Mapper 패턴 모든 query메소드들을 모델에 정의하고 객체의 저장, 제거 그리고 불러오는 기능들은 모델의 메소드를 통해 사용하는 패턴이다. 결과적으로 SQL을 직접 사용하지 않으면서 데이터를 조작할 수 있 velog.io TypeORM에서 Active Record 패턴을 위한 BaseEntity 알아보기 https://techbless.github.io/2020/03/15/TypeORM%EC%97%90%EC%84%9C-Active-Record-%ED%8C%A8%ED%84%B4%EC%..

next.js에서 서버 컴포넌트에서 typeorm을 사용한 db접속을 구현 하고 있었다. db 접속, query 실행등은 정상적으로 작동했으나. 엄청난 수의 "Critical dependency: the request of a dependency is an expression" 에러 메시지가 발생했다... 보아하니 typeorm 패키지의 종속성 문제인듯 하였다. 애꿎은 package.json만 여러번 만지던중 typeorm github에서 이미 해당 issue가 report된 것을 확인하였다! https://github.com/typeorm/typeorm/issues/10047 Plenty of `Module not found: Can't resolve 'X' in` with new Next.js pro..

- 브라우저 렌더링 과정 1. html 파일 서버로 요청 1. 접속한 url에서 도메인 네임 부분을 dns 서버로 보내 ip를 받아옴 2. 해당 ip에 html request를 보냄 3. html request를 받은 해당 서버는, 사용자가 요청한 html 파일을 읽어 메모리에 저장 4. 메모리에 저장된 바이트(2진수)를 인터넷에 경유하여 응답. 2. html 파싱 dom 트리 생성 1. 브라우저가 html파일을 서버로 부터 받음(바이트 2진수) 2. meta 태그의 charset 어트리뷰트에 의해 지정된 인코딩 방식(utf-8)을 기준으로 문자열로 변환(응답 헤더) 3. 문자열로 변환된 html 문서를 토큰으로 분해 4. 토큰을 객체로 변환해 노드를 생성 5. 이 과정은 한 줄 씩 진행된다... 2-1..

https://soopdop.github.io/2020/12/01/index-signatures-in-typescript/ TypeScript에서 string key로 객체에 접근하기 TypeScript에서 string key로 객체에 접근하기 soopdop.github.io Index Signature 선언하기 방법은 간단하다. 아래와 같이 객체에 index signature를 한줄 추가한다. type ObjType = { [index: string]: string foo: string bar: string } const obj: ObjType = { foo: "hello", bar: "world", } const propertyName1 = "foo" const propertyName2: string..

보호되어 있는 글입니다.

1. 배열 디스트럭처링: let arr = [1,2,3] const [a,b,c] = arr console.log(a) // 1 console.log(b) // 2 console.log(c) // 3 rest 문법 사용 let arr = [1,2,3,4,5] const [a, b, ...c] = arr console.log(a) // 1 console.log(b) // 2 console.log(c) // [3,4,5] 빈 값 & 기본값 const arr = [1,2,3,4,5] const [a, ,b] = arr console.log(a, b); // 1 3 const arr = [1,2] const [a,b,c=3] = arr console.log(a, b, c); // 1 2 3 2. 객체 디스트럭처..

보호되어 있는 글입니다.

var foo = function () { console.dir(this); }; // 1. 함수 호출 foo(); // window // window.foo(); // 2. 메소드 호출 var obj = { foo: foo }; obj.foo(); // obj // 3. 생성자 함수 호출 var instance = new foo(); // instance // 4. apply/call/bind 호출 var bar = { name: 'bar' }; foo.call(bar); // bar foo.apply(bar); // bar foo.bind(bar)(); // bar https://poiemaweb.com/js-this this | PoiemaWeb 자바스크립트의 this keyword는 Java와 같..

https://poiemaweb.com/es6-template-literals Template Literals | PoiemaWeb ES6는 템플릿 리터럴(Template literal)이라고 불리는 새로운 문자열 표기법을 도입하였다. 템플릿 문자열은 일반 문자열과 비슷해 보이지만, ' 또는 poiemaweb.com https://velog.io/@rlaghwns1995/JavaScript-%ED%85%9C%ED%94%8C%EB%A6%BF-%EB%A6%AC%ED%84%B0%EB%9F%B4 [JavaScript] 템플릿 리터럴 ES6이전에는 템플릿 문자열이라고 부르던 것을 ES6에서 템플릿 리터럴이라 부르게 되었다. ES6에서 문자열을 삽입하는 방식에 대해 알아보자 !! 템플릿 리터럴이란 내장된 표현식을 ..

https://poiemaweb.com/es6-iteration-for-of -ES6에서 도입된 이터레이션 프로토콜(iteration protocol)은 데이터 컬렉션을 순회하기 위한 프로토콜(미리 약속된 규칙)이다. - iterable은? iterable 프로토톨을 준수한 객체 -> Symbol.iterator 메소드를 구현하거나 프로토타입 체인에 의해 상속한 객체를 말한다. Symbol.iterator 메소드는 이터레이터를 반환한다. - iterable한 객체는 spread 문법(...) 을 사용 할 수 있고, for of 문을 사용해 순회 할 수 있다. - 배열은 Symbol.iterator 메소드를 소유한다. 따라서 배열은 이터러블 프로토콜을 준수한 이터러블이다. - 배열[Symbol.iterat..