본문 바로가기

분류 전체보기451

Dispatch, useSelector(), fragment Dispatch : state 를 변화시키는 방법. 스토어의 reducing function은 최신 getState() 결과를 호출하고 호출 시 발생하는 action을 가져다준다. 이것의 결과값은 다음 state에 영향을 준다. useSelector() : 리덕스 스토어 상태에서 데이터를 추출할 때 사용하는 function. const result:any = useSelector ( selector:function, equalityFn?:function ) fragment : React의 일반적인 패턴은 컴포넌트가 여러개의 요소를 반환하는 것이다. fragments를 사용하면 DOM에 별도 노드를 추가하지 않고 자식 목록을 그룹화할 수 있다. 위는 fragment를 선언하기 위해 사용할 수 있는 짧은 구.. 2021. 7. 14.
210713 Facts (사실, 객관) : 코드숨 개인프로젝트 3주차 (Todo 기능 만드는중,, add 버튼 구현) Feelings (느낌, 주관) : add 버튼 구현하는데에만 두시간이 걸렸다,,, 모르는게 너무 많아서 모르는 것들을 찾아가면서 해서 그런지 기능 하나 구현하는데 오래걸리는것같다,,ㅜ.ㅜ 그래도 이번에도 얼레벌레 넘어갈수도 있었던 부분들을 제대로 짚고 넘어가니 확실히 제대로 공부하는(?) 느낌이 든다. Findings (배운 점) : fragment를 선언하기 위해 사용할 수 있는 짧은 구문이라고 불린다는 것을 알게 되었다. 자바스크립트의 기초인 함수, 함수 선언, 매개변수에 대해서 찾아보았다. 2021. 7. 14.
Redux, Redux Toolkit, Reducers, actions Redux : 리덕스는 자바스크립트 어플리케이션을 위한 예측가능한 상태 컨테이너이다. 클라이언트, 서버 및 기본 환경에서 실행되며 테스트하기 쉬운 어플리케이션을 작성하는데 도움이 된다. 리액트 혹은 다른 뷰 라이브러리(?) 함께 사용할 수 있다. Redux Toolkit : 리덕스 툴킷 패키지는 리덕스 로직을 쓰기 위한 공식 방식이다. 만들어진 이유? 1. 리덕스 스토어가 너무 복잡해서 2. 뭔가 유용한 것을 할 때(?) 리덕스에서 너무 많은 패키지들을 가져와야하기 때문에 3. 리덕스에 너무 많은 공통 코드가 있어서 Reducers : 현재 state와 action을 인수(arguments)로 받아 새로운 state를 리턴한다. (state, action) => newState actions : type.. 2021. 7. 13.
210712 Facts (사실, 객관) : 코드숨 개인프로젝트 3주차 Feelings (느낌, 주관) : 기본 개념이 없는데다가 강의를 듣고 제대로 정리를 안하다보니까 똑같은 기능을 구현하는데에도 시간이 오래 소요되는것같다. redux, reducer, actions 어려워 죽것다,, 지금이라도 다시 하나하나 찾아보고 정리하고,, 공부하면서 프로젝트를 진행하려니까 너무 벅찬것같다,,, 플젝 기간이 반이나 지났는데도 온전한 기능을 하나도 구현하지 못했다,, Findings (배운 점) : redux, reducers, actions에 대해서 다시 공부했다. 항상 찾아보고 다음에 또 쓸 때 까먹는거,, vscode 단축키! 원하는 부분 선택하고 어디 컴포넌트에서 사용되었는지 검색해볼때!!! command + shift .. 2021. 7. 13.