전체 글

📍 그동안은 거의 개인 프로젝트 위주로 하다보니 깃허브 또한 쉽게쉽게 할 수 있었다. 커밋하고 푸쉬하고.. 그런데 처음으로 팀 프로젝트를 진행하면서 팀 레파지토리, 개인 레파지토리 둘 다 관리하려고 하다보니 하루종일 많이 헤맸다. 결국에는 내가 기존에 하던 것과 다르지 않지만 다음에는 헤매지 않기 위해 정리해두려고 한다. ✍🏼 fork로 repository 가져오기 1. 팀 repository를 내 repository로 fork 해온다. 2. create a new fork를 클릭한다. 3. repository 이름을 설정해주고 create fork를 클릭한다. ✍🏼 내 로컬 컴퓨터로 clone 하기 클론(Clone)이란? 깃허브 Repository에 있는 파일을 내 로컬 컴퓨터로 복사해오는 작업 1. ..

💡 시작하며 부트캠프를 시작하면서 꾸준히 하는 활동 중 하나가 '그룹스터디' 입니다. 일단 부트캠프 내에서 매주 그룹스터디를 진행하고 있습니다. 각 조원들의 공통된 주제를 정해 그 주제를 토대로 활동을 하기도 하고 주차별 미션을 통해 다양한 활동을 하기도 합니다. 또한 각 그룹스터디 조마다 멘토님이 계셔서 매주 멘토링을 진행하고도 있습니다. 또 따로 자바스크립트 스터디를 진행하기도 했었는데요. 확실히 조원들과의 커뮤니케이션을 통해 스터디를 진행하니 개발자로서의 역량이 더 높아지는 것 같다는 생각을 했습니다.👍 🙋🏼‍♀️ 그룹스터디 일단 저희 그룹스터디의 주제는 자바스크립트 강의로 기초다지기 였습니다. 매주 정해진 범위의 온라인 강의를 듣고 해당 온라인 강의 내용을 토대로 서로 2개 이상의 문제를 노션에 ..

💡리덕스 미들웨어는 보통 모니터링, 비동기 처리 용도로 사용된다. 1. Redux Middleware란? 액션이 스토어로 dispatch 된 후 리듀서에 도달하기 전과 상태변경이 완료된 후 수행할 중앙집중화된 작업을 지정할 수 있는 함수이다. 단일 스토어로 내부에 등록해서 모든 액션이 스토어를 거쳐가게 한다. 상태 또한 스토어에 저장된다. 1.1 Middleware 전달 과정 1. dispatch(action) 전달한다. 2. 첫번째 미들웨어를 거쳐 어떤 작업을 한다. 3. next(action)을 해주고 다음 미들웨어로 넘어간다. 4. 두번째 미들웨어를 거쳐 어떤 작업을 한다. 5. 이런식으로 지정한 미들웨어수를 다 거쳐 끝나면 리듀서로 넘어간다. 6. 상태가 변경되고 다시 역순으로 미들웨어를 다시 거..

📍 zustand는 이번에 과제 진행하면서 사용해본 상태관리 라이브러리이다. 요즘 많이 사용되고 인기가 많은 라이브러리 중 하나라고 하는데 확실히 써보니 쉽고 사용하기 간편했다. 간단한 프로젝트 였기때문에 살짝만 써본 상태인데 더 자세히 공부해서 확실히 활용해 보고 싶다. GitHub - pmndrs/zustand: 🐻 Bear necessities for state management in React 🐻 Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an account on GitHub. github.com 1. zustand란? 'Zustand'는 독일어로 'State..

📍아마 요즘 내가 가장 신경쓰고 있는 것 중 하나가 상태관리 일 것이다.리액트 프로젝트를 하다보니 상태관리의 중요성을 알게 되었고 상태관리에 대해 알아보며 상태관리 라이브러리에 대해 관심을 갖게 되었다.오늘 배운 리덕스는 사실 이제는 조금 지나간(?) 느낌의 라이브러리라는 소리만 듣고 안써야지 막연히 생각만 하고 있었는데 내가 어떤 라이브러리를 쓸 지 모르는 상황에서 해당 라이브러리의 아키텍처를 배워두는건 중요하다는 말을 들었다.리덕스를 시작으로 다양한 라이브러리에 대해 배우고 정리해보려고 한다.    시작하기: Redux를 배우고 사용하기 위한 자료" data-og-host="ko.redux.js.org" data-og-source-url="https://ko.redux.js.org/introduct..

1. JWT(JSON Web Token)란? 서명 검증을 통해 토큰의 위변조 유무를 확인할 수 있도록 사용하는 JSON 기반의 토큰 서명이 검증되어 payload가 위변조되지 않았다는 것이 확인되면 payload 정보를 신뢰하여 사용한다. 💡 토큰이 발급되면 누군가가 함부러 변경하지 못하게 서명을 사용한다. 2. JWT의 구조 JWT는 . 을 기준으로 header(헤더) / payload(내용) / signature(서명) 으로 이루어져 있다. 누군가가 payload을 변경하려고 하면 서명도 같이 변경해 줘야한다. 💡JWT 어떻게 구성되는지는 알았는데 실제 작동은 어떻게 할까? HMAC(Hash based Message Authentication Code) 송신자와 수신자는 공통 비밀키(secret ke..