profile
지식을 주도하는 법을 터득하는중..

Javascript Array, Object Spread 속도 비교

React 애플리케이션을 개발할 때Array 타입 상태를 변경할 때는 Array로 된 데이터를 spread 하거나 map 이라는 immutable 함수를 자주 사용한다.그러던 중 가끔 드는 생각이, 하나의 데이터만을 수정하고 싶을 뿐인데, 굳이 map 으로 전체 obj

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

자바스크립트 브라우저 호환성 관련 트러블슈팅 포스팅 예고

상황: JQuery ajax 안에 ?. 문법이 있는 상황. 프로그램이 전체가 뻗고 ajax 를 없앴더니 잘 돌아가는 것을 확인하고 ajax 가 문제임을 확인공부해야할 지식언어수준의 호환성, 모듈수준의 호환성 차이? 언어수준은 단순 문법에러로 봐야함. 하위 브라우저는 상

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

Javascript Promise, async-await 뽀개기

현재 자바스크립트의 비동기성은 이벤트루프와 Macro Task Queue, Micro Task Queue 들의 맞물림 정도만 아는 상태. 이것만 알기엔 Promise, async-await 를 100% 안다고 자신할 수 없었다. 그래서 어느정도 실험을 통해 궁금증을

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

React 클래스 컴포넌트 이벤트 핸들러 할당 방식 3가지

React Hook 을 사용하면 이런 고민을 할 필요가 없지만, 클래스 컴포넌트에서는 해야한다. 이 정도의 차이만 있다 알기만 하고 3번째 방법을 주로 사용하도록 하자. 1, 2 번째 방법을 알아두는것도 Javascript 를 이해하는데 있어 매우 중요한 개념이긴 하다

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

Event Target 은 이벤트 위임(Event Delegation)을 위한 것이다.

자주 써왔던 아주 일반적인 이벤트 핸들러 할당방법입니다. 이벤트가 발생한 Element 를 뽑아오기 위해서는, event.target 을 사용하고 event.currentTarget 또한 사용해왔습니다.여기서 한가지 의문이 있습니다. e.target 과 event.cu

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

이벤트 핸들러 할당: addEventListener를 사용해야 하는 이유

개발할 때 저는 항상 이벤트 핸들러 할당을 addEventListener만을 사용하여 진행해 왔습니다. 결국엔 addEventListener를 사용하는 것이 가장 일관성있고 최신 기법이라고 생각했기 때문인데요, 이것 만으로는 솔직히 이유가 많이 부족했습니다.그래서 문서

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

Exception 을 무조건 처리하는 것은 옳지 않다.

!youtubeYGOE5CEkX0o얼마전 포프티비를 보다가 문화 충격을 경험했다. 익셉션을 쓰지마라.. 나 역시 실무를 하면서 익셉션을 쓴 적은 거의 없었지만, 마음 한켠으로는 익셉션을 언제 써야하는지에 대한 막연한 두려움을 가지고 있었다.고수가 된다면 현란한 에러 t

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

MAC CAPSLOCK 한영전환 반응속도 문제의 원인 : 근본적인 해결법

capslock 한영전환 키가 반응속도 느리다고 생각하신 분께 팁을 드리고자 합니다. capslock 키는 반응속도 느린것이 아니고, 언어변환과 대문자입력을 구분하기 위해 capslock 을 누르는 행동을 구분하는것 뿐입니다. keyboard 동작에는 간단히 2가지가

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

Javascript 이벤트 preventDefault, stopPropagation 정리

자바스크립트 이벤트를 사용하면서 Bubbling, Capturing, preventDefault, stopPropagation 의 개념을 기계적으로만 이해하고 로직의 구현만을 위해 구체적인 동작방식을 알고있지 않았다. 구체적인 알고리즘과 개념이 머릿속에 정립되지 않은

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

Safari(사파리) 에서 폰트가 이상하게 보일경우 해결법 / CSS font-family 속성 총정리

아래의 두 스크린샷 중 첫번째는 Safari, 두번째는 Chrome 의 화면입니다. 이걸 보고 사파리가 이상하다, 표준을 안 지킨다고 생각들 수도 있는데요, 사실은 Safari 에서는 전혀 오류가 없습니다. 결론부터 말씀드리자면 웹사이트 개발자의 부주의로 웹브

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

Delete: filter VS slice

recoil Atoms 가이드를 보다 slice 로 배열 CRUD 연산을 하는것을 보고 신박하다는 생각을 했다. 왜 이렇게 했을까? filter 보다 속도가 빠른걸까? 라는 의문점과 함께 Delete 의 경우를 예시로 들어 실험해보고자 한다.별 차이 없다. 오히려 fi

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

Push 시스템과 Pull 시스템에서의 Producer 역할에 관한 고찰

Producer 는 데이터를 생산하는 주체이고, Consumer 는 데이터를 사용하는 주체입니다. 우리가 흔히 사용했던 함수의 관점에서 생각해보자면, 함수를 호출하는 호출자(Caller)가 Consumer 이고, 호출된 함수(Callee)가 Producer 라고 말할

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

RxJS 의 쓰임새 - DOM 이벤트편

RxJS 쓰임새 고민 1탄으로, 이벤트를 사용함에 있어 어느 이점이 있는지 고민하는 시간을 갖도록 하겠습니다.RxJS 의 공식문서 Overview 중, Observables 챕터를 보면, 다음과 같은 설명이 있습니다.As opposed to EventEmitters w

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

HTML Form 내부에 다수의 Submit 버튼을 넣을때 Javascript 처리

저번에 Form 마크업을 유지보수성 있게 Submit, Reset 하는 요령을 학습했었습니다. 이번에는 더 나아가, 만약에 Form 안에 Submit 버튼이 2개 이상 있는 경우는 어떻게 해야하는지, 디자인상의 한계로 Submit 버튼을 Form 외부에 부착할 수 밖에

2022년 3월 31일
·
0개의 댓글
post-thumbnail

HTML Form 마크업, Vanila JS 를 통한 인풋 검증 및 AJAX Submit 요령

JS에서의 AJAX 등과 같은 다양한 처리로 인해, Form 자체의 순수한 기능을 쓸 일은 거의 없어졌습니다. 그럼에도 불구하고 form 의 기능을 어느정도 사용하면 웹 표준을 준수함과 물론, 코드의 유지보수성이 향상되는 효과가 있는데요, 어떻게 작성하면 되는지 그 방

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