Per ardua ad astra.

모듈 방식 사용하기들어가며타입스크립트(TypeScript)에서 모듈 방식을 사용하는 방법을 정리해본다. 방법타입스크립트 파일(@.ts@/@.tsx@)은 기본적으로 모듈(Module)로 간주되지 않고, 전역 범위의 스크립트로 처리된다.여러 파일에서 동일한 변수명을 생성할 경우, 오류가 발생한다.fileA.tslet name = 'stickman';const susan = 'susan'; fileB.tsconst susan = 'susan'; // 오류 발생 이때, 다음과 같이 2가지 방법으로 타입스크립트 파일을 모듈로 변환할 수 있다. 방법 ① : @import@, @export@ 문 사용하기타입스크립트 파일에 @import@ 또는 @export@ 문을 추가하여 ES6 모듈로 취급되게 하는 방법이다. ..

모듈 설치 시 의존성 문제 해결하기 (npm-check-updates) 들어가며 인터넷에 공개된 레포지토리를 다운로드 받아서 본인의 PC에서 해당 모듈을 설치할 때, Node.js의 버전이 달라 의존성 문제(Dependency Problem)이 발생하는 경우가 있다. 이러한 의존성 문제를 해결하기 위해 @npm-check-updates@ 패키지를 사용할 수 있다. @npm-check-updates@ 패키지 @package.json@ 파일 안에 명시된 모듈들의 버전을 무시하고 최신 버전으로 업데이트하여 의존성 문제를 해결해주는 패키지이다. 방법 외부 레포지토리를 다운 받아서 @npm install@ 명령을 이용하여 필요한 모듈을 설치하기 전에 아래의 작업을 수행해준다. ① @npm-check-updates..

모듈 시스템 (import/export) 들어가며 ES6에서 도입된 모듈 시스템(Module System)에 대해서 알아보자. 모듈 시스템 개념 ES6에서 도입된 모듈 시스템은 자바스크립트 코드를 여러 파일로 나누고 재사용 가능한 모듈로 구성하는 기능을 제공한다. 이 기능은 @import@와 @export@ 키워드를 사용하여 모듈을 가져오고 내보내는 것으로 이루어진다. 내보내기(Export) 모듈에서 특정한 기능, 변수, 함수, 클래스 등을 다른 파일에서 사용할 수 있도록 내보내려면 @export@ 키워드를 사용한다. ① Named Export 내보내려는 대상에 이름을 붙여서 내보내는 방법이다. // 변수, 함수, 클래스 등을 내보내기 export const myVariable = 10; export f..

파이썬의 내장 함수를 이용하여 이미지 불러오고 표시하기 들어가며 파이썬에서 기본적으로 제공되는 내장 함수를 이용하여 이미지를 불러온 후, 출력해보자. 방법 파이썬에서 이미지를 불러오고 표현하려면 @requests@, @io@, @PIL@ 모듈(파이썬을 설치할 때 포함되는 내장 함수이다.)을 불러오면 된다. import requests from io import BytesIO from PIL import Image image_url = 'https://storage.googleapis.com/petbacker/images/blog/2017/dog-and-cat-cover.jpg' image = Image.open(BytesIO(requests.get(image_url).content)) image 설명과 ..