본문 바로가기

전체 글85

Redux Toolkit(Feat. Flux Pattern) # 리덕스툴킷이란? 1) 리덕스툴킷 리덕스 툴킷은 리덕스를 개량한 것으로 생각하면 된다. 리덕스를 사용하기 위해 작성했던 ducks 패턴의 요소들이 전체적인 코드의 양을 늘린다는 개발자들의 불만이 발생하기 시작했고, 리덕스 팀에서는 이것을 수용하여 코드는 더 적게, 그리고 리덕스를 더 편하게 쓰기 위한 기능들을 흡수해서 만든 것이 리덕스툴킷이다. 줄여서 RTK 라고도 한다. 2) 새로운 것인가? 아니다. 리덕스 툴킷은 우리가 배웠던 리덕스와 구조나 패러다임이 모두 똑같다. 즉 새로운 것이 아니다. 리덕스의 전체 코드의 양을 줄이기 위해 새로운 API가 추가되었고 일일히 손으로 만들어 줘야 했던 ducks 패턴의 요소들이 어느정도 자동화 되었다. 컴포넌트에서 useSelector를 통해서 사용하는 것은 모.. 2023. 4. 24.
TodoList_Lv2 Lv2 과제의 조건은 react-router-dom, styled-components, redux를 사용해서 TodoList를 제작하는 것이다. 구현해야 될 기능은 다음과 같다. Create Todo Read Todos, Todo Update Todo Delete Todo 요구사항은 다음과 같다. todos 데이터는 리덕스를 사용해서 전역으로 상태를 관리한다. todos 모듈은 Ducks 패턴으로 구현한다. Todo를 추가하면 제목 input과 내용 input은 다시 빈 값이 되도록 구현한다. input에 값이 있는 상태에서 상세페이지로 이동하는 경우, input의 value가 초기화 되도록 구현한다. Todo의 완료상태가 true이면, 상태 버튼의 라벨을 “취소”, false 이면 라벨을 “완료” 로 .. 2023. 4. 21.
JSON이란?(NoSQL 데이터 설계를 위한 기초지식) # JSON이란? 1. 개념 JSON : JavaScript Object Notation 자바스크립트 객체 문법에 토대를 둔, 문자 기반의 데이터 교환 형식 2. 구조 일반적인 JSON 구조는 자바스크립트 객체 리터럴 작성법을 따른다. 자바스크립트의 원시 자료형인 문자열, 숫자, 불리언을 가질 수 있고 중첩된 계층 구조 또한 가질 수 있다. { "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members": [ { "name": "Molecule Man", "age": 29, "secretIdentity": "Dan Jukes", "po.. 2023. 4. 20.
REST(Path Variable vs Query Parameter) # REST API란? 1. 개념 REpresentational State Transfer의 약자로서, 어떤 자원에 대해 CRUD를 진행할 수 있게 HTTP Method(GET, POST, PUT, DELETE)를 사용하여 요청을 보내는 것. 이 때, 요청을 위한 자원은 특정한 형태로 표현된다. 간단히 말하면 “URI를 통해 정보의 자원을(only 자원만을) 표현하고, 자원의 행위는 HTTP Method로 명시한다.” 라고 말할 수 있다. 자원(Resource) : URI 행위(Verb) : HTTP Method 표현(Representations) GET /users/3/profile 위 요청을 아-무 지식이 없는 상태에서 예상해보면, user 중에서 3번 아이디를 갖고있는 사람의 프로필을 줘 라는 것을.. 2023. 4. 20.

티스토리툴바