1. 이벤트 핸들러 네이밍
함수명을 어떻게 정해야할지 고민돼서 찾아보았다.
알고보니 네이밍 규칙이 있었다. . !
[번역] React의 이벤트 핸들러 네이밍 (Event handler naming in react)
이 글은 Jake Trent의 Event handler naming in react를 번역한 내용입니다.Jake(원작자)의 허락을 받은 후 작성되었으며, 이 글의 모든 저작권은 Jake에게 있습니다. 이해의 편의상 의역이 들어가 있습니다.들
blog.sonim1.com
https://sustainable-dev.tistory.com/101
리액트 이벤트 핸들러 네이밍
항상 리액트 이벤트 핸들러 네이밍에 대한 고민이 있었다. 작성하면서도 이렇게 작성하는게 맞나...?하는 의문이 있었는데, 찾아보니 좋은 블로그 글이 있어 이를 중심으로 간단하게 핵심만 정
sustainable-dev.tistory.com
https://jaketrent.com/post/naming-event-handlers-react/
Event Handler Naming in React
Naming's a hard problem, right? Well, coming up with the names can be hard. After that, it's just a simple matter of typing. Here are a few of my naming conventions for React or even handling in general. For props When defining the prop names, I usually pr
jaketrent.com
https://ellie-dev.tistory.com/13
이벤트 핸들러 네이밍 on vs handle
이번 글에서는 이벤트 핸들러 이름을 지을 때 어떤 규칙이 있는지 정리해보았다. 어떤 경우에 handle* 을 쓰고 on* 을 쓰는지 알아보자. 리액트 이벤트 핸들러 네이밍 Prop Names prop 이름을 정할 때 보
ellie-dev.tistory.com
2. 자바스크립트의 콜스택, 메모리힙 구조
자바를 배울때 기본형변수와 참조형변수가 값을 저장하는 과정이 다르다는 것을 배웠는데
자바스크립트도 그렇겠지 하면서 맞는지 찾아봤다.
리액트의 불변성을 왜 지켜야하는지 이 구조를 이해하고 나서 더욱 잘 와닿게 되었다.
https://curryyou.tistory.com/276
[자바스크립트] 콜스택/메모리힙 구조, 데이터 저장/참조 원리
이 글은 자바스크립트의 콜스택/메모리힙에서 데이터가 어떤 방식으로 저장되고 참조되는지를 정리한다. 기본적인 메모리 구조와 변수 생성 원리에 대해서는 아래 글을 꼭 참고(필수) [자바스
curryyou.tistory.com
자바스크립트의 기본형과 참조형
https://hwb0218.tistory.com/41
[Javascript] 기본형과 참조형
자바스크립트에서 데이터 타입은 크게 2가지로 나뉘는데 기본형(원시형)과 참조형이 있다. 1. 기본형 or 원시형 (Primitive Type) 기본형 데이터가 할당된 변수는 자기 자신만의 고유한 값을 가진다.
hwb0218.tistory.com
3. 리액트의 불변성을 왜 지켜야하는가
https://hsp0418.tistory.com/171
리액트 불변성이란 무엇이고, 왜 지켜야 할까?
들어가면서 리액트와 불변성의 연관 관계는 리액트가 지향하는 함수형 프로그래밍의 특징에서 발견할 수 있습니다. 함수형 프로그램밍의 특징 중 하나가 순수함수를 사용하는 것인데, 여기서
hsp0418.tistory.com
4. git stash
그동안 완성되지 않은 커밋도 진행중이라고 올리곤 했었는데 그럴때는 stash를 사용하면 된다.
https://kyounghwan01.github.io/blog/etc/git/git-stash/
git stash, apply 활용법
git stash, apply 활용법
kyounghwan01.github.io
5. 탭 사이에 통신하는 법/ Broadcast channel api
운영이슈가 올라왔다.
한 브라우저에서 탭을 여러개 띄워서 사용하는데, 한 탭에서 로그아웃을 하고 다른 아이디로 로그인을 하면
다른 탭에서 새로고침하지 않아도 나중에 로그인 한 아이디로 이름이 바뀌었으면 좋겠다는 것이다.
탭 사이에 통신하는 법이 있었다.
Broadcast channel api를 이용해서 한탭에서 로그아웃을 했을때 다른 탭에서도 로그아웃이 되게 하고
로그인을 했을때도 마찬가지로 만들었다.
이건 다른 게시물로 작성하겠음 !
https://yceffort.kr/2020/11/communicate-across-browser-tabs
Home
yceffort
yceffort.kr
https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API
Broadcast Channel API - Web APIs | MDN
The Broadcast Channel API allows basic communication between browsing contexts (that is, windows, tabs, frames, or iframes) and workers on the same origin.
developer.mozilla.org
'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 |