본문 바로가기

typescript5

0050. 실전 FE 개발 배우기7 - 로그인 화면 만들기, TextInput의 다양한 옵션 사용하기(Feat. 진짜 개발 시작!) 섹션 1. 리액트 네비게이션 3강. 로그인 화면 만들기 칠드런이 하나만 오는 때가 생기는데, 그때는 Tab.Group을 사용해서 묶어주면 된다. 이렇게 프레그먼트로 묶어주는 것과 같은 이치다. 이렇게 쓰고 이메일을 입력하라는 부분을 누르면 키보드가 올라온다. TextInput을 썼기 때문 알림을 뜨게 만드는 Alert.alert 이제 꾸미기만 하면 된다. import React, { useCallback, useState } from "react"; import { Alert, Pressable, StyleSheet, Text, TextInput, View } from "react-native"; function SignIn() { const [email, setEmail] = useState(''); .. 2024. 1. 25.
0046. TypeScript 공부하기6 - 타입 좁히기, 서로소 유니온 타입 섹션 3. 타입스크립트 이해하기 7강. 타입 좁히기 1) 타입 좁히기 조건문 등을 이용해 넓은 타입에서 좁은 타입으로 타입을 상황에 따라 좁히는 방법을 말한다. value가 number면 toFixed, value가 string이면 toUpperCase를 쓰도록 한다. value의 타입이 number | string이지만 둘 다 사용이 가능하지는 않다. 둘 중 하나로 명확하게 표현을 해줘야 한다. // value => number : toFixed // value => string : toUpperCase function func(value : number | string) { if(typeof value === "number") { //→ 타입가드, 다른 타입이 들어오는 것을 막음 console.log.. 2024. 1. 23.
0044. TypeScript 공부하기4 - Any, Unknown, Void, never, 업캐스팅/다운캐스팅(Feat. 타입 계층도, 타입 호환표) 섹션 2. 타입스크립트 기본 7강. Any 타입과 Unknown 타입 1) Any 특정 변수의 타입을 우리가 확실하게 모를 때 사용할 수 있는 타입 type 검사를 모두 다 통과하는 치트키 같은 타입 let anyVar: any = 10; anyVar = "Hello" anyVar = true; //불리언 anyVar = {}; //객체 anyVar = () => {}; //함수 anyVar.toUpperCase(); //문자열에 쓰는거 anyVar.toFixed(); //숫자형에 쓰는거 let num: number = 10; num = anyVar; 숫자, 문자 모두 쓸 수 있고, 함수 또한 모두 쓸 수 있다. 심지어 Any type에 숫자를 집어넣을 수도 있다. 하지만, 타입 검사를 하지 않고 넘어가.. 2024. 1. 22.
0041. TypeScript 공부하기1 - 타입스크립트 개론, 동작 원리, 컴파일러 옵션 설정하기(Feat. 한입 크기로 잘라먹는 타입스크립트) 필자가 자꾸 강의를 왔다 갔다 해서 독자분들이 헷갈리실지 모르겠다. 하지만, 듣다 보면 필요한 것이 생겨서 어쩔 수가 없다. 누가 처음부터 짜주는 코스를 따라가는 것이 아니라, 필요한 것을 찾아가다 보니 발생하는 시행착오 같은 상황이다. 필자가 다 듣고 정리하려고 한다. 저도 이러고싶지 않았습니다.. 이번에 들을 인프런 강의이다. 강의제목 : 안 입 크기로 잘라먹는 타입스크립트(OneBite TypeScript) 1/4 정도 들은 의견으로는 강사분이 설명을 잘하신다. 강의가 전체적으로 깔끔해서 매우 좋았다. 섹션 1. 타입스크립트 개론 1강. 타입스크립트를 소개합니다. 1) TypeScript 2012년 오픈소스로 공개 타입스크립트 = 자바스크립트의 확장판 자바스크립트를 더 안전하게 사용할 수 있도록 ".. 2024. 1. 19.
0037. Front-end 공부하기 : 중간점검(강의 수강 순서, 아쉬운 점 등) 지금까지 수강한 강의들과 수강할 강의들을 살펴보고 얼마나 배웠는지, 얼마나 배울 것이 남았는지를 확인해보려고 한다. 그리고 배우는 순서가 생각보다 중요하기 때문에 중간에 계속 체크하는 것이 좋을 듯싶다. 아래의 강의들은 모두 인프런의 강의들이다. 1. 현재까지 수강한 강의 1) 처음 만난 리액트(62강, 5시간 15분) 처음 만났기 때문에 수강하는데 매우 오래 걸렸다. 기본적인 자바스크립트에 대한 이해가 없으면 미리 JS 강의를 듣고 오는 것을 추천한다. 그래도 모르는 상태에서라도 코드를 쳐보고 실습해 보는 것이 좋았던 강의이다. 2) 생활코딩 - 자바스크립트(JavaScript) 기본(102강, 14시간 2분) 강의가 길고 상세한 것은 좋았다. 하지만 버전이 너무 옛날 버전(10년 전 강의)이라서 과거.. 2024. 1. 11.

티스토리툴바