노마드 코더

개발 공부/프로젝트

노마드 코더 바닐라 JS 크롬 앱 만들기 졸업작품

이전 블로그에서 2022.06.22에 작성한 포스팅입니다. 노마드 코딩의 바닐라 JS 2주 챌린지가 끝났다! 이렇게 순식간에 끝나다니... 무료 강의였음에도 불고하고 이번 챌린지와 강의를 통해 감을 잡아갈 수 있어서 좋았다. 졸업작품으로 강의에서 배운 to do List 사이트를 만들어야 했다. 만들고 싶은 테마랑 기능들이 있어서 다 구상해놨는데 어쩌다보니 코테 준비하는 기간이랑 겹쳐버려서 기존에 만들어놨던 거를 좀 더 수정해서 냈다 ㅠ 시간을 내면 낼 수 있었을 텐데 아쉽다. 그래도 구상해뒀던 건 틈틈이 만들어서 포폴에 넣을 예정이다! ​ 그리고 졸업 작품을 git.io로 냈어야 해서 그냥 기계적으로 git에 알고리즘만 올리다가 처음으로 제대로 사용해봤다. (git 강의도 들어야돼..) 그래서 그것도 ..

개발 공부/TypeScript

TypeScript #3 [class, 추상 클래스, 추상 메소드, protected]

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..

개발 공부/TypeScript

TypeScirpt#2 [함수, call signatures, overloading, 다형성, 제네릭]

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..

YJzero
'노마드 코더' 태그의 글 목록