문제상황 팀프로젝트를 할 때 문제가 발생했습니다. 한 분이 dev 브랜치가 아닌 master 브랜치에 잘못 merge해서 그 커밋을 revert했습니다. (실제 커밋은 아니고 간단한 예제를 만들었습니다.) 그 브랜치를 dev 브랜치에 merge하고 master 브랜치

두 개의 JSON 데이터를 공통된 키 값을 기준으로 SQL의 join처럼 원하는 데이터로 만드는 방법을 알아보겠습니다.인천공항에서 운항중인 공항 데이터입니다.INCHEON_AIRPORT_DATA라고 하겠습니다. 177개입니다.모든 공항 데이터입니다. AIRPORT_DA

리액트에서 유용한 커스텀 훅인 useOnClickOuside이 있습니다. 지정한 노드 객체 이외의 이벤트를 감지할 수 있는 훅입니다. 구글링했을 때 검색되는 useOnClickOuside의 코드를 보면 거의 mousedown 이벤트로 걸려 있습니다.위 화면처럼 표의 아

AWS EC2에서 배포하고 있는 개인 프로젝트의 하나의 페이지가 어느 순간 데이터를 불러오지 못하고 있었습니다. 그래서 몽고 DB에 문제가 있다고 판단해 살펴보았습니다. 해킹을 당했습니다. 제가 전혀 보안을 생각하지 않고 27017포트에 모든 ip를 허용하며서 계정 인

리액트 렌더링 최적화 방법

웹 성능 최적화 할 수 있는 방법은 웹 페이지 로딩 최적화와 웹 페이지 렌더링 최적화로 크게 두가지로 나눌 수 있습니다. 이에 대해 알아보겠습니다.

이터러블과 이터레이터

styled components 라이브러리

리액트 리렌더링

git에서 폴더나 파일명 대소문자 구분하는 설정

HTML에서 시멘틱 태그

Express 초기 설정입니다. 거기에 타입스크립트를 곁들였습니다.

day.js 사용법

React에서 Victory로 차트 그리기

자바스크립트에서 소소한 팁 정리

조건문 대신 key-value로 사용할 수 있는 지 고려해보자.

-webkit-scrollbar 속성을 이용합니다.

React Portal

React Query 사용법

React Query는 React에서 비동기 로직을 쉽게 다루게 해주는 hook 라이브러리입니다. fetching, caching, synchronizing and updating server state를 쉽게 해줄 수 있습니다.비동기 로직을 쉽게 다루기 위해 Reac