profile
개발자
post-thumbnail

클래스형 컴포넌트 함수형 컴포넌트 Deep Dive

개발을 하는 도중 functional Component의 callback에서는 state나 props가 바뀌지 않고, Class Component에서는 state나 props가 바뀌는 경우를 확인했다. 왜 이런현상이 발생하는지 의문이 들어 글을 작성한다.

2022년 8월 12일
·
0개의 댓글
·
post-thumbnail

JS엔진 별 sort 구현 방식이 궁금하다면 ?

javascript에서의 정렬을 사용하면 어떤 내부 알고리즘을 사용할까 궁금해졌다.기본적인 정렬들로 아래와 같은 정렬들이 있다. 또한 브라우저별로 어떤 정렬을 사용하는지 확인해 본다

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

getElementById, querySelector가 DOM tree를 검색하는 방법

querySelector와 getElementById의 내부 알고리즘호스트 객체와 네이티브 객체id를 이용해 DOM을 찾고 싶을떄, 어떻게 할까 요? DFS 와 hash table 을 이용해 브라우저가 DOM 을 찾는 방법

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

Oauth2.0과 OpenID Connect 비교

Oauth 2.0과 OpenID Connect의 차이점. 무엇이 다르고 겹치는 점이 무었인지, Oauth2.0만 사용했을때의 문제점은 무었인지

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

선언적 프로그래밍 ? 리액트 ?

선언형 프로그래밍을 쓰면서 선언형이 뭔지 모르는 리액트 개발자들을 위해 . 리액트에서는 어떤 것을 선언형이라고 하는가 ?

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

다시 읽어보는 HTTPS 동작 원리

https로 즐기는 인터넷 보안. https를 통해 암호화 말고 추가적으로 뭘 할 수 있는지 .

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

로컬 환경설정이 필요 없는 웹 어셈블리 튜토리얼

본 글에서는 웹 어셈블리란 무엇인지, 웹 어셈블리의 컨셉, 튜토리얼을 통한 hello world 코드 작성에 대해 설명 하려고 합니다. 웹 개발자라면 차세대 필수 언어인 웹 어셈블리에 대해 개념을 잡아야 합니다.

2021년 11월 7일
·
0개의 댓글
·
post-thumbnail

React에서 key의 역할, 컴포넌트를 다시그리는 과정(reconciliation)

리액트에서 리스트 형태로 컴포넌트를 렌더링 할때, key값을 넣어 달라는 console 에러가 자주 뜬다. 이 key값이 어떤 역할을 하는지 리액트 공식 문서에서 설명을 해주고 있지만, 내부적으로 컴포넌트를 어떻게 다시 그려주는지 모르고 있어서 이를 알기 위해서 작성

2021년 8월 22일
·
0개의 댓글
·
post-thumbnail

[CSS] position 을 적용하면 Layout 단계에서 어떤 일이 일어날까 ?

position의 사용법에 더한, 브라우저 최적화를 위한 방법 내부 동작원리를 알고 싶다면 클릭 !

2021년 8월 9일
·
0개의 댓글
·