분류 전체보기416 [ TypeScript ] Interface & Intersection Type type vs interface 타입 별칭과 인터페이스의 가장 큰 차이점은 타입의 확장 가능 / 불가능 여부이다. 인터페이스는 확장이 가능한데 반해 타입 별칭은 확장이 불가능합니다. 따라서, 가능한 한 type 보다는 interface로 선언해서 사용하는 것을 추천합니다. Interface 사용법 기본 정의 interface Person { name: string; age: number; } const person1: Person = { name: 'js', age: 20 }; const person2: Person = { name: 'ljs', age: 'twenty' }; // Error 선택 속성 interface Person { name: string; age?: number; } const pe.. 2023. 1. 17. [ TypeScript ] Union 타입 & Type Alias (사용자 정의 타입) OR 연산자 ( A || B ) printOut함수는 input 파라미터를 받아서 해당 파라미터를 출력해 준다. const printOut = (input: string | number) => { // 문자열 또는 숫자형이 올수있다. console.log(input); } printOut('문자열'); // 문자열 printOut(20); // 20 printOut(true); // Error typeof toFiexed()는 소수에 사용된다. typeof을 사용하여 number일 경우와 string일 경우를 조절해 줄 수 있다. function getAge(age: number | string) { if (typeof age === 'number') { age.toFixed(); return age; .. 2023. 1. 16. [ TypeScript ] 타입 표기 (Type Anotation) String let str: string = 'TypeScript'; //str 변수 선언 str = 123 // Error str = true // Error str = undefined // Error Number let num: number = 6; //num 변수 선언 let hex: number = 0x288; // 0x는 16진수로 만들어준다 let binary: number = 0b1010; // 0b는 2진수로 만들어준다. let octal: number = 0o288 // 0ㅐdms 8진수로 만들어준다. Boolean let isTrue: boolean = true; Array (배열) let arrNum : number[] = [1,2,3]; let arrStr : string[] = .. 2023. 1. 16. [ TypeScript ] TypeScript 기초 다지기 및 파일 생성 TypeScript VS JavaScript Time TypeScript는 변수의 타입이 컴파일타임에 결정된다. JavaScript는 변수의 타입이 런타임에 결정된다. 컴파일타임? 런타임? 컴파일 타임 (Compile time): 작성한 소스코드가 어떠한 것(js, binary 등)으로 변환되는 과정 런타임(Runtime): 프로그램이 실행되는 과정 TypeScript를 왜 쓸까? 장점 단점 TypeScript 1. Microsoft에서 만들었고 꾸준히 업데이트를 한다. 2. 생태계가 크다. 3. Microsoft에서 개발한 VScode와 잘 맞는다. 4. 대부분의 Library에서 타입 정의 파일을 제공한다. 5. 유지보수가 JS보다 유리하다. 1. JavaScript에 비해 어렵다. JavaScrip.. 2023. 1. 16. [ WIL ] 내일배움캠프 11주차 보호되어 있는 글 입니다. 2023. 1. 15. [ ReactNative / KPT ] 동네북 프로젝트 회고 동네북 프로젝트 기간: 2022.1.20 - 2022.1.30 프로젝트 S.A. KEEP 팀원들과 프로젝트 기간 동안 소통이 잘 돼서 git push, pull, merge가 큰 문제없이 잘 이뤄져서 좋았던 것 같다. PROBLEM 마지막날에 UX부분적으로 개선을 하려고 했지만 기능 구현을 마무리 짓다 보면 UX에 작은 아쉬음들이 남았다. TRY 다음 프로젝트에 기회가 된다면 발표 이틀 전에 프로젝트 완료를 목표로 하고 하루정도는 UI/UX개선에 신경을 써서 완성도를 높여보고 싶다. FEEL 한 사람이 맡은 기능이 아직 구현이 되지 않았을 때 그 팀원을 마냥 두는것이 아니라 함께 힘을 보아 문제점을 찾고 끝내 해결해 내는 모습이 멋졌던 것 같다. 2023. 1. 13. [ 스파르타 / TIL ] 내일배움캠프 #54 오늘 한 것 전체 코드정리 닉네임 수정 프로필 수정 2023. 1. 12. [ 스파르타 / TIL ] 내일배움캠프 #53 오늘 한 것 회원가입, 로그인 구현 2023. 1. 11. [ 스파르타 / TIL ] 내일배움캠프 #52 오늘 한 것 React Native 프로젝트 계속 진행 Express 사용해서 SQL 데이터 추가 및 출력하기 오늘의 배움 에러 Invariant Violation: Text strings must be rendered within a component 해결: 버튼은 로 감싸 주고 안에 text는 로 써줘야 한다. React Native 탭에서 특정 화면 보이지 않게 하기 로그인이 되어있지 않은 상태에서 하단 탭들은 눌러지지만 MyPage에서는 로그인하시겠습니까를 구현하면서 어떻게 코드를 써야 할지 고민이 되었다. 로그인을 하지 않았을 때 MyPage를 터치하면 alert가 뜨게 해 줬다. 리액트 네이티브에서 제공해주는 Alert를 사용했다. import { Alert } from 'react-nativ.. 2023. 1. 10. 이전 1 ··· 8 9 10 11 12 13 14 ··· 47 다음 728x90
