이전 블로그에서 2022.06.22에 작성한 포스팅입니다. 노마드 코딩의 바닐라 JS 2주 챌린지가 끝났다! 이렇게 순식간에 끝나다니... 무료 강의였음에도 불고하고 이번 챌린지와 강의를 통해 감을 잡아갈 수 있어서 좋았다. 졸업작품으로 강의에서 배운 to do List 사이트를 만들어야 했다. 만들고 싶은 테마랑 기능들이 있어서 다 구상해놨는데 어쩌다보니 코테 준비하는 기간이랑 겹쳐버려서 기존에 만들어놨던 거를 좀 더 수정해서 냈다 ㅠ 시간을 내면 낼 수 있었을 텐데 아쉽다. 그래도 구상해뒀던 건 틈틈이 만들어서 포폴에 넣을 예정이다! 그리고 졸업 작품을 git.io로 냈어야 해서 그냥 기계적으로 git에 알고리즘만 올리다가 처음으로 제대로 사용해봤다. (git 강의도 들어야돼..) 그래서 그것도 ..
TypeScript로 객체지향 프로그래밍하기 class class Player { constructor( private firstName: string, private lastName: string, public nickname: string ) {} } const nico = new Player("nico", "las", "니꼬") 타입스크립트에서 이렇게 constructor의 타입을 선언해주면 자바스크립트에서 this.firstName = firstName; 이 부분을 따로 안 해주어도 된다. 이 부분이 자동적으로 컴파일 되어서 편리하다! 하지만 이렇게 class 내에서 private, public 등의 설정은 타입스크립트 내의 기능이기 때문에 자바스크립트로 컴파일되지 않는다. 추상 클래스(Abstr..
call signatures :함수 위에 마우스를 올렸을 때 보게 되는 것, 함수가 어떻게 호출되는지 알려준다. 인자의 타입과 함수의 반환 타입을 알려주는 것 call signature 선언하기 type Add = (a: number, b:number) => number; //call signature 선언 const add: Add = (a, b) => a+b 이렇게 콜 시그니처를 선언해두고 사용하면 함수를 선언할 때 인자나 리턴 값이 타입을 말해줄 필요가 없다. 오버 로딩(overloading) =function overloading = method overloading :서로 다른 여러 개의 call signatures를 가지고 있을 때 발생 type Add = { (a: number, b:numb..