실전 압축 코딩

보호되어 있는 글입니다.

1, VPC 생성: Virtual Private Cloud(VPC) 네트워크를 생성하거나 Cloud Run 서비스와 Cloud SQL 인스턴스를 모두 배포할 기존 네트워크를 사용합니다. 2. Cloud Run 서비스 배포: 애플리케이션을 Google Cloud Run 서비스로 배포합니다. 서비스를 배포하는 동안 "연결" 섹션 아래의 1단계에서 생성한 VPC 네트워크를 선택해야 합니다. 3. Cloud SQL 구성: Cloud Run 서비스와 동일한 VPC 네트워크를 사용하도록 Cloud SQL 인스턴스를 구성합니다. Cloud SQL 인스턴스의 '연결' - '네트워킹' 탭으로 이동하고 '비공개 ip' -'연결된 네트워크' 섹션 아래에 VPC 네트워크를 추가합니다.

https://www.acmicpc.net/problem/1162 1162번: 도로포장 첫 줄에는 도시의 수 N(1 ≤ N ≤ 10,000)과 도로의 수 M(1 ≤ M ≤ 50,000)과 포장할 도로의 수 K(1 ≤ K ≤ 20)가 공백으로 구분되어 주어진다. M개의 줄에 대해 도로가 연결하는 두 도시와 도로를 통과하 www.acmicpc.net 문제 유형: 다익스트라 + dp 처음에는 포장할 도로를 조합하고, 이를 매번 다익스트라로 돌리려고 했다. 그리고 해당 결과물을 dp의 메모제이션 기법을 사용하려고 했으나, 어딘가 잘못됨을 느끼고 결국 구글링을해 풀이를 봤다. 문제의 핵심은, 1. 해당 노로 가는 경로를 '포장을 할 때' 와 '포장을 하지 않을때'로 구분 해야 한다. 2. 다익스트라의 최단거리 저..

1. 파라미터 예외 처리가 이루어 지지 않음 function foo(bar: string) { console.info(bar); } foo("Hello World!"); // OK foo(null); // Error foo(undefined); // Error foo() // Error 2. | null 타입으로 null값을 허용한다. / undefined, 공백은 허용 x function foo(bar: string | null) { console.info(bar); } foo("Hello World!"); // OK foo(null); // OK foo(undefined); // Error foo() // Error 3. | undefined 타입으로 undefined값을 허용한다 / null, 공백..

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. 객체 디스트럭처..