프로젝트 설명 맛집을 기록하고 기록한 내용을 공유하는 앱을 만드는 프로젝트이다 그럼 프로젝트를 생성해보도록한다 프로젝트의 구조를 먼저 구상해보자 front App.tsx src navigation AuthStackNav...

리터럴 타입(readonly)과 프리미티브 타입 타입스크립트에서는 string, number 등과 같이 포괄적인 타입에도 명확한 값(리터럴 타입)을 설정하는것이 가능하다 예를들어 아래와 같이 name을 let으로 선언했을경우 string타입이라는 포괄적인 의미를 가지고있는 primitive type을 갖는다 1 2 let name = '홍길동';...

Typescript 인터페이스 인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미한다. 타입스크립트에서의 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의할 수 있다 객체의 스펙(속성과 속성의 타입) 함수의 파라미터 함수의 스펙(파라미터 타입, 반환 타입 등) 배열과 객체를 접근하는 방식 클래스 인터페이스 사...

Typescript 데이터 타입 타입스크립트로 변수나 함수와 같은 자바스크립트 코드에 타입을 정의할 수 있다 대표적인 데이터 타입들을 알아보자 String : 자바스크립트 변수의 타입이 문자열인 경우 하기 코드와 같이 선언한다 1 let name: string = "bts"; // 문자열의 값을 갖는다 ...

구조 분해 할당이란 객체와 배열은 자바스크립트에서 가장 많이 쓰이는 자료 구조이다 키를 가진 데이터 여러 개를 하나로 사용할 때 객체를, 각 컬렉션에 데이터를 순서대로 저장할 땐 배열을 사용한다 그러다보니 함수에 객체나 배열을 전달해야 하는 경우가 생긴다 또한 객체나 배열에 저장된 데이터 전체가 아닌 일부만 전달이 필요한 경우가 생기기도 한다. ...

Call 함수란 먼저 Call을 사용하기전에 왜 사용하는지를 알아보자 모든 함수는 실행할때 함수 앞에 작성한 오브젝트를 this로 참조한다 하기 코드를 보자 위 코드처럼 현재 함수를 실행하는곳이 어느 위치(오브젝트)냐가 즉 this가 되고 this에 따라 함수 결과값이 달라진다 그럼 어떻게 해야 데이터 중심적인 결과를 도출할 수 있을까? ...

Map 함수란 Map함수는 콜백 함수를 이용해 각각의 요소에 호출해서 그 값을 변환할 수 있게 해준다. 다시 말하자면 콜백 함수는 배열의 각 요소에 실행된다 예를들어 간단한 예제 코드를 보도록한다 먼저 다음과 같은 배열 요소가 있다고 가정해본다 [단순한 Javascript 배열] 1 2 //배열 arr을 만들고 1~5 까지 숫자를 넣어둔...

Typescript개요 타입스크립트는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. C#의 리드 아키텍트이자 델파이, 터보 파스칼의 창시자인 Anders Hejlsberg가 개발에 참여한다. 클라이언트 사이드와 서버 사이드를 위한 개발에 사용할 수 있다. 타입스크립트는 자...

vue의 기본 구조 SPA와 Router Vue 기반 애플리케이션은 흔히 SPA(Single Page Application, 한 화면으로 구성된 애플리케이션을 말한다)로 구성되는데, 이때 한 페이지 내에서도 다른 페이지로 이동할 필요 없이 마치 여러 개의 페이지가 있는 듯한 방식으로 작동하게 해 주는 것이 바로 Vue Router이다. 이는 보통...

Spread Operator 전개 연산자는 ES6이후부터 사용할 수 있는 문법으로 배열 또는 객체를 하나하나 넘기는 용도로 사용된다 배열, 문자열과 같은 반복 가능한(iterable) 요소 앞에 사용해서 배열의 개별 요소를 다른 배열이나 함수의 인자로 펼쳐서 넘기는게 가능하다 객체에 대해 전개 연산자를 사용하면 객체의 속성을 넘기는 것도 가능하며 ...