profile
프론트엔드 개발자
post-thumbnail

windows에서 linux 사용하기(Windows 11 pro)

자바스크립트 생태계에 기여하고 이끌어 가는 분들은 mac으로 개발했습니다. 그래서 mac에서 되던게 windows에서는 안되는 경우가 있어 mac과 유사한 환경을 구성하기 위해 linux를 설치해서 사용하는 게 좋습니다. 물론, 자바스크립트 개발자라면 mac을 사용하면

2022년 8월 10일
·
0개의 댓글
·

함수형 프로그래밍 기본 함수2

저번 시간에 구현한 함수를 응용해서 사용할 수 있는 함수 go, pipe, curry를 구현하고 사용법을 알아보겠습니다.

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

함수형 프로그래밍 기본 함수

원하는 형태로 값을 변경시킨다.(맵핑)products에서 name속성만 뽑아서 출력하는 코드이다. 이 코드를 함수형으로 변경시켜 보겠다.map 함수를 구현해서 원하는 형태로 변경할 수 있게 함수를 전달인자로 받아서 유연성을 더했다. log(names) 같은 함수 내부에

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

제너레이터

제너레이터 함수는 이터러블을 생성하는 함수입니다. 일반 함수와 같이 함수 코드 블록을 한 번에 실행하지 않고 함수 코드 블록 실행을 일시 중지했다가 필요한 시점에 재시작하는 함수입니다. function\* 키워드로 선언, 하나 이상의 yield문 포함, return문은

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

자바스크립트 동작

자바스크립트 이벤트 루프, 콜스택, 런타임, 테스크 큐에 대해서 한 번쯤 들어 보셨을 겁니다. 전부 자바스크립트 동작에 관한 용어입니다. 이 용어들을 흐름에 따라 정리 해보겠습니다. 용어를 더 잘 이해하기 위해 필요한 예제들은 참고를 보시면 됩니다. 자바스크립트 엔진

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

revert된 브랜치 merge 할 때 문제

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

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

두 개의 JSON 데이터 join 하기

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

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

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

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

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

몽고 DB 해킹 방지하기

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

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

렌더링 최적화

리액트 렌더링 최적화 방법

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

웹 성능 최적화

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

2022년 6월 20일
·
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개의 댓글
·