전체 글

● 타입, 인터페이스의 차이 타입스크립트를 공부하면서 왜 interface가 필요할까에 대한 질문이 생겼다. interface Person { name: string; age: number; greet(phrase: string): void; } let user1: Person = { name: "daeun", age: 19, greet(phrase: string) { console.log(phrase + " " + this.name); }, }; user1.greet("Hi There"); 위와 같이 Interface로 객체의 틀을 잡아줄 순 있지만, type Person { name: string; age: number; greet(phrase: string): void; } let user1: Pe..

● 함수타입 함수타입이란 함수의 매개변수와 반환하는 변수의 타입을 정의내리는 것을 이야기한다. 예를 들어, 하나의 변수가 함수라고 지정하고 싶다면 아래와 같이 설정할 수 있다. let anything: Function; 만약 함수의 매개변수의 개수와 타입을 지정하고 싶다면? 아래와 같이 정의내릴 수 있다. let anything : (a:number, b:number )=> number 위의 정의는 2개의 매개변수를 받는데, 2개의 매개변수 모두 숫자를 받고 반환값으로 number라는 타입을 반환한다. ● void타입 function daeun(num1:number, num2:number):void { console.log('안냐쌔염'); } 위와 같이 반환값을 void라고 설정하면, 이 함수는 어떤값..

● any 타입 어떤 타입이든 모두 가능한 타입이다. 근데, any타입을 활용하게 되면 타입스크립트의 기능들을 잘 활용할 수 없기 때문에 즉, 그냥 자바스크립트를 적는것과 다름이 없기 때문에 그닥 많이 활용하지 않은 타입이라고 한다. let daeun : any; let arr : any[]; ● union타입 function daeun( user : { name : string; age : number} ){ ~~~~~~ } 위와 같은 함수가 있다고 해보자, 매개변수는 객체를 받는데 매개변수 안에서 정해주니 가독성이 떨어져보이고, 또 타입정의가 자주 활용될 수 있기 때문에 union 타입으로 빼서 써줄 수 있다. type User = { name : string; age : number; } funct..

● 오늘 공부한 것 늘 express로 서버를 구축했는데 오늘은 json-server라는 라이브러리를 사용해 서버를 구축하고 활용하였습니다. json 파일 하나만 만들고 api요청도 된다니 너무 신기했습니다.. 서버에 요청하는 건 하도 많이 하다보니 정말 많이 익숙해졌다고 느꼈습니다••• 만이 성장했다..^^ ● 이외에 공부한 것 TypeScript (any타입, union type, function 타입) 알고리즘 공부 (버블정렬, 선택정렬, 삽입정렬, 퀵정렬) - 정렬 진짜 다공부해간다!! 토이플젝

문제설명 H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과1에 따르면, H-Index는 다음과 같이 구합니다. 어떤 과학자가 발표한 논문 n편 중, h번 이상 인용된 논문이 h편 이상이고 나머지 논문이 h번 이하 인용되었다면 h의 최댓값이 이 과학자의 H-Index입니다. 어떤 과학자가 발표한 논문의 인용 횟수를 담은 배열 citations가 매개변수로 주어질 때, 이 과학자의 H-Index를 return 하도록 solution 함수를 작성해주세요. 제한사항 과학자가 발표한 논문의 수는 1편 이상 1,000편 이하입니다. 논문별 인용 횟수는 0회 이상 10,000회 이하입니다. 입출력 예 citations retu..

● Custom Component 개발자가 스스로 커스텀한 훅을 의미하며 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있습니다. 여러 url을 fetch할 때, 여러 input에 의한 상태 변경 등 반복되는 로직을 동일한 함수에서 작동하게 하고 싶을 때 커스텀 훅을 주로 사용합니다. 이를 이용하면 상태관리 로직의 재활용이 가능하고 클래스 컴포넌트보다 적은 양의 코드로 동일한 로직을 구현할 수 있으며 함수형으로 작성하기 때문에 보다 명료하다는 장점이 있습니다. (e.g. useSomething) Custom Hook을 정의할 때는 함수 이름 앞에 use를 붙이는 것이 규칙입니다. 대개의 경우 프로젝트 내의 hooks 디렉토리에 Custom Hook을 위치시킵니다. 오늘은 노마드 코더의 커스텀 ..