TIL 1월 25일
- 어제 시험쳤습니다...
- 검은 화면 지워보려고 했지만, 영상이 publish 되지 않았음..
- 필요한 정보들 빼두기 + sever.js에 추가적으로 필요한 부분 TODO 적어두기
- 예전엔 일을 두개정도 벌려두고 같이 했는데 대형 프로젝트가 2개인거는 진짜 힘들긴 하다...
- 스터디 부럽습니다...ㅠ
- 정리하는게 진짜 일인 것 같다...
- 막 적는거같은데... README도 좀 깔끔하게 적을 수 있도록 좀 알아봐야겠다
- 정리해서 develop 브랜치에 제꺼 바로 올려두겠습니다
- 리팩토링 마저하기
- 오늘 미팅때 할일들 정리하시
- 13:00~16:00 스터디(with 종인님)
- typescript 강의 마저 듣기
- 수강꾸러미 신청...?
- draganddrop 직접구현 + dnd 라이브러리 사용
- 구현 하면서 필요한 요소들 고민
- drag and drop 관련된 자료들을 읽어보면서 다들 비슷한 고민을 많이 했던 거 같고, 참고할만한 자료가 많았었다.
- 스터디 한지 2주차, 옆에서 같이 공부를 해서 확실히 집중하는 환경이 구성되는 거 같아서 좋은거 같다. 복학하고 나서도 스터디 생각해봐야겠다.
- 비동기 처리 관련해서 학교 동아리에서 했던 프로젝트도 그렇고, 이번에 zustand나 react-query를 적용하는 것도 그렇고 많이 개념적으로 부족하다는 걸 알았다. async, await, promise 관련 개념을 한번 더 돌려봐야 할듯함.
- https://inpa.tistory.com/entry/%EB%93%9C%EB%9E%98%EA%B7%B8-%EC%95%A4-%EB%93%9C%EB%A1%AD-Drag-Drop-%EA%B8%B0%EB%8A%A5
- https://velog.io/@yunsungyang-omc/React-Drag-Drop-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0
- https://velog.io/@dowon938/react-dnd-%EC%9D%B4%EC%9A%A9%ED%95%98%EC%97%AC-drag-drop-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0
- https://velog.io/@dosilv/React-Drag-and-Drop-%EA%B8%B0%EB%8A%A5-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0
- https://velog.io/@dlrudgh0313/%EB%A9%8B%EC%82%AC-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%8A%A4%EC%BF%A8-36%EC%9D%BC%EC%B0%A8-%EC%A0%95%EB%A6%AC%EB%B9%84%EB%8F%99%EA%B8%B0%EC%B2%98%EB%A6%AC (async, await 관련 자료)
- atom을 구성요소 구체적으로 짜고 파일에는 간단하게 이런 식으로 적어두고 어떤 요소가 들어가야 하는지 정리를 해야할 것 같다.
- 이번주에 로그인, 회원가입 폼까지는 만들어봐도 될듯함.(atomic design pattern 적용해서)
- 노드교과서 공부, node기초세팅법 공부, rest api만드는중
- 쉬고오니 초기화...
- 세팅법은 꼭 다시 정리해두자
- 현우님과 학교서 스터디 (13:00 ~ 16:00)
- Spring Security와 Jwt구조 공부
- Spring cloud gateway filter 공부
- SQL PS연습 🐬
- 밤 늦게 Filter를 Api Gateway 단으로 옮기기 성공!! 😊
- 이해를 완전히 끝낸건 아니지만, 하나씩 파고 들면서 공부해보니 대략적인 구조는 이제 알 거 같다.
- 내 무지에 대하여 너무 고통 받았었는데.. 공부하면서 머릿속이 정리되고, 내면의 고통이 해소되면서 카타르시스를 느꼈다 .. 🗡
- Spring Security에 대해서 완전이 이해할려면 많은 시간이 필요할 거 같다
- 여러 보안관련 설정을 도와주는건 맞는데, 아직 완전히 "왜" 사용해야하는지 물어보면 답 못할 거 같다.
- critical 한 부분과 관련하여 설명할 수 있으면 좋을듯.
- 어찌 되었던, 조금 정체된 부분을 넘어 새로운 부분 구현에 힘쓸수 있을 거 같다.
- Jwt와 Spring Security에 대한 이해 소폭 상승..
- Spring Cloud Gateway에서 Filter 를 구현시, AbstractGatewayFilterFactory 를 상속하여 구현한다.
- exchange라는 request, response를 담당하는 객체를 활용하여 구현한다.
- 토큰을 검증할시에는 request 헤더에서 토큰이 존재하는지 검사하고 존재시에 복호화한다.
- 복호화 한 후 유효한 값인지 검사하고, 유효하다면 토큰의 Claim(유저정보)을 route해줄 서비스의 request header에 넣어준다.
- 참고내용 : https://zayson.tistory.com/entry/Spring-Cloud-Gateway%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EC%84%9C%EB%B9%84%EC%8A%A4-%EB%9D%BC%EC%9A%B0%ED%8C%85-%EB%B0%8F-JWT-%ED%86%A0%ED%81%B0-%EA%B2%80%EC%A6%9D , https://github.com/stove-smooth/sgs-smooth/blob/main/src/infrastructure/gateway/src/main/java/com/example/apigateway/filter/AuthorizationHeaderFilter.java#L68
- 오늘 구현하면서 생긴 의문들 캠프장님께 질문
- Redis 조금 알아보기
- WebSocket과 인증부분에 대한 연동 어떻게?
- TIL도 중요하지만, 개인 개발문서 작성에 힘쓰자.
- 개발내용도 좋고, 어떤식으로 문제를 해결해나갔는지 일종의 플로우를 글로 작성해도 좋을 거 같다. (명확한 해결지점이 있으면 더할나위 없고)
- PS도 꾸준히
- 코딩애플 TypeScript 강의 part.1 듣는 중
- 피그잼에 icon 정리 및 atom 종류 정리
- 깃허브 PR 코드 리뷰 작성법 공부(for 협업)
- 목 아프고 컨디션도 좋지 않으니 기운이 나지 않는다.. 빨리 회복되었으면 좋겠다.
- 혼자서만 하다가 최근에 팀원들과 모여서 모각코 몇 번 하고 나니 같이 모각코하고 싶다.
- 월요일에 팀원과 모각코를 했을 때 진행상황을 점검하고 이번주 목표와 해야할 일을 정했어야 했는데, 그러지 않아서 그런지 뭔가 할 일이 정리되지 않고 산만해지는 것 같다. 매주 만날 때마다 팀원과 소통하고 할 일을 꼭 정해야겠다.
- 내일 코딩애플 ts part.1 끝내고 part.2 1/2 듣기
- 피그잼에 각 atom 종류 별 요소들을 살펴보고 각 atom별 가져야할 속성들 정리하기