Frontend 개발자 - hyo.loui

🎯목적 : Type Script Union 유니온|유니언 타입, 정리 및 복습 1. 유니온 타입이란? 타입을 "or 연산자"로 2개 이상 넣을 수 있게 해준다 // Union (A || B) const printOut = (input: string | number) => { console.log(input); }; printOut("hi"); // hi printOut(22); // 22 🧪나의 실험실 // Union (A || B) const printOut = (input: string | number) => { return input; }; const test_ = typeof printOut("hi"); // hi console.log("👉👉 test_", test_); //👉👉 test_ str..

🎯목적 : Type Script 이넘, 정리 및 복습 1. Enum (이넘) 이란? JS에는 없고 TS에만 있는 타입 특정 값들의 집합을 의미하는 자료형 쉽게 말해, 타입형 오브젝트(객체)이다 2. 숫자형 이넘 // 숫자형 이넘 enum Direction { Up = 1, // 시작 number 설정 가능! Down, Left = 200, // 중도 number 표기시 뒤로 작성한 것들은 (+ 1) 이 된다 Right, } console.log(Direction.Up, Direction.Down, Direction.Left, Direction.Right); // 1, 2, 200, 201 const up: Direction = Direction.Up; console.log("👉👉 up", up); // ..

🎯목적 : Type Script 함수 타입 정리 및 복습 1. JS와 비교 JS // js function add(n1, n2) { return n1 + n2; } TS function add(num1: number, num2: number): number { return num1 + num2; } console.log("👉👉 add", typeof add(3, 4)); //👉👉 add number 🧪나의 실험실 // 실험 const one1 = add(1, 2); const two = add(1, "2"); // Error const three = add(1, 2, 3); // Error const four = add(1); // Error // 파라미터에서 return되는 타입이 바뀌는건 불가능 fu..

🎯목적 : Type Script 타입 총정리 및 복습 String Number Boolean Object Array Tuple Enum Any Void Null Undefined Never 1. String (문자형) JS와 마찬가지로 텍스트 데이터 타입을 string으로 표현한다. 작은따옴표('')나 큰따옴표("")로 문자열 데이터를 감싸는데 사용한다 // string let str: string = "Typescript"; // str = 1; // Error // str = true; // Error // str = undefined; // Error let fullname: string = "ABC"; let age: number = 14; let sentence: string = `my name..

🎯목적 : Typescript : (학습노트) 개념 Typescript : 개발 환경 세팅에서 컴파일 과정까지 1. 타입스크립트란? 우리가 기존에 사용하던 javascript는 동적타입 이지만, typescript는 정적타입 이다. 생산성(유지보수)과 편의를 위해 타입을 추가한 언어라고 생각하면 된다. ms 에서 개발하였고, 꾸준히 인기와 수요가 상승하고 있다. 2. Time Javascript는 변수의 타입이 런타임에 결정된다 Typescript는 변수의 타입이 컴파일타임에 결정된다 컴파일타임? 런타임? 컴파일 타임 (compile time) : 작성한 소스코드가 어떠한 것(js, binary 등)으로 변환되는 과정 런타임 : 프로그램이 실행되는 과정 IDE(VS Code)에서는 컴파일 타임에서 에러가..

📝 WIL: Weekly I Learned Work done this week 이번 주 끝낸 일! 티스토리 포스팅 = 매일 TIL 일지 ( 프로젝트 [목표, 오류] 세분화) Project : MZL (MZ-Languagae) = 프로젝트 완성 ( 배포 >> 발표 ) React query 강의 및 실습 = (외부 API 활용) Project review 이번 '왕초보 mz 완성' 이라는 컨셉의 프로젝트는 IOS 와 안드로이드 환경에서의 개발을 동시에 진행 할 수 있는 React-native를 활용한 하이브리드 앱을 만들었다. UI는 낯선 태그들로 다들 복잡하다고 느꼈기 때문에 아주 심플하게 구성하고 로직에 대해 더 집중적인 작업을 진행했다. 기존 프로젝트에서 CRUD 를 구현하면서 회원가입, 로그인 기능에..

왕초보 mz완성 (react-native app) https://github.com/hyoloui/MZL GitHub - hyoloui/MZL: mz-language 100 day's compelete mz-language 100 day's compelete. Contribute to hyoloui/MZL development by creating an account on GitHub. github.com KPT 회고 Keep: 유지해야할 것 커밋컨벤션 지키기 그라운드 룰 잘 지키기 모르는 것 공유하기 지속적이고 원활한 소통하기 프로젝트를 전반적으로 잘 정리하기 Problem: 개선해야 한다고 느끼는 지점 문제 및 해결방안 Task 세분화, 관리 >> 첫 기획부터 칸반보드, 계획표를 작성해 마감기한이 설..

🎯목적 : - expo project 초기 셋업 리뷰 - 브랜치 history 리뷰 - eas update: 배포 과정 - pull request와 컨벤션을 제대로 활용한 협업 경험 🤢 오류 해결 : 좋아요 부분 UI가 다크모드 미적용으로 디버깅 - hotfix branch 활용 1. 프로젝트 초기셋업 프로젝트 시작 전 초기셋업을 내가 진행하게 되어 npx create-expo-app RN-turkey-project 명령어로 Expo 프로젝트를 셋업하여 깃허브 repository에 push 하였다 여기서 혼자 하는 프로젝트라면 eas update를 하여 깃허브와 expo 프로젝트를 연동시킨 후 작업을 하도록 하였겠지만 eas update를 미리 한다면 app.json 파일에 고유 id 가 작성되어 exp..