개발(42)
-
TDI : 테스트 스위트 구축 1
함수의 실행을 검증하는 테스트 스위트
2022.03.07 -
프로젝트 빌드 TypeScript by npm
빈폴더 생성 - > 터미널접근 -> npm init - > 기본설정을 완료하면 - > package.json이 생성된다. (이곳에서 npm정보와 명령어 관리를 할수있다.) 타입스크립트를 사용할것임으로 npm i(install) typescript - npm설치 명령어를 통해서 typescript를 설치해준다. - > package-lock.json 생성 index.ts 에서 typescript가 정상적으로 작동한다. ts 파일을 js 파일로 변환시켜보자 ! 그냥 주먹구구식으로 npm tsc 했는데 안된다. 왜그럴까 생각해보니 어떻게 변환할것인지에 대한 명세가 없다. 그걸 설정해주는 파일을 만들자 tsconfig.json 이름이 정확히 일치해야 작동한다. 이곳 명세서에 target 과 source(inde..
2021.12.31 -
[TS] type 엄격성 (any , union , unknown 특이점 살펴보기)
자유도가 높다 = 에러메세지 안남 = 문제생겨도 어디서 생긴지 모름 자유도가 낮다 = 정해진 형식을 사용한다. = 형식에서 벗어나면 에러가난다.= 에러메세지가 나올때 더 정확하게 지적해준다. 타입스크립트 = 타입의 엄격성을 높힌 자바스크립트 여기서 타입이란 문자열,숫자,object,class,function,등등 언어라고생각 하기 보단. 일종의 툴이라고 생각하는게 맞다. any 타입과 unknown 타입의 차이점 any 는 자바스크립트를 안쓰는 거랑 똑같음 타입제한의 해제 를 뜻함 unknown은 타입제한의해제는 아님 unknown이라는 타입을 사용하는것 타입스크립트는 변수의 선언 부분에서 타입을 지정하여서 타입을 지정한다. (대부분은 할당 과정에서 자동으로 지정됨) 이렇게 지정된 타입은 let 변수A ..
2021.12.23 -
[JS] key event 정리
key event keypress keydown keyup 알아낸것. 화살표 = keydown 계속 실행됨 글자 = keydown한번 실행후 keypress로 넘어감 계속 실행 = 오브젝트의 진행을 표현할수있을뜻 press로 넘어감 = press에 특정값을 넣어서 각 키에대한 설정 가능할뜻 의문점 console log 를 찍어보면 글자를 누를경우 keydown - > keypress 의 반복인데 innerhtml 에서 down , press 로 각각 설정해서 보면 keydown 은 안찍히고 press로만 유지가됨 .. 그러면 안되는거 아닌가 ? https://codepen.io/sky4564/pen/XWeavxm XWeavxm ... codepen.io
2021.12.22 -
호이스팅 , 실행 컨텍스트
호이스팅 자바 스크립트 실행환경 구성 = 실행컨텍스트 구성 1 2 3 3부분에서 선언 할당 1부분에서 참조를 한다면 1, 2 부분은 tdz 가됨 temporary dead zone 일시적인 죽음의 구역 var은 호이스팅 되면 선언 과 할당 둘다 메모리영역으로 감 const , let 은 선언만 가게됨 tmz 에서 참조를 한다면 var는 undefined 뜨고 const let 은 레퍼런스 오류가 뜸 같이 호이스팅이 됬는데 차이는 할당이 메모리영역에 자리를 잡았는지 차이 const let은 자리를 안잡음 이 부분에 대해서 실행컨텍스트 라는 개념이 등장하는데 실행 컨텍스트(Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 ..
2021.12.22 -
var vs let vs const
var let const 의 차이점은 3가지 관점 사용가능범위,재선언,재할당 으로 나누어 생각할수있습니다. var 는 함수 범위 의 변수 이며 재선언과 재할당이 가능하고 let은 블록 범위 의 변수 이며 재할당만 가능합니다. const는 블록범위 의 변수이며 재선언과 재할당 모두 불가능합니다. es6신문법으로 let 과 const가 등장하게 되었습니다. let 과 const 는 es6 신문법 var = let 보다 범위가 넓다. 간단비교 var 는 function-scoped 함수안에서 유효 let 은 block-scoped 블록안에서만 유효 let = 블록 단위 이고 재선언이 불가하니깐 에러를 미연에 방지하고 세밀하게 조정가능 const = 범위는 let 과 동일 && 고정값줄때 사용
2021.12.08