타입스크립트에서는 Type을 정의를 할수가 있는 Type aliases 와 Interface가 있습니다. type aliases 는 단어 그대로 type에 대한 별칭을 선언을 할수가 있습니다. 예를들어 // string 타입을 이용때 const name: string = 'cafejun'; // 타입 별칭을 사용한때 type MyName = string; const name: MyName = 'cafejun'; 위 코드와 같이 string 뿐만아니라 number,boolean 등 기본타입을 따로 별칭을 선언할수도 있고 interface,object,Array,Tuple등 참조타입 에서도 별칭을 부여할수도 있습니다. 참조 타입을 예를 들면 만약에 아메리카노를 만들기위해 makeCoffee를 함수를 호출을 ..

AWS 서비스를 이용하면서 가장 많이 접근해본 서비스가 무엇이냐고 물어보면 필자는 S3 라고 말을 했을것이다. 물론 회사에서 다양하게 사용을 해서 그럴수 있지만 가장 안전하고 많은 데이터를 저렴한 비용에 저장하고 관리를 할수있다는 장점에서 사용을 한다. 여기서 S3 에 대해서 설명하자면 S3 (Simple Storage Service) 이란 다양한 기능이 있지만 S3 서비스는 스토리지 서비스 이다. 여기서 중요한 점은 블록,파일 단위가 아닌 객체 스토리지 이다. 객체 스토리지를 사용한다는것은 데이터의 저장 및 액세스(접근)이 용이하다는 장점이 있다. 객체 스토리지가 이해하기 힘들어 각 블록,파일,객체 스토리지에 대한 특징을 살펴 보았다. 파일 스토리지란 파일 수준의 스토리지이다. 즉 파일단위로 데이터가 ..

이번 블로그에서는 macBook Pro 를 구매한 기념으로 HomeBrew 를 이용하여 Mysql 를 설치해보도록 하겠습니다. 우선 macOS 에서도 Mysql 공식 홈페이지에서 설치 파일을 다운로드를 받아 설치가 가능하지만 macOS 에서 제공하는 유용한 도구를 이용한다면 빠르게 구축이 가능합니다. Mysql 를 HomeBrew 로 설치하기 위해서는 당연히 HomeBrew 가 설치 되어 있어야 합니다. HomeBrew 설치는 아래사이트에서 자세하게 나와있어 참고하기 바랍니다. https://nhj12311.tistory.com/28 맥북(맥os) brew 설치와 사용법 맥북에 brew를 설치하는 과정의 포스팅입니다. 아주 간단합니다. 일단 brew로 구글에 검색해보면 Homebrew 홈페이지가 나옵니다..

//2021년 2월 21일 정리 타입스크립트에는 기본 타입,객체 타입,기타타입이 있습니다. 기본타입 기본 타입은 보편적으로 많이 사용하는 내장 타입으로 아래와 같은 타입을 지원합니다. string number boolean enum // 문자열 const str: string = 'hello'; // 숫자 const num: number = 10; // 블리언 const bol: boolean = true; // enum: 고정값으로 넣어둘수 있습니다. enum WeekDay {Mon,Tue,Wed,Thu} let day: Weekday = WeekDay.Mon; 객체타입 객체 타입은 속성을 포함하고 있어서 호출 시그니처,생성자 시그니처 등으로 구성되어 있습니다. Array Tuple Function I..

2021.02.19 작성 타입스크립트에 대한 관심이 높아지면서 공식 홈페이지에서 문서도 찾아보고 강의를 들은 내용을 정리해야겠다는 생각이 들어 관련 카테고리를 하나 더 만들었습니다. 타입스크립트 홈페이지에서는 핸드북이 정말 상세하게 작성되어있도 타입스크립트 로 작성된 코드를 자바스크립트 로 변환을 하는 Playground 로 제공이 됩니다. 필자는 인프런에서 캡틴 판교님의 강의를 수강하면서 직접 테스트를 해보고 관련 서적을 찾아본 내용을 정리하고 합니다. Why is Typescript 타입스크립트를 사용하기 전에 왜 사용할는 걸까? 자바스크립트에는 typeof로 value의 데이터 타입을 반환하는 연산자가 있다고 해도 동적타입특성상 어떤값이 할당이 될지 힘듭니다. 아래의 코드를 확인해 합시다. /** ..

클래스형 컴포넌트 앞써 보았던 App 컨포넌트는 함수형 컴포넌트이며 코드가 다음과 같이 이루어져 있습니다. function App() { const name = "React"; return ( {name} ); } export default App; 컴포넌트를 선언하는 방식은 두가지 입니다. 하나는 함수형 컴포넌트이고 또 다른 하나는 클래스형 컴포넌트입니다. App.js 컴포넌트를 다음과 같이 변형시켜 봅시다 import React, { Component } from "react"; class App extends Component { render() { const name = "react"; return {name}; } } export default App; 클래스형 컴포넌트로 바꿔였지만 역활은 이전..