화살표 함수 VS 람다 함수 람다 함수 일반함수 기본형 (함수명 포함) function 함수명(){ 함수 로직 } function honey(){ console.log("hi"); } 익명함수 기본형 (일회용, 함수명 미포함) 익명함수는 메모리를 차지하지 않아 일회용으로 많이 사용된다. ⇒ 불필요한 메모리를 줄일 수 있다. 변수에 주로 담겨서 많이 사용된다. (리터럴 방식) function() { 함수 로직 } const honey = function (){ console.log("hi"); } 익명함수는 호이스팅 시 위로 올라가지 않고 익명 함수를 저장한 변수만 올라가게 된다. 일반 함수일 땐 정상적으로 호이스팅되어 에러 발생X 💡 호이스팅 : 인터프리터가 코드를 실행하기 전에 함수, 변수, 클래스 또..
let a = "hello"; // 타입 추론으로 형 명시 let b : boolean = false; // 타입을 명시적으로 명시, 비추 let c : number[] = []; // 숫자형 배열 선언, 이런식으로 추론 불가일때 명시 표현 타입 모든 객체가 name요소 존재, 몇 명만 age요소가 존재할 때 // 객체의 형 명시 const player : { name:string, age?:number // ?를 붙이면 undefined일 수도 있음 명시 } = { name:"Honey" } if(player.age && player.age < 10) { //age가 undefined일수도 있기 때문에 보호장치 } 더 나은 코드, 별칭 생성 type Player = { //첫 글자는 대문자 name:s..
인터페이스 타입이랑 비슷함 (타입 체크를 위해 사용) 상호 간에 정의한 약속 혹은 규칙을 의미 just 객체의 모양을 TS에게 알려주기 위해 사용 직접 인스턴스를 생성할 수 없고 모든 메서드가 추상 메서드이다. 사용이유 타입의 이름을 짓고 코드 안의 계약을 정의 프로젝트 외부에서 사용하는 코드의 계약을 정의하는 강력한 방법 객체의 스펙(속성과 속성의 타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입 등) 배열과 객체에 접근하는 방식 클래스 프로퍼티 컴파일러가 검사하는 프로퍼티의 두 가지 요소 필수요소 프로퍼티의 유무 프로퍼티 타입 예약어로 프로퍼티를 세밀하게 컨트롤 가능 ? : Optional Properties readonly : 읽기 전 type Team = "red" | "blue" | "y..
대괄호 => [] list를 나열 할 때 list의 인덱스를 지정해줄 때 ex) mise[0], mise[1] 중괄호 => {} 템플릿 리터럴을 만들때 백틱 + 플레이스 홀더 ${key}님 안녕하세요 JSP 플레이스홀더 \\${key} HTML 플레이스 홀더 ${key} 객체 리터럴(dictionary)를 만들 때 {'key': 'value'} style tag를 적용해줄 떄 ex).commet { 적용해줄 것 } 특정 function에 대해 정의해줄 때 ex). function openclose() { 실행 할 것 } for문의 조건문 뒤에 실행할 것을 적어 줄 때 for (i=0; i b ) { 실행 할 것 } 소괄호 => () for문의 특정 조건을 적어줄 때 ex) for (i=0; ib ) jq..
undefined : null undefined 은 변수를 선언하고 값을 할당하지 않은 상태, null 은 변수를 선언하고 빈 값을 할당한 상태(빈 객체)이다. 즉, undefined는 자료형이 없는 상태이다. 따라서 typeof를 통해 자료형을 확인해보면 null = object undefined = undefined 가 출력되는 것을 확인할 수 있다.
Node.js 환경에서 타입스크립트 시작하기 $ npm init -y // package.json 파일 생성 $ npm install -D typescript // 타입스크립트 설치 $ touch tsconfig.json // 타입스크립트 설정 파일 생성 (파일명 변경 불가) $ npm run build // typescript -> javascript 빌드 $ npm i -D ts-node // 빌드없이 실행 시켜주는 모듈, 개발환경에서만 사용 $ npm i nodemon // 자동으로 커맨드 재 실행 package.json { "name": "typechain", "version": "1.0.0", "description": "", "scripts": { "build": "tsc", "dev": "n..
💡 Strongly typed(강타입) 프로그래밍 언어 작성된 코드가 자바스크립트로 변환됨 타입스크립트란? 1.TypeScript는 JavaScript에 추가적인 구문을 추가하여 editor와의 단단한 통합을 지원합니다. editor에서 초기에 오류를 잡을 수 있다. TypeScript 코드는 JavaScript가 실행되는 모든 곳(브라우저, Node.js 또는 Deno 및 앱 등)에서 JavaScript로 변환될 수 있다. TypeScript는 JavaScript를 이해하고 타입 추론(type inference)을 사용하여 추가 코드 없이도 훌륭한 도구를 제공한다.
함수를 Promise로 표시 후 async하고 await을 사용하여 React 구성 요소에서 직접 데이터를 가져올 수 있다. async및 await 서버 구성 요소에서 데이터를 가져오는 데 사용할 수 있다 async function getData() { const res = await fetch('...') // The return value is *not* serialized // You can return Date, Map, Set, etc. // Recommendation: handle errors if (!res.ok) { // This will activate the closest `error.js` Error Boundary throw new Error('Failed to fetch data'..
