문제상황 팀프로젝트를 할 때 문제가 발생했습니다. 한 분이 dev 브랜치가 아닌 master 브랜치에 잘못 merge해서 그 커밋을 revert했습니다. (실제 커밋은 아니고 간단한 예제를 만들었습니다.) 그 브랜치를 dev 브랜치에 merge하고 master 브랜치
두 개의 JSON 데이터를 공통된 키 값을 기준으로 SQL의 join처럼 원하는 데이터로 만드는 방법을 알아보겠습니다.인천공항에서 운항중인 공항 데이터입니다.INCHEON_AIRPORT_DATA라고 하겠습니다. 177개입니다.모든 공항 데이터입니다. AIRPORT_DA
리액트에서 유용한 커스텀 훅인 useOnClickOuside이 있습니다. 지정한 노드 객체 이외의 이벤트를 감지할 수 있는 훅입니다. 구글링했을 때 검색되는 useOnClickOuside의 코드를 보면 거의 mousedown 이벤트로 걸려 있습니다.위 화면처럼 표의 아
AWS EC2에서 배포하고 있는 개인 프로젝트의 하나의 페이지가 어느 순간 데이터를 불러오지 못하고 있었습니다. 그래서 몽고 DB에 문제가 있다고 판단해 살펴보았습니다. 해킹을 당했습니다. 제가 전혀 보안을 생각하지 않고 27017포트에 모든 ip를 허용하며서 계정 인
웹 성능 최적화 할 수 있는 방법은 웹 페이지 로딩 최적화와 웹 페이지 렌더링 최적화로 크게 두가지로 나눌 수 있습니다. 이에 대해 알아보겠습니다.
React Query는 React에서 비동기 로직을 쉽게 다루게 해주는 hook 라이브러리입니다. fetching, caching, synchronizing and updating server state를 쉽게 해줄 수 있습니다.비동기 로직을 쉽게 다루기 위해 Reac