Frontend 개발자 - hyo.loui

🎯목적 : 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..

❤️‍🔥TIL : Today I Learned 리덕스의 정의 리덕스의 핵심요소 리덕스의 흐름 Redux 란? 프론트엔드 개발자들은 “리덕스”를 전역 상태관리 라이브러리 라고 많이 표현한다. 전역 상태, 즉 Global State를 의미하고 그것을 관리하게 도와주는 라이브러리 (패키지) 이기 때문이다. 리덕스 핵심 요소 Action: State가 변하는것. “무엇이 일어날지” Reducer: 변화를 일으키는, 즉 데이터(state)를 수정하는 함수. action을 통해 어떠한 행동을 정의했다면, 그 결과 어플리케이션의 상태가 어떻게 바뀌는지는 특정하게 되는 함수이다. Store: action과 action에 따라 상태를 수정하는 reducer를 저장하는 어플리케이션에 있는 단 하나의 객체. 스토어는 Sta..

❤️‍🔥TIL : Today I Learned https://youtu.be/0-aYlQErLa8 작업 컴포넌트 구조 App.jsx/ pages/ Header.jsx Input.jsx TodoList.jsx App.jsx 메인이 되어 하위 컴포넌트를 모두 가지고있는 컴포넌트, 기본 state를 (데이터 테이블)갖고 있게 하여 하위 컴포넌트에 state를 props 전달하였다 (컴포넌트 폴더) pages/ Header.jsx children 활용하여 하위 컴포넌트에 text 를 내려주는 컴포넌트 Input.jsx input 박스의 변화(타이핑)를 감지하여 onChange 함수를 실행하게 하고, 감지한 값을 setState로 넣는다. 여기서 어려웠던 부분은 buttonClickSubmit 이였다. 새로고침 ..