일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 |
- useState #Hooks
- 얕은 복사 #깊은 복사 #shallow copy #deep copy
- 빡킹독
- react #useCallback #react Hook
- raect typescript #react #typescript #styled-component
- React #리액트 이벤트 주기 #리액트 이벤트
- 노마드 코더 #타입스크립트 #typescript #class
- 백준 #적록색약
- interceptors
- React #Hook rules #Hook 규칙
- html entities
- React #effect hook #useEffect
- axios
- react fragment
- 코드스테이츠 #알고리즘 #그리디
- RateLimit
- 이친수
- #useRef #언제 쓰는데?
- DP #c++
- donwstream #upstream #origin
- 플로이드 #c++
- React-Query
- rate limit
- JWT #토큰 #refreshToken #accessToken #Token #token #localStorage #sessionStorage
- react
- React #controlled component #비제어 컴포넌트 #제어 컴포넌트
- npm #not being able to find a file #npm install Error
- 백준 #직각삼각형
- 다익스트라 #파티 #백준
- 버블링 #갭쳐링 #이벤트 #JS
- Today
- Total
목록분류 전체보기 (111)
꿈꾸는 개발자
문제 설명 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 그 다음 기존에 ..
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을 반환하는 함수 배열 (결국 타입은 배열이란 의미..
보호되어 있는 글입니다.