일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 네트워크
- 내일배움카드
- array
- 반복문
- 프론트엔드
- 리액트
- 자바스크립트
- VAR
- likelion
- JavaScript
- 화살표함수
- 메소드체이닝
- 제주코딩베이스캠프
- SS
- frontend
- 배열
- 멋쟁이사자처럼
- 타입스크립트
- CSS
- 웹개발
- react
- Let
- 개발자
- 이벤트루프
- 멋사
- 코딩
- 비동기
- for문
- 국비지원
- useState
- Today
- Total
목록전체 글 58
Ch.Covelope
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/btccsv/btsuSkuU18Z/Xps6eG7wno2ArM66ekMhp1/img.png)
유틸리티 타입(Utility type)이란? TypeScript에서 제공하는 내장 타입 중 하나로, 기존 타입을 조작하고 변환하는 데 사용되는 타입이다. 이러한 유틸리티 타입은 코드를 더 간결하고 유지보수하기 쉽게 만들어주며, 타입 안정성을 높이는 데 도움이 된다. 자주 사용되는 TypeScript 유틸리티 타입들 Exclude ExcludedMembers'에 할당할 수 있는 모든 union 멤버를 'UnionType'에서 제외하여 Type을 생성합니다. type T0 = Exclude; //type T0 = "b" | "c" type T1 = Exclude; //type T1 = "c" type T2 = Exclude void), Function>; //type T2 = string | number U..
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/bxMxXi/btsk9dYP4gI/M5b7JKudQj7JN7DYQBMAe1/img.jpg)
RSA RSA(암호화 알고리즘)는 공개 키 암호화 방식으로, 안전한 데이터 전송 및 정보 보호에 널리 사용되는 암호화 기술이다. RSA는 대표적인 공개 키 알고리즘으로 알려져 있으며 주로 적은 양의 데이터나 전자서명에 사용한다. 다음과 같은 원리로 작동한다: 1. 키 생성: - RSA 알고리즘은 두 개의 소수(p, q)를 선택합니다. 이 소수는 매우 큰 수로, 소인수 분해가 어려워야 합니다. - 소수 p와 q를 사용하여 공개 키와 개인 키를 생성합니다. 공개 키는 (N, e)로 표현되고, 개인 키는 (N, d)로 표현됩니다. - N은 p와 q의 곱으로, 큰 정수입니다. N은 공개되며 모듈러 연산에 사용됩니다. - e는 1보다 크고 (p-1)(q-1)과 서로소인 수로, 암호화에 사용됩니다. - d는 e에 ..
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/bJTytI/btsgBGx4tqo/yfNXVGlDY6QWnzcrOZyAmK/img.png)
react-query 란 React Query는 React 에서 원격 및 비동기 데이터를 관리하기 위한 라이브러리이다. API와 같은 다양한 데이터 소스에서 데이터를 더 쉽게 가져오고, 캐시하고, 동기화하고, 업데이트할 수 있는 일련의 훅 및 유틸리티를 제공한다. 설치 및 설정 NPM $ npm i @tanstack/react-query # or $ pnpm add @tanstack/react-query # or $ yarn add @tanstack/react-query CDN 설치되면 다음과 같이 컴포넌트에서 react-query를 가져와서 사용할 수 있다. import { QueryClient, QueryClientProvider, useQuery } from 'react-query'; const q..
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/cDwrrS/btseQV4hsYw/buEUeD3n2JmdT9cWqbVjuK/img.jpg)
OSI 7 Layer란 OSI 7 Layer는 네트워크 프로토콜과 통신을 표준화하기 위해 개발된 ISO(국제 표준화 기구)의 OSI(Open Systems Interconnection) 모델이다. 이 모델은 7개의 계층으로 구성되어 있으며, 각 계층이 서로 상호 작용하여 전체 네트워크 통신 프로세스를 지원한다. 1.응용 계층 (Application Layer): 이 계층은 사용자와 직접적으로 상호작용하는 소프트웨어 애플리케이션을 제공. 이메일, 파일 전송, 웹 브라우저 등과 같은 애플리케이션을 제공한다. 사용자 인터페이스 및 응용 프로그램을 처리 이메일, 웹 브라우저, FTP 클라이언트 등 다양한 프로토콜이 포함 2.표현 계층 (Presentation Layer): 이 계층은 데이터의 표현 방법을 정의...
![](http://i1.daumcdn.net/thumb/C250x250/?fname=https://blog.kakaocdn.net/dn/531go/btsdQOZh8wM/7dv4HW35o2vek6rzaQ0G9k/img.png)
자바스크립트에는 동기식과 비동기식이 있다. 동기식(Synchronous) 이란 단순하게 순서대로 실행되는데 1번이 실행되고 1번이 끝이 나면 2번이 실행되고 끝나면 그다음 작업들이 이런 과정으로 처리되는 것이다. 실행 순서가 보장되자만 한 번에 하나씩 처리 되기 때문에 한번에 여러 개의 작업이 불가능하다. 비동기식(Asynchronous) 이란 동기식과 다르게 먼저 실행된 작업이 끝날 때까지 기다리지 않고 다음작업을 시작할 수 있다. 한 번에 여러 일을 처리 할수 있다. 한번에 여러 가지 작업을 처리할 수 있지만 작업 순서가 보장되지 않는다. JavaScript 는 동기식 언어이다? 자바스크립트는 단일 스레드(싱글) 이다 . 메인 스레드인 이벤트 루프가 싱글 스레드 이기 때문이다. 하지만 이벤트 루프만 ..