1. 이벤트 핸들러 네이밍
함수명을 어떻게 정해야할지 고민돼서 찾아보았다.
알고보니 네이밍 규칙이 있었다. . !
https://sustainable-dev.tistory.com/101
https://jaketrent.com/post/naming-event-handlers-react/
https://ellie-dev.tistory.com/13
2. 자바스크립트의 콜스택, 메모리힙 구조
자바를 배울때 기본형변수와 참조형변수가 값을 저장하는 과정이 다르다는 것을 배웠는데
자바스크립트도 그렇겠지 하면서 맞는지 찾아봤다.
리액트의 불변성을 왜 지켜야하는지 이 구조를 이해하고 나서 더욱 잘 와닿게 되었다.
https://curryyou.tistory.com/276
자바스크립트의 기본형과 참조형
https://hwb0218.tistory.com/41
3. 리액트의 불변성을 왜 지켜야하는가
https://hsp0418.tistory.com/171
4. git stash
그동안 완성되지 않은 커밋도 진행중이라고 올리곤 했었는데 그럴때는 stash를 사용하면 된다.
https://kyounghwan01.github.io/blog/etc/git/git-stash/
5. 탭 사이에 통신하는 법/ Broadcast channel api
운영이슈가 올라왔다.
한 브라우저에서 탭을 여러개 띄워서 사용하는데, 한 탭에서 로그아웃을 하고 다른 아이디로 로그인을 하면
다른 탭에서 새로고침하지 않아도 나중에 로그인 한 아이디로 이름이 바뀌었으면 좋겠다는 것이다.
탭 사이에 통신하는 법이 있었다.
Broadcast channel api를 이용해서 한탭에서 로그아웃을 했을때 다른 탭에서도 로그아웃이 되게 하고
로그인을 했을때도 마찬가지로 만들었다.
이건 다른 게시물로 작성하겠음 !
https://yceffort.kr/2020/11/communicate-across-browser-tabs
https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API
'TIL' 카테고리의 다른 글
[TIL] 20230208 next js/ firebase/ react context api (0) | 2023.02.08 |
---|---|
[TIL] 20230206 nextjs/ pwa 푸시알림/ 리액트 달력 라이브러리/ yaml (0) | 2023.02.07 |
[TIL] 20221214 javascript closure/ scroll fade in out 효과/ 2023 웹 디자인 트렌드 (0) | 2022.12.14 |
[TIL] 20221129 next js 13 (0) | 2022.12.01 |
[TIL] 20221128 리액트 스크롤 이벤트, 브런치 스타일 웹 사이트 (0) | 2022.11.29 |