일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- React #Hook rules #Hook 규칙
- 다익스트라 #파티 #백준
- 백준 #직각삼각형
- react #useCallback #react Hook
- html entities
- donwstream #upstream #origin
- 노마드 코더 #타입스크립트 #typescript #class
- React #리액트 이벤트 주기 #리액트 이벤트
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
- 이친수
- 백준 #적록색약
- axios
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- DP #c++
- useState #Hooks
- rate limit
- react
- #useRef #언제 쓰는데?
- 코드스테이츠 #알고리즘 #그리디
- raect typescript #react #typescript #styled-component
- React-Query
- react fragment
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- npm #not being able to find a file #npm install Error
- RateLimit
- 플로이드 #c++
- 빡킹독
- 버블링 #갭쳐링 #이벤트 #JS
- React #effect hook #useEffect
- interceptors
- Today
- Total
목록전체 글 (111)
꿈꾸는 개발자
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c6ET6A/btr8NDIPFzE/kEUKn1vn6j5l3HzxgEtdXK/img.png)
문제 설명 Finn은 요즘 수학공부에 빠져 있습니다. 수학 공부를 하던 Finn은 자연수 n을 연속한 자연수들로 표현 하는 방법이 여러개라는 사실을 알게 되었습니다. 예를들어 15는 다음과 같이 4가지로 표현 할 수 있습니다. 1 + 2 + 3 + 4 + 5 = 15 4 + 5 + 6 = 15 7 + 8 = 15 15 = 15 자연수 n이 매개변수로 주어질 때, 연속된 자연수들로 n을 표현하는 방법의 수를 return하는 solution를 완성해주세요. 제한사항 n은 10,000 이하의 자연수 입니다. 내가 작성한 코드: 수수드 코드를 짜고 작성을 했지만, 시간 복잡도가 O(N^2)이라 마음에 들진 않는다....조금 더 시간 복잡도 측면에 단축할 수 있는 방법을 찾아보는 것이 좋을 것 같다..... fu..
문제 설명 길이가 같은 배열 A, B 두개가 있습니다. 각 배열은 자연수로 이루어져 있습니다. 배열 A, B에서 각각 한 개의 숫자를 뽑아 두 수를 곱합니다. 이러한 과정을 배열의 길이만큼 반복하며, 두 수를 곱한 값을 누적하여 더합니다. 이때 최종적으로 누적된 값이 최소가 되도록 만드는 것이 목표입니다. (단, 각 배열에서 k번째 숫자를 뽑았다면 다음에 k번째 숫자는 다시 뽑을 수 없습니다.) 예를 들어 A = [1, 4, 2] , B = [5, 4, 4] 라면 A에서 첫번째 숫자인 1, B에서 첫번째 숫자인 5를 뽑아 곱하여 더합니다. (누적된 값 : 0 + 5(1x5) = 5) A에서 두번째 숫자인 4, B에서 세번째 숫자인 4를 뽑아 곱하여 더합니다. (누적된 값 : 5 + 16(4x4) = 21..
TS는 제네릭을 사용해 타입 간의 관계를 알아낸다 제네릭 타입 매개변수를 원하는 만큼 선언 가능 ⇒ 타입 매개변수는 구조체의 각 인스턴스에 대해 타입 인수라고 하는 서로 다른 타입을 함께 제공 가능??????? 타입 매개변수는 전형적으로 T or U 같은 단일 문자 이름 또는 Key와 Value 같은 파스칼 케이스 이름을 가짐 10.1 제네릭 함수 매개변수의 형태로 함수를 제네릭으로 만듦 ⇒ 함수 내 매개변수 타입 애너테이션, 반환값 애너테이션으로 사용 가능! function iden(input:T){ return input; } const num=iden("me")//타입 me const stringy=iden(123)//타입 123 //화살표 함수 형태의 제네릭(리액트 환경에서 JSX와 충돌이 있음=..
9.1 top 타입 top 타입: 가능한 모든 값을 나타내는 타입 ⇒ 모든 타입은 top에 할당할 수 있다. 9.1.1 any 다시 보기 any 타입 top 타입과 유사함(모든 타입의 위치에서 제공 가능) let value:any; value="string";//ok value=123;//ok console.log(value); 하지만, any의 경우 타입 검사를 수행하지 않음 (타입스크립트의 유용성이 떨어짐) unknow으로 선언하는 것이 더 안전함 9.1.2 unknown TS에서 unknown 타입은 진정한 top 타입임 any와의 공통점/차이점 ****************공통점:****************모든 타입을 unknown타입 위치로 전달 가능(any와 유사함) 차이점: TS는 unkn..
처음부터 TypeScript로 react를 시작하면 간단하게 밑과 같이 npx로 진행하면 된다. npx create-react-app my-app --template typescript or yarn create react-app my-app --template typescript 하지만 만약 이미 만들어 놓은 react에 중간 갑자기 typescript를 적용하고 싶은 경우 다음과 같이 진행하면 된다. npm install --save typescript @types/node @types/react @types/react-dom @types/jest or yarn add typescript @types/node @types/react @types/react-dom @types/jest 그 다음 기존에 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/vQsEq/btr24jDIBGU/46ETbiWy740vJen7mVNgTk/img.png)
8.1 클래스 메서드 매개변수 기본 타입: any 독립 함수와 동일한 방식으로 이해 클래스 생성자(constructor) 또한 동일한 취급 //메서드 class Greeter{ greet(name:string){ console.log(`${name}`); } } new Greeter().greet('haha'); //ok new Greeter().greet(); //Error: 인수 필요! ================================================= //생성자 class Greeter{ constructor(mess:string){ console.log(`${mess}`); } } new Greeter("haha"); new Greeter() //Error 매개변수 제공 안 ..
TS는 JS와 달리 하나의 배열에 데이터 타입을 하나로 유지한다. const arr=["a","b"]; arr.push("c"); arr.push(true); //에러 발생 배열의 타입 유추는 변수 초깃값에서 타입 유추하는 방식과 유사하다. 6.1 배열 타입 TS는 변수에 타입 애너테이션을 제공해 배열이 포함해야 하는 값의 타입을 알려준다. let arr:number[]; arr=[1,2,3,4,5,6]; arr1 //와 같은 형식으로도 작성이 가능함! 하지만 개발자들은 위의 방식을 //더 선호함 6.1.1 배열과 함수 타입 //타입은 string 배열을 반환하는 함수 let createString: ()=>string[]; //타입은 각각의 string을 반환하는 함수 배열 (결국 타입은 배열이란 의미..
보호되어 있는 글입니다.