분류 전체보기
-
[항해 99 주특기] 심화강의 flux아키텍처개발일지/항해 99 2023. 7. 3. 13:22
flux 아키텍처란? 페이스북에서 본인들의 에러를 고치기 위해 만든 아키텍처로써 기존의 MVC 패턴으로는 도저히 극복하지 못했던 것을 극복하기 위해 만들어졌다 구조로써는 단방향으로 흐르는 구조를 가지고있으며( 액션 >> 디스패치 >> 스토어 >> 뷰 ) 이러한 특징으로 인해서 pong game처럼 난잡하게 이루어지던 데이터의 흐름을 정리할 수 있게 되었다. FLUX 패턴에서 데이터의 흐름 1. 준비과정 스토어가 디스패쳐에게 다음 액션들어오면 알려달라한다 컨트롤러뷰가 스토어에게 변경사항 있는지 알려달라해서 없으면 그 내용 그대로를 뷰에게 전달한다 이후 스토어에게 변경사항이 있으면 알려달라고 한다 2. 이후 데이터의 흐름 뷰에서 액션 생성자한테 액션 오면 말해줄테니 준비해 라고 한다 액션이 발생하면서 액션생..
-
[항해 99 주특기] 심화강의 Redux-Toolkit개발일지/항해 99 2023. 7. 3. 11:41
리덕스 툴킷이란? 우리가 redux를 사용하면서조차도 휴먼에러를 낼 수 있는 부분이 있기에 이를 더욱 효율적이고 간단하게 쓸 수 있게 만들어 놓은 package(서드 파티 메서드)이다. 전체적은 구조와 패러다임은 변하지 않았기 떄문에 useSeelctor를 이용해서 state를 불러오거나 state를 저장할때 action value && create 그리고 reducer의 사용 등등 변하지 않았다. 사용법 1. 리덕스 툴킷을 설치하자 yarn add react-redux @reduxjs/toolkit 2. configStore && createSlice - configStore 기존의 store의 생성방식은 rootReducer를 생성하고 combineReducer 메서드를 통해 modules에서 exp..
-
[항해99 회고록] 3주차 주특기 Level-2 과제개발일지/항해 99 2023. 7. 3. 10:24
이번 한 주동안 페어를 이루어서 "이소현"님과 함께 todo-list를 만드는 과제를 진행하였다. 진행 하고 보니 아쉬운점이 몇가지 남았다 하지만 좋았던 기억이 더 많다. 부족했던 점 1. JS 활용 소현님이 실제로 코드에 대해서 생각해내는 부분에서 나보다 훨씬 나은 것 같다. 이에 대해서 js문법에 대해서 조금 부족함이 다시 느껴졌고 하루에 하나씩 코딩테스트 문제를 풀어봐야겠다고 생각했다 (level 낮은거부터...) 2. 코드컨벤션 처음 시작을 하면서 코드컨벤션의 중요성에 대해서 크게 자각을 하지 못하고 진행을 하였기 때문에 아쉬움이 남았다 실제로 Notion을 이용하거나 Gtihub에 organization을 이용했더라면 더 좋았을텐데라는 생각이 많이 남았다. 3. console.log 습관 기본적..
-
[WIL] 07.03 ~ 07..09개발일지/항해 99 2023. 7. 3. 08:48
한 일 cs study 글 3개 (타입스크립트를 쓰는 이유, 이벤트 버블링, 주소창에 주소 입력시에 일어나는 일) + virtual DOM , props state 리액트 redux 및 상태관리 공부 paginagtion UI 및 유효성 검사 완료하기 리액트 강의 기술자편 완강 리액트 다루는 기술 20장 + 블로그 정리 완료 할 일 리액트 다루는 기술 25장 + 블로그 정리 내주제파악 블로그 2개 작성 및 클론코딩 숙제 level 5까지 해보기 리액트 강의 숙련자편 완강