Etc.
1.jest 여러가지 비교 함수
jest 여러가지 비교 함수
2.Storybook netlify 배포 & 오류 해결하기 (MAC ,Window)
Storybook netlify 배포 & 오류 해결
3.webpack기반 react,typescript 개발환경 설정
webpack기반 react,typescript 개발환경 설정
4.Husky 사용해서 commit 단위로 Lint 검사(Git Desktop 오류코드 127)
Husky 사용해서 commit 단위로 Lint 검사(Git Desktop 오류코드 127)
5.프론트엔드 Github Action 테스트 자동화
프론트엔드 Github Action 테스트 자동화
6.구글 Oauth 2.0
구글 Oauth 2.0
7.무한스크롤 구현하기(useInfiniteQuery, 커서 기반 페이지네이션)
팀바팀의 팀 피드 기능에 무한스크롤 기능이 있어서 구현해보았다. 사실 이 기능은 레벨3때 구현했는데 레벨4와서 요구사항이 바뀌는 바람에.. 정방향 무한스크롤(아래로 스크롤 할 때 무한스크롤)과 역방향 무한스크롤(위로 스크롤 할 때 무한스크롤) 둘다 구현하는 경험을
8.fetch API로 Access Token & Refresh Token 구현하기
대부분의 서비스들은 JWT 방식의 Access Token을 이용해 유효한 사용자인지 확인하고 서비스 접근권한을 허가해준다.그렇다면 Access Token만을 이용하여 인증을 진행한다면 어떤 문제가 있을까?Access Token의 유효기간이 길다면 제 3자에게 Acces
9.프론트엔드 웹 성능 최적화
프론트엔드 개발을 하다 보면 한번쯤은 ‘성능을 개선 할 예정입니다.’라는 말을 하게된다. 근데 문제는? 뭘 어떻게 해야 성능이란 것이 개선되냐 이말이다. 나도 이전까지는 최적화 하면 렌더링 최적화만 생각했는데 이번에 학습하면서 렌더링이 전부는 아니라는 것을 알게 되었다
10.React와 SSE(Server Sent Events)로 실시간 채팅 구현하기 (24.01.05 내용추가)
팀바팀 서비스를 우리가 직접 사용하며 느낀점은 "팀 피드.. 실시간이었으면 어땠을까?" 였다. 그래서 시작한 실시간 채팅 구현~!
11.SSE 로 구현한 실시간 채팅의 성능 최적화
SSE로 채팅 구현하는거? 진짜 너무나도 후회가 됩니다만 어쩔수없죠 이미 벌어진 일.. 다들 추천하지 않는다면 그 이유가 있다는 것을 다시한번 깨닫습니다.(여러분도 명심하십쇼)
12.React 모바일 브라우저 화면 잘리는 문제 해결(100vh) + 유저 디바이스 정보 확인하기
팀바팀의 모든 모바일 뷰를 구현하게 되었는데,,,
13.webpack 환경에서 @emotion JSX Pragma 자동으로 적용하기 (+Storybook)
Storybook에서 emotion JSX Pragma 자동설정 도전기... 4전5기로 드디어 성공하는데..😇😇😇😇 왜 나만 이런 일이?!