rhanziy

좋은 기회로 인해 서울 우먼테크메이커스에서 주관하는 잇츠 스터디 크루 3기에 참여할 수 있게 되었다!!~ㅅ~여러 학습활동 주제 중 나는 '타입스크립트 톺아보기'라는 주제의 스터디를 신청했다. 온라인으로 진행되는 스터디였고 따로 교재나 사전 준비없이 정해진 주제에 대해 공부하고 팀원들에게 공유하는 방식의 자유도가 높은 스터디였기 때문에 부담감도 적었다. 스터디 리더님이 원하는 조원들의 상도 공감이 됐고, 저런 팀원들과 함께하고 싶은 마음이 들기도 했다.저는 같이 이야기하며 배운다고 생각해요. 그래서 대화에서 회피보다는 문제에 부딪히며 해결하시려고 노력하시는 분이면 좋겠습니다.추가로 왜 이런 방식으로 돌아가는지에 대한 고민과 호기심이 있는 분이면 너무 좋아요.스터디의 구체적인 진행방식은 이렇다!1. 8주차까..

자바스크립트는 타입에 관대하기 때문에 큰 프로젝트할 때 예상치 못한 에러나 버그가 발생할 수 있다. 그래서 엄격한 타입룰을 지정해주면서 더 정확한 에러메세지를 얻기위해 타입스크립트를 사용함. 설치 1. 일단 Node.js 최신버전, VScode 에디터오픈 2. 터미널 오픈 후 npm install -g typescript 3. 코드 짤 작업폴더 만들고 에디터에서 오픈 4. 작업폴더에 .ts로 끝나는 파일 만들고 사용시작하면됨. 여기서 .ts 파일은 브라우저에서 알아듣지 못하기 때문에 js파일로 변환작업이 필요한데, 터미널에 tsc -w 를 입력해두면 자동으로 js파일로 변환해준다. 그런데! 여기서 오류가 발생할 것. 아마도 이 시스템에서 스크립트를 실행할 수 없으므로~~ 어쩌구. 해결은 윈도우 파워쉘을 ..

interface SStorage { [key:string] : T } class LocalStorage { private storage: SStorage = {} set(key:string, value:T){ this.storage[key] = value; } remove(key:string){ delete this.storage[key] } get(key:string):T { return this.storage[key] } clear(){ this.storage = {} } } const stringsStorage = new LocalStorage() stringsStorage.get("key") stringsStorage.set("hello", "how are you") const booleanSt..

abstract class User { constructor( protected firstName: string, protected lastName:string ){} abstract sayHi(name:string):string abstract fullName():string } class Player2 extends User { sayHi(name:string){ return `Hello ${name}. My name is ${this.fullName()}` } fullName(){ return `#{this.firstName} ${this.lastName}` } } 타입스크립트에서 추상클래스를 구현하면 자바스크립트에서 컴파일했을 때 일반적인 클래스로 바뀌어버림. class User { constru..