솔적솔적

안녕하세요, 리액트 셋팅부터 홈페이지를 만들 때 사용하는 기능등을 알아가려해요. 요즘은 리액트가 대세라고 곳곳에서 리액트를 쓰고있다고 합니다. 다들 리액트를 배우려는 이유는 Web app을 만들기 위해서! web app이 뭔데? Instagram, Vibe 이런 사이트들 우리가 다 사용! 이걸 web app이라고 하며. 이 web app을 사용하면 포스팅을발행하거나 다른 페이지로 넘어갈 때 새로고침을 굳이 안해도 자연스럽게 요청한 화면이 나오게 됩니다. web app을 사용하는 이유를 말해보자면 1. HTML 관리가 보다 편리, 2. 전환율 높음, 3. 리액트 문법으로 IOS/Android 모바일 앱제작도 가능, 4. 자바스크립트를 쓰지만 리액트를 쓴다면 더 간결명료한 코드로 구현가능, 5. 가독성이 좋..

이번 시간에는 Literal Types에 대해서 알아보자. 내가 어떤 변수를 만들 때 딱 5라는 값만 갖게 제한을 두고 싶으면 어떻게할까요? 네, const 변수를 사용하면 되지요. 근데 "흠~ 5아니면 6만 가질 수 있게 하고 싶다." 라면 어떻게 할까요? 그 변수에 number 이러 식으로 타입을 정해준다면 모든 숫자들을 넣을 수 있으니깐 범위가 커지게될 것인데.. 이럴 때 쓰는 변수가 바로 Literal type을 사용합니다. | Literal Type 만드는 법 let 짱아 : '아기'; let 짱구 : '어린이'; 지금까지 number, string, boolean 이런 것들만 타입을 지정할 수 있는 것이 아니라, 이렇게 내가 정한 것도 변수 또는 함수에 할당할 수 있습니다. 짱아란 변수는 '아..

안녕하세요, 저번시간에는 타입을 확실히 하나만 지정할 수 있는 방법으로 Narrowing과 Assertion을 배워봤습니다. 타입스크립트를 사용할 때 (number | string | undefined) 이런 식으로 사용하잖아요? 이렇게 긴 걸 또 타입스크립트에서는 타입을 변수에 넣어서 사용할 수 도 있습니다. 🍖 type alias (타입변수) 🍖 object readonly 속성 🍖 type alias extend 하는 법 익히기 |타입 정의가 너무 길면 Type Aliases (별칭) 코드를 짜면서 let 민철이 :string | number | undefined; 이렇게 길게 타입을 계속 쓰는 경우가 있는데, 이걸 길게 안보고 간략하게 재사용할 수 있도록 변수에 넣었는 방법이 있습니다. type이..

안녕하세요, 지난 시간 Part1에서 자바스크립트 개념, 쓰는 이유, 몇가지 타입종류에 대해서 알아봤는데요, 이번에는 "애매모호 것들은 가라!"하는 Narrowing과 as 타입을 사용할 때 등 그 때 사용하는 또 다른 문법들에 대해서 알아보도록하겠습니다. function 내함수(x :number | string){ return x + 1 //에러남 } 이 함수가 왜 에러가 나는지 아십니까? 이유는 Operator '+' cannot be applied to types 'string | number' and 'number' string | number 같은 union type 에는 일반적으로 조작을 못하게 막아놨기 때문이죠, 애매모호한 것은 타입스크립트 아안에 있을 수 없으니 타입을 조건식으로 만들어서 ..