profile
끊임없이 떨어지는 물방울이 바위를 뚫는다

모던자바스크립트 deep dive 내용 정리 (2,4,5,6,7,8,9 장)

자바스크립트는 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어이다. ( 개발자도구를 통해 콘솔을 찍어보면 한줄씩 변환하는 작업을 하는게 그 예시이다. ) 대부분의 모던 자바스크립트 엔진 ( 크롬의 v8, 파이어폭스의 spiderMonkey, 사파리의 jav

2일 전
·
0개의 댓글
·

[React] 컴포넌트에서 조건부로 props 전달하는 방법

출처 : https://hohoya33.tistory.com/190

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

[React] 접근성 및 재사용성을 위한 Emoji

label과 symbol 참고 : https://unicode-table.com/kr/emoji/

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

웹 컴포넌트와 섀도우 돔

아래 내용들은 자바스크립트 완벽가이드 15장 중의 일부분입니다.input prefix에 검색 아이콘이 있고 사용자가 x 아이콘을 클릭하면 input 요소에 입력된 내용을 지우는 검색박스 가 필요하다. 이 검색 박스 하나를 추가할 때마다 아이콘을 넣고 입력된 내용을 지우

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

git remote update vs git fetch

대부분의 사람들이 이러한 용도로 많이 사용하는 것은 git fetch 이다.이 두 명령어의 차이는 아래와 같다.로컬저장소에 있는 모든 branch 의 원격저장소 정보를 업데이트 한다.(변경사항을 병합하지는 않음)현재 checkout 된 branch 의 원격저장소 정보만

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

리액트에서 얕은 복사가 필요한 이유

자바스크립트 원시 타입들은 call by value객체, 배열, 함수같은 참조 타입은 call by reference 다리액트에서는 얕은 비교를 통해 객체의 속성을 비교하지않고 참조 비교를 함으로써 빠른 렌더링을 할 수 있게 한다.그러므로 객체, 배열 ,함수같은 참조

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

zsh git branch autocomplete

TL;DR one-liner

2022년 4월 27일
·
0개의 댓글
·
post-thumbnail

next.js에서 이미지 스켈레톤 처리하기

평소에 스켈레톤 처리를 하려면 antd의 스켈레톤을 가져다가 사용했다. next에서 스켈레톤은 텍스트에 적합하지만 이미지엔 적합하지않다. 이미지는 여러가지 제약사항이 있기 때문에 스켈레톤처리 후에도 빈 화면이 뜰 수 있다.

2022년 4월 11일
·
0개의 댓글
·

[JS] 정규식 안에 변수 넣는 방법

위 처럼 간단하게 new RegExp()를 통해 동적으로 정규식을 만들어낼 수 있다. 응용하면 string에서 해당 변수가 몇번 쓰였는지 알 수 있다.

2022년 4월 9일
·
1개의 댓글
·
post-thumbnail

lodash vs lodash-es

최근에 프로젝트셋팅을 진행하면서 lodash 대신에 lodash-es를 사용하면 어떤지 리뷰를 받았다. 그래서 오늘 둘의 차이점을 보려고한다.lodash: node.js 모듈 기반으로 내보낸 라이브러리lodash-es: es-module 기반으로 내보낸 라이브러리lod

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

react 18 변경점

useId map의 유니크한 key를 서버에서 내려준 키로 쓰지못할때가 있다. 그떄 nanoId로 대체를 한적이있다. id concurrent mode? 리액트 상태를 비동기로 키보드, 마우스 이벤트를 urgent한 업데이트

2022년 4월 1일
·
0개의 댓글
·

디프만 11기 면접 후기

방금 디프만 11기 면접을 끝내고 왔다.. 압박면접은 아니였고 편하게 질문을 해주시면 그에 대한 답변을 하면 됐다.대부분 나의 흔적들(?)에서 질문이 들어온다. 내가 벨로그에 정리해놓았던 개념이나 차이점에 대한 글을 읽으시고 개념이나 차이점에 대해 다시 물어봐주셨다 (

2022년 3월 4일
·
0개의 댓글
·

prisma + planetscale 찍먹

planetscale

2022년 2월 20일
·
0개의 댓글
·
post-thumbnail

react-slick card 클릭시 이동하고 drag할때는 클릭 막기

카드를 클릭했을때는 해당 링크로 이동하고 드래그했을때는 다음 카드로 넘어가도록 하고싶다.카드를 드래그할때 onMouseDown -> onMouseDrag -> onMouseUp 이 순서대로 실행되기 때문에 클릭이벤트를 무시할 수 없다. 그리고 자바스크립트는 이벤트버블링

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

[js] new Array() vs []

\[]대신 new Array()를 사용해도 초기화는 될텐데 다른 레퍼런스(특히, 스택오버플로우)에서 new Array() 대신에 \[]를 사용하라고 한다.왜 사용하지 말라고 하는걸까?이유는 일관성이 부족하다는 점이다. 우리가 의도한대로면 c,d가 맞는데 b는 a와 다른

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

git 특정파일만 되돌리기, 특정파일만 add 취소하기

작업 내용이 마음에 들지 않을때, 최근 커밋으로 모든 내용을 강제로 돌리고싶을때

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

자바스크립트 형변환 (정리중)

Number와 string 타입이 비교될 시 String이 Number로 변환되어서 true가 나옴'111'이 나온다\+일때는 Number가 String으로 변환됨10이 나온다.\-일때는 String이 Number로 변환됨를 제외한 -, \*, /등 연산자들은 오직 수

2022년 1월 16일
·
0개의 댓글
·

[TIL]11/26

얄코 mysql(https://www.inflearn.com/course/%EC%96%84%EC%BD%94-%EB%A7%88%EC%9D%B4%EC%97%90%EC%8A%A4%ED%81%90%EC%97%98?inst=3e046db4\[얄코 graph ql](ht

2021년 11월 26일
·
0개의 댓글
·

[React] forwardRef로 modal 관리하기

onCancel 있는 버전 onCancel 없는 버전

2021년 11월 24일
·
0개의 댓글
·