Posts
리액트 앱을 만드는 7가지 방법
아직도 CRA밖에 쓸 줄 모른다면 주목!
var vs let vs const
아직까지 var로 변수 선언하는 사람은 없겠지만 알아두면 좋을걸?(feat. 스코프, 호이스팅, TDZ)
테스트 코드에서의 <Router> 에러와 다양한 Router 컴포넌트들
useHref() may be used only in the context of a <Router> component(feat. MemoryRouter)
await vs return vs return await
async 함수를 작성할 때 사용하는 await, return, return await는 각기 다른 결과를 낳게 된다는데... 알고 쓰고 있니?
async/awiat는 언제나 옳은가?
비동기 처리 함수는 일단 async/await 부터 쓰고 시작하시나요? 사실 그래도 되긴 합니다. 그래도 안써도 괜찮은 경우가 있는데 같이 알아보실?
null 병합 연산자 (??)
"||" 이면 충분한 거 아니야?!
Redux에 대한 주관적인 정리
React를 겨우 겨우 배우고 Redux를 처음 접했을 때의 그 당혹감이란....
좋은 리액트 상태 관리에 대해 고민해보자!
좋은 라이브러리가 많아서 오히려 더 고민이 많아지는 아이러니...
What is Hook?
함수 컴포넌트의 꽃 훅에 대해 알아보자!
Virtual Dom에 대한 환상
브라우저에서 빠른 가상돔이라 했더니 너가 그렇게 빠르냐며 렌더링돌린 선임 아직도 생각나네
setState가 제대로 작동하지 않을 때
setState가 의도치 않게 동작하지 않는 경우가 있다. 처음엔 그냥 우회해서 다른 방법으로 문제를 해결(회피)했던 것 같다. 문득 이를 제대로 해결해보고자 고민하다가 공식 문서 학습을 통해 해결의 실마리를 찾을 수 있었다.
리액트 이벤트 핸들러 네이밍 컨벤션
리액트를 사용하면서 매번 주먹구구식으로 함수 이름을 짓는 것 같아 공식적인 네이밍 컨벤션을 찾아보았다.
useMemo와 useCallback
단지 익숙하지 않은 기술을 배우지 않으려고 하는 나의 좁은 마음때문에 Hook 사용을 미뤄왔다.
useEffect와 비동기
useEffect 안에서 async await 키워드를 통해서 비동기 데이터 로딩을 시도하자 경고 메시지가 떴다.
구조 분해 할당 이슈(feat. 원시값과 참조값)
너 이러케 드러가야 되는 거야 이마. 이러케, 이러케. 핫! 챠! 이거, 그냥 드러가면 얼마나 좋겠는데. 그냥 들어가, 이마! 이러케, 이러케 드러가! 개 같은 경우. 왜! 왜! 왜!
CSS 상대적인 단위들
근데 하다보니 반응형도 px로 하는 게 낫더라...
onClick과 onSubmit의 차이점
리액트로 로그인 기능을 구현하던 중에 '로그인' 버튼을 만들고 있었다. 그런데 이 버튼의 이벤트핸들링을 onClick과 onSubmit 중 무엇으로 해야하는지 고민되었다.
더 나은 분기 처리에 관하여
기계적으로 if-else를 쓰고 있는 당신을 위해
자바스크립트 배열의 순서 보장
배열의 순서가 기술적으로 보장되지 않는다는 사실은 흥미롭지만, 거의 모든 상황에서 동작한다고 봐도 무리가 없습니다?
CSS의 다양한 선택자들
CSS 선택자에는 기본적으로 전체, 태그, 클래스, 아이디 선택자가 있다. 이밖에도 앞선 선택자들보다는 다소 어렵지만 활용도가 높은 다양한 선택자들이 있는데 이들에 대해 알아보고자 한다.
