웹개발 검색 결과
24 개의 검색 결과가 있습니다.
웹개발/Node

Node REPL 모드 사용하기

노드 REPL 란? REPL은 read, eval, print, loop의 약자입니다. repl를 이용하면 자바스크립트 및 node 명령을 빠르게 테스트할 수 있습니다. 간단히 자바스크립트 코드를 테스트하고 싶다면 굳이 브라우저의 개발자 모드의 콘솔 대신 REPL모드를 이용할 수 있습니다. REPL 모드 실행하기 실행할 스크립트 없이 node 명령을 입력하면 Node가 REPL 세션을 시작합니다. node를 입력하면 REPL세션이 시작하고 자바스크립트를 입력할 수 있습니다. 자바스크립트 코드 Math.randon()을 입력했습니다. 그런 다음 엔터를 누르면 Node가 줄을 읽고 평가하고 결과를 출력한 다음 대기 상태로 돌아갑니다. REPL은 이러한 흐름에서 이름을 가져왔습니다. 라인을 읽고, 평가하고, ..

2022. 9. 15. 13:04
웹개발/TypeScript

타입스크립트 ESLint 사용하기

ESLint를 사용하면 typescript 스타일을 표준화할 수 있습니다. ESLint가 무엇인지, 언제 사용해야 하는지 알아본 후 프로젝트에 ESLint 설치해서 설정하는 과정을 살펴보겠습니다. ESLint 란? ESLint는 애플리케이션의 소스 코드의 스타일을 평가하기 위한 도구입니다. ES는 자바스크립트의 또 다른 이름인 ECMAScript를 나타내지만 타입 스크립트 역시 ESLint를 사용할 수 있습니다. ESLint로 평가되는 스타일에는 대괄호 주변의 배치 간격, 줄 바꿈 위치, 탭과 공백 사용 여부, 공백의 개수 등이 포함됩니다. 여러 명으로 구성된 팀에서 일관된 스타일의 코드를 갖기란 매우 어렵습니다. ESLint를 사용하면 스타일을 체크하고 강제함으로 일관된 코드를 갖게 할 수 있습니다. ..

2022. 9. 13. 15:12
웹개발/TypeScript

타입스크립트 vscode, 크롬 디버깅 하기

breakpoint(중단점)를 사용하여 애플리케이션을 디버깅하는 것은 어려울 때가 있습니다. 생성된 코드의 경우 중단점이 제거될 가능성이 높거나 브라우저의 디버그 설정이 올바르게 구성되지 않은 경우 그냥 건너뛰기 때문입니다. vscode 및 chrome을 사용하여 타입스크립트를 디버깅하는 방법을 알아보겠습니다. VS Code 디버거 설정하기 vscode과 크롬을 디버깅에 사용하기 위해서 확장프로그램을 설치해야 합니다. vscode가 최신이라면 이미 빌트인으로 디버거가 설치되어 있을 수 있습니다. vscode의 확장프로그램에서 Javascript Debugger를 검색해서 설치해 주세요. 위 화면처럼 built-in 이라고 표시된다면 활성화되어있는지 확인해 주세요. 예전에는 debugger for chor..

2022. 9. 7. 22:53
웹개발/TypeScript

타입스크립트 소스맵(source map) 활성화하기

타입 스크립트를 디버깅 하기 위한 여러 방법 중에 제일 처음으로 설정해야 하는 컴파일 옵션이 소스 맵입니다. 타입스크립트를 포함해서 소스 맵은 한 언어에서 다른 언어로 컴파일되는 모든 프래그램의 문제를 해결하는데 매우 유용한 도구입니다. 타입스크립트 디버그에 필수인 소스 맵을 활성화하는 방법을 알아보겠습니다. 소스 맵 이란? 소스맵은 작성한 코드를 생성된 소스코드와 결합하기 위한 도구입니다. 소스 맵이 없으면 타입 스크립트의 코드 어느 줄이 자바스크립트 코드의 어느 줄로 되었는지 알 수 있는 방법이 없습니다. 소스 맵이 올바르게 작동하면 브라우저에서 코드를 검사할 때 자바스크립트 코드가 아니라 원래 타입 스크립트 코드로 표시됩니다. 타입 스크립트 코드로 확인함으로 이상한 동작을 일으키는 코드가 어디인지 ..

2022. 9. 5. 21:24
웹개발/TypeScript

타입스크립트 | 타입 선언 파일(d.ts) 만들기

오래된 자바스크립트 코드를 타입스크립트 프로젝트에 사용하고 싶을 때가 있습니다. 라이브러리 개발자에 의해서 관리되는 타입 선언 파일( d.ts) 이 없다면 만들어 사용할 수 있습니다. d.ts 파일을 만들어 사용하는 과정을 알아보겠습니다. 타입 선언 파일 이란? (Type Declaration File) 자바스크립트 코드를 타입스크립트 프로젝트와 통합하는 데 사용할 수 있는 도구입니다. 일반 자바스크립트 파일에서 가져온 코드에 타입 정보를 추가해주는 해주는 파일입니다. 타입 선언 파일을 사용하면 코드를 참조할 때 힌트를 사용할 수 있습니다. 또한 타입 스크립트 프로젝트를 컴파일할 때 타입 검사 및 기타 여러 기능에 접근할 수 있습니다. 타입 스크립트에서 자바스크립트 라이브러리를 사용할 때는 같이 제공되는..

2022. 9. 2. 17:20
웹개발/TypeScript

타입스크립트 | tsconfig 기본 구성 사용하기

기본 구성(base configuration)이란? 타입 스크립트 작업을 할 때 tsconfig.json 파일을 사용하여 다양한 속성 값 설정해 환경을 구성할 수 있습니다. 이 모든 속성을 일일이 기억하기란 쉽지 않고 기본이 되는 무언가를 넣어서 간단히 정하고 싶습니다. 이럴 때 사용하는 것이 기본 구성입니다. 기본 구성(base config)은 속성과 해당 속성 값을 모아놓은 구성(config)입니다. 기본 구성을 사용할때 두 가지 옵션이 있습니다. 첫 번째는 타입 스크립트 프로젝트에 대해 기본 구성과 함께 프로젝트에 필요한 구성을 추가해 사용하는 것입니다. 두 번째는 TypeScript에서 유지 관리하는 기본 구성 값을 그대로 사용하는 것입니다. 기억해야 할 중요한 점은 구성의 모든 옵션은 덮어쓸 수..

2022. 9. 1. 01:06