Javascript

Javascript/Typescript

[Typescript] VSCode Code Runner로 typescript 실행 안되는 문제 해결 방법

에러 메세지 [Running] ts-node "d:\VSCode\Local\Typescript\hello.ts" 'ts-node'��(��) ���� �Ǵ� �ܺ� ����, ������ �� �ִ� ���α׷�, �Ǵ� ��ġ ������ �ƴմϴ�. ts-node가 설치되지 않아서 생기는 문제이다. 해결 방법 npm install -g ts-node -g 옵션을 통해 ts-node를 전역 설치 해줬다.

Javascript/Vue

[Vue] 새 Vue 프로젝트 생성하면 자주 쓰는 것들 모음 - Vue project routine

프로젝트 생성, 실행, 빌드 프로젝트 생성 $ vue create 프로젝트이름 프로젝트 이름에는 대문자가 들어갈 수 없다 프로젝트 실행 $ npm run serve 프로젝트 빌드 $ npm run build vue.config.js 설정 기본값 ( vue 3.2.13 기준) const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true }) GitHub Pages에 배포하기 위한 설정 build 파일 저장 경로를 docs로 바꿔주면 편하다. (기본 저장 경로는 dist이다.) publicPath를 정해주지 않으면 github pages에 배포시 빈화면이 뜰 수 있다...

Javascript/Typescript

[Typescript] 타입스크립트에서 항상 타입을 써야 할까? 언제 타입을 명시해야 할까? (feat.타입 추론)

타입스크립트를 처음 알게되었을 때부터 궁금했던 문제다. ⌨️문제의 코드 let age = 20; // 1번 let age: number = 20; // 2번 둘중 어느것이 더 좋을까? 처음에는 생각했다. 타입스크립트니까...항상 타입을 명시하는 것이 좋지 않을까? 그런데, 번거로웠다. 복잡했다. 바로 옆에 숫자가 쓰여져있다. 타입이 number인것이 뻔하다. 굳이 타입을 써야할까? 문법에도 오류가 없다. 👨‍🏫강의에서 발견한 해결책 혼자 공부하면서 이런 저런 의문들이 남게 되었다. 결국 나는 타입스크립트를 더 확실하게 공부하기 위해서 Udemy 강의를 구매했다. 다른 무료 타입스크립트 강의들 보다 퀄리티가 좋았다. 타입스크립트를 쉽게 잘 가르쳐주는 것 같다. 강의에서는 1번을 쓰라고 가르쳐줬다. let ..

Javascript/기타

[Javascript] 배열의 범위를 벗어난 인덱스로 배열에 접근할 때 어떻게 될까

let arr = [0]; console.log(arr[1]);//undefined 위 코드를 실행하면 어떻게 될까? 정답 ↓ 더보기 undefined를 출력한다. 다른 언어들과는 달리 index error가 발생하지 않는다

Javascript/Jest

[Jest] 2. Machers

toBe() toEqual() toStrictEqual() toBeNull() toBeUndefined() toBeDefined() toBeTruthy() toBeFalsy() toBeGraterThan() // > toBeGraterThanOrEqual() // >= toBeLessThan() // < toBeLessThanOrEqual() // toBeCloseTo() toMatch(정규표현식) ex) toMatch(/h/i) 대소문자 구별 없이 문자열에 h가 들어가는지 toContain(특정요소) 배열에서 특정 요소가 있는지 toThrow() 에러가 발생하는지 toThrow(특정에러) 특정 에러가 발생하는지 더 많은 내용은 아래 공식 문서에서 확인할 수 있다. https://jestjs.io/doc..

Javascript/Jest

[Jest] 1. 시작

주의사항 이 포스팅은 코딩앙마님의 유튜브 강의를 보고 요약 정리한 것입니다. 영상을 한번도 보지 않으신 분에게는 추천하지 않습니다. https://youtube.com/playlist?list=PLZKTXPmaJk8L1xCg_1cRjL5huINlP2JKt Jest 강좌 www.youtube.com Jest Jest는 리액트를 만든 페이스북에서 선보인 테스팅 도구이다 Zero configuration 철학을 가지고 있어서 별도의 설정을 할 필요가 없다. 현재 가장 많이 사용되는 JS 테스트 도구이다. 설치 npm init npm install -D jest package.json 파일의 test 부분의 값을 jest로 바꿔준다. npm test 를 입력하면 .test.js 파일이나 __test 폴더에 있는..

리즈(Liz)
'Javascript' 카테고리의 글 목록 (4 Page)