타입스크립트의 콜시그니쳐 / 오버로딩 / 인덱스 시그니쳐
(vue3의 computed의 콜시그니쳐)1.콜시그니쳐vscode등에서 함수 위에 커서를 올리면 나오는 파라미터와 리턴 타입 정보를 말한다type Add = (a: number, b: number) => number // 콜시그니쳐 정의 const add: Add =
Promise에 대해서 / Promise.all과 Promise.allSettled의 차이
* Promise가 이해되면 위의 이미지가 이해가 된다Promise의 사용이유자바스크립트는 동기적 언어이다그러나 비동기적 함수(API요청)등을 처리하는 경우에는 동작 순서를 보장받지 못한다보장하기 위해서 Promise등을 사용한다Promise의 사용구조에 대해서Prom
Array<T> 및 타입스크립트를 사용하는 예제 연습
타입스크립트로 배열타입을 나타내는 두가지 방법아래의 예제에서 2번 방법 Array<타입명> 은 제너릭을 사용한 배열 타입의 선언방법이다즉 Array[타입명]으로 선언한다면 타입명으로 선언된 내용만이 들어가있는 배열타입을 선언하게 된다interface Bread{};
자바스크립트 객체내부에서 키를 생략 가능한 경우
자바스크립트의 객체 내부에서 키값이 생략되는 경우를 크게 4가지로 예를 들면 아래와같다 (ES6 , 2015부터적용)위의 예제에서 사용된건 아래의 1번과 3번이다1. Computed Property Names (계산된 속성 이름): 객체를 생성할 때, 대괄호 [] 안에
for.. in 과 for.. of의 차이
for...of 반복문 ( 배열 ):for...of 반복문은 주로 배열(Array) 또는 이터러블 객체(Iterable)를 순회하는데 사용됩니다 const colors = ["red", "green", "blue"]; for (const color of color
TypeScript메모_2
1. : 뒤엔 주로 타입: 뒤에 오는건 대게는 타입이라고 인지, 그러나 경우에 따라 return도 있음:를 사용해서 타입을 지정하는 경우는 아래의 1번이고 반환형의 타입을 지정하는 경우는 ( )뒤에 :를 사용한 2번 예제이다1.변수or함수명:타입2.():반환형위의 2번
자바스크립트 연산자
자바스크립트에서 자주사용되는 연산자 (삼항연산자는 제외함)물음표 두 개 연산자 (Nullish Coalescing Operator)물음표 두 개 연산자는 좌항의 값이 null 또는 undefined인 경우에만 우항의 값을 반환하고, 그 외의 경우에는 좌항의 값을 반환합
SSR / CSR / SSG
SSR (Server-Side Rendering)서버쪽에서 렌더링을 준비한 후 클라이언트에게 전달하는 방식으로, 초기 요청에 대한 응답으로 이미 렌더링된 HTML을 전송하며, 사용자의 브라우저에서 JavaScript가 실행되기 전에 화면을 표시하는 방법입니다.(JSP나
Form태그로 PUT, PATCH ,DELETE 방식을 사용하기
form태그에 put,patch,delete사용REST방식으로 API를 설계할때 GET, POST말고 PUT, DELETE를 써야하는데 form 태그 method에 아무리 PUT,PATCH,DELETE 써봤자 GET방식으로 들어가는 문제가있음아래와 같이 처리하면 PUT
빌드 / 모듈 / 모듈번들러 / 웹팩
빌드 (Build):빌드는 소스 코드와 다른 리소스들을 처리하여 실행 가능한 애플리케이션 또는 배포 가능한 형태로 변환하는 과정입니다. 개발자가 작성한 소스 코드와 필요한 리소스(이미지, CSS 파일, 데이터 파일 등)를 컴파일, 번들링, 최적화 등의 작업을 통해 실행
노드와 엘리먼트 비교
노드(Node)는 DOM(Document Object Model)에서 문서 내 모든 개체를 나타내는 일반적인 용어입니다. DOM은 웹 페이지 내의 모든 HTML, XML 및 XHTML 요소를 객체 모델로 나타냅니다. 노드는 문서 내 모든 항목을 나타내며, 이들은 다음과
TypeScript메모
Type Script를 vscode에 설치nodejs로 전역으로 typescript 패키지를 설치npm install -g typescripttsconfig.json파일을 생성해당파일에서 컴파일 설정과 자바스크립트 버전설정등을 할수있다tsc --init컴파일 방법변경시