Frontend45 [JavaScript] null 병합 연산자 1. null 병합 연산자 Nullish coalescing operatornull ?? "Right";undefined ?? "Right";"Left" ?? "Right";"Left" ?? undefined; null 병합 연산자, '??'는 좌측의 피연산자가 null 또는 undefined일 때 우측 피연산자의 값을 return 하고그렇지 않은 경우에는 왼쪽의 피연산자의 값을 return 하는 논리 연산자이다. 상단의 예제 코드를 실행해 보는 것으로 null 병합 연산자가 어떻게 동작하는지 파악해 보자.예제 코드를 실행하면, 좌측의 피연산자의 값이 null 또는 undefined인 경우우측 피연산자인 문자열 "Right"라는 값이 return 되는 것을 확인할 수 있고 반대로 좌측 피연산자의 값이 n.. 2024. 6. 21. [TypeScript] 객체 타입 1. 객체 타입 / 비원시 타입① objectJavaScript의 객체 Object의 정의에 맞게 대응되는 타입'any' 타입과 유사하게 모든 타입 값을 유동적으로 할당할 수 있음const player : object = { name: "홍길동", age : 25, isMarried: false}; player 객체의 타입을 object로 지정하고, 이후 name, age, isMarried 속성을 추가하였다.다만 이 방식은 객체 속성의 타입을 지정할 수 없다는 특징을 가지고 있다.② '{ }' JavaScript에서 객체를 생성할 때는 'new Object()' 혹은 '{ }' (객체 리터럴) 방식을 사용한다.이와 마찬가지로 TypeScript에서 변수 타입을 object로 지정할 때o.. 2024. 6. 10. [TypeScript] Data Type's 메모 TypeScript의 Data TypeC, C++, Java와 같은 강타입 언어처럼, 변수 선언 시 타입을 명시할 수 있다.물론 JavaScript처럼 별도의 타입 지정 없이 변수만 선언하는 것도 가능하다.변수 선언 시 타입을 명시하지 않았다면, TypeScript가 자체적으로변수에 할당된 값의 타입에 따라, 해당 변수의 타입을 추론한다. (타입 추론)let a = "hello"; //TypeScript가 자체적으로 변수 a가 string 타입 변수라고 추론한다.a = "Hello World"; //문제 Xa = 10; //Error, //변수 a는 String 타입의 변수라고 파악했는데//number 타입의 값, 10을 할당하려고 시도하면 Error가 발생함.//변수 타입과 값, 데이터의 타입 불일치로.. 2024. 6. 10. [TypeScript] create-react-app에 TypeScript 설치하기 1. 'create-react-app'에 TypeScript 설치하기npx create-react-app my-app 위의 명령어는 React App을 만들 때 사용하는 명령어이다.여기서 아래와 같이 '--template typescript' 추가하면 TypeScript를 같이 설치할 수 있다.npx create-react-app my-app --template typescript설치가 완료되면, 기존에 'create-react-app'으로 생성된 React App 초기 파일에서TypeScript와 관련된 파일이 추가 혹은 변경된 것을 확인할 수 있다.(CRA 기본 프로젝트와 관련된 파일들을 개별적으로 정리한 뒤에 캡쳐한 것이다.)앞에서 다룬 명령어는 React App을 처음부터 생성하는 명령어이다.즉,.. 2024. 4. 20. [JavaScript] Promise 1. Promise 2. Promise 객체 내부 Property 3. '.then()' / '.catch()' / '.finally()' ① .then() ② .catch() ③ .finally() 4. Reference 1. Promise Promise란 비동기 작업을 처리할 때 Callback 함수 대신 유용하게 활용할 수 있는 JavaScript 내장 객체로, 비동기 작업을 수행하고 나서 작업의 성공/실패 여부와 그 결과 값을 나타낸다. const prom = new Promise((resolve, reject) => { //executor, 실행자, 실행 함수 }); 위의 예시처럼 'new Promise()' 연산자를 통해 Promise 객체를 생성할 수 있다. 여기서 Promise 객체를 생성.. 2024. 4. 10. 최대 공약수 구하는 Logic function GetGCD(num1, num2){ let gcd = 1; for (let i = 2; i 2024. 4. 2. 이전 1 2 3 4 ··· 8 다음
