개발일지/항해 99
-
[항해 99 주특기] 심화강의 통신개발일지/항해 99 2023. 7. 3. 16:02
Json-sever BackEnd에서 아직 준비가 덜 될을 때 테스트를 해야하는 상황이 있을텐데 이때 테스트용으로 사용하는 서버가 json sever이다(패키지) 사용법 1. 설치 yarn add json-server 이후 src 밖에서 db.json file을 만들고 데이터를 입력해 넣으면 된다 (객체형태) 궁금증 1) 이게 JSON방식인가? JSON 방식이란게 정확히 뭘까?? 2. 실행 yarn json-server --watch db.json --port 3001 이후 접근할 떄는 /post 이런식으로 url에 적어서 접근하면 됨 HTTP 프로토콜 웹통신 클라이언트와 서버가 서로 데이터를 주고 받는 것이다. 이때 우리는 어떤방식으로 주고받을지에 대해서 약속을 해서 그 방식으로만 데이터를 주고 받는데..
-
[항해 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 습관 기본적..