profile
움직이는 만큼 행복해진다
post-thumbnail

비동기 함수 실행 순서 맞추기

큐를 이용해서 비동기 함수로 전달한 콜백의 실행 순서를 이벤트가 발생한 순서대로 실행하게 만들 수 있다button10을 클릭하면 1초뒤에 10을 showBox에 표시하고button100을 클릭하면 0.1초 뒤에 100을 표시할 때,button10을 클릭하고 바로 but

4일 전
·
0개의 댓글
·

git reset

습관적으로 git add . 를 해서 원하는 파일이 아닌 모든 파일이 커밋이 되었다그리고 reset(git reset --hard HEAD~1)을 하니 전부 날아갔다https://88240.tistory.com/284이전에 작업했던 git 이력을 확인 할 수

2023년 9월 9일
·
0개의 댓글
·

time zone - Z vs. +09:00

Z vs. +09:00

2023년 8월 21일
·
0개의 댓글
·

image onerror

이미지를 불러오지 못하였을 때 대체 이미지를 사용할 수 있다

2023년 8월 17일
·
0개의 댓글
·
post-thumbnail

github pr approve 슬랙 알림 설정

github과 slack을 slackbot으로 연동하는 경우 PR(Pull Request)에 대한 알림은 구독할 수 있지만 해당 PR에서 리뷰어가 approve한 경우 알림을 받을 수 없었다github workflows를 설정해서 approve시 알림을 받을 수 있다S

2023년 8월 12일
·
1개의 댓글
·

응답으로 받은 파일을 다운로드 하기

responseType: "blob"

2023년 8월 7일
·
0개의 댓글
·
post-thumbnail

조건부 타입(Conditional Type)

조건부 타입(Conditional Type)입력된 제네릭 파입에 따라 타입을 결정(T extends U ? X : Y)

2023년 8월 4일
·
0개의 댓글
·

html input autofocus

검색 화면 같은 곳에서 자동으로 포커스를 가도록 하고 싶다면 js를 사용하지 않고도 autofocus 속성으로 해당 기능을 구현할 수 있다https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/

2023년 7월 25일
·
0개의 댓글
·

react debounced state

검색 같은 곳에서 state의 변화에 따라 자동으로 검색이 되는 경우에 사용하면 좋다

2023년 7월 25일
·
0개의 댓글
·

vscode Rename Symbol

vscode에서 이름을 한번에 바꿀 때 위와 같이 Rename Symbol을 사용하면 해당이름을 사용 중인 모든 코드를 한번에 바꿔준다

2023년 7월 25일
·
1개의 댓글
·

js 파일 난독화

회사에서 js 라이브러리를 솔루션으로 제공하는 가장 간단한 방법은 난독화한 js 파일을 제공하는 것이다난독화는 아래 사이트에서 할 수도 있다https://obfuscator.io/그렇지만 매번 수동으로 할 순 없기에 번들러에 플러그인을 설치해서 사용할 수 있다

2023년 7월 23일
·
0개의 댓글
·

js library에 타입 붙이기

window를 통해 사용하는 라이브러리에 타입지원하기

2023년 7월 20일
·
0개의 댓글
·

CSS aspect-ratio

aspect-ratio는 요소의 크기를 비율대로 조정할 수 있는 css이다

2023년 7월 13일
·
0개의 댓글
·
post-thumbnail

flex basis

얼마전 강의를 듣다가 flex-basis라는 것을 알게 되었다flex-basis는 flex의 자식에 부여하는 속성으로 길이를 지정하는데 width와 min-width를 섞어 놓은 듯 유연한 모습을 보여준다위와 같이 구성했을 땐 차이가 없다여기에서 몇 가지 변화를 줘보자

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

iframe의 element를 제어하기

상황 가정. iframe으로 개발된 것을 합치는 상황특정 조건에서 어떤 화면을 숨기거나 이벤트를 막는다고 가정같은 도메인에 있는 iframe이라면 직접 접근 후 제어가 가능하다참고https://stackoverflow.com/questions/1088544/g

2023년 7월 4일
·
0개의 댓글
·

React 컴포넌트를 일급함수로 전달하기

함수로 전달 후 전달을 받은 컴포넌트에서 props를 직접 제어할 수 있다

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

chart library canvas vs. svg

- 차트에 그려지는 데이터가 적은 경우 SVG - 그려지는 데이터가 많고 상호작용이 있는 경우엔 Canvas

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

typescript util type: Awaited

타입스크립트 유틸타입 중 하나인 Awaited는 Promise를 제거한 타입을 사용할 수 있다

2023년 6월 25일
·
0개의 댓글
·
post-thumbnail

Storybook v7

스토리북 메이저 버전이 6에서 7로 업데이트되었다 이번에 새롭게 시작하는 프로젝트에 7버전으로 적용하면서 7버전 기준으로 사용방법 및 스토리북의 주요 기능에 대해 정리해보자

2023년 6월 19일
·
0개의 댓글
·

date 관련 js 라이브러리

date 관련 대표적인 라이브러리는 moment.js 입니다https://momentjs.com/https://www.npmjs.com/package/moment하지만 공식 사이트에 보면 moment.js는 2011년에 만들어져서 지금까지 많은 기능이

2023년 6월 16일
·
0개의 댓글
·