profile
프론트엔드 개발자

revert된 브랜치 merge 할 때 문제

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

약 18시간 전
·
0개의 댓글

두 개의 JSON 데이터 join 하기

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

3일 전
·
0개의 댓글

왜 useOnClickOutside에서 mousedown 이벤트를 사용했을까?

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

4일 전
·
0개의 댓글
post-thumbnail

몽고 DB 해킹 방지하기

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

5일 전
·
0개의 댓글

렌더링 최적화

리액트 렌더링 최적화 방법

7일 전
·
0개의 댓글

웹 성능 최적화

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

7일 전
·
0개의 댓글

이터러블(iterable)과 이터레이터(iterator)

이터러블과 이터레이터

2022년 6월 17일
·
0개의 댓글

styled-components

styled components 라이브러리

2022년 6월 17일
·
0개의 댓글

리렌더링

리액트 리렌더링

2022년 6월 17일
·
0개의 댓글

폴더/파일명 대소문자 구분

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

2022년 6월 16일
·
0개의 댓글
post-thumbnail

Semantic Tag

HTML에서 시멘틱 태그

2022년 6월 13일
·
0개의 댓글

Express 초기 설정(타입스크립트)

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

2022년 6월 7일
·
0개의 댓글

자바스크립트 날짜 라이브러리 Day.js

day.js 사용법

2022년 6월 5일
·
0개의 댓글
post-thumbnail

차트 그리기(Victory)

React에서 Victory로 차트 그리기

2022년 5월 26일
·
0개의 댓글

소소한 팁1

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

2022년 5월 24일
·
0개의 댓글

슬기롭게 key-value 구조 이용하기

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

2022년 5월 24일
·
0개의 댓글

스크롤바 꾸미기

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

2022년 5월 24일
·
0개의 댓글

Portal

React Portal

2022년 5월 22일
·
0개의 댓글

React Query 사용법

React Query 사용법

2022년 5월 18일
·
0개의 댓글

React Query란?

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

2022년 5월 18일
·
0개의 댓글