profile
기록하는 습관

React and Key 1편- Key에 관한 고찰 

Key를 한국어로 직역하면 열쇠입니다. 열쇠는 자물쇠를 풀거나 문을 여는 등 잠겨있는 무언가를 여는 도구입니다. 굉장히 중요한 물건이며 중요한 뜻을 지녔기에 비유적으로도 많이 사용되곤 합니다.Key money : 보증금, Key man : 중추인물프로그래밍에서도 Key

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

[책 후기] 개발 7년차, 매니저 1일차 - 카미유 푸르니에

아는 지인 개발자분이 최근에 이직을 하면서 프로젝트 매니저(PM)로 전직을 하시게 되었다. 개발은 꼭 필요할 때만 하고 리소스 관리, 기획 변경 히스토리 체크, 일정 관리 등 여러가지 업무 프로젝트 매니징과 관련된 포지션을 맞게 되었는데 다행이 성향과 맞아서 재밌게 하

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

left속성 + right속성 / top속성 + bottom속성

css에서 position 속성은 엘리먼트의 위치를 컨트롤 하기 위해 사용된다. 기본속성인 position: static;은 위치를 임의로 지지정할 수 없지만postion: relative | absolute | fixed | sticky 등은 left, right,

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

정규 표현식의 Greedy & Lazy

정규 표현식에서 Quantifier (수량자)의 greedy & lazy

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

Cache-Control 헤더

Cache-Control 헤더는 캐시에 관련된 HTTP 표준 헤더로 HTTP/1.1 버전에 도입되었다. 여기서 말하는 캐시는 브라우저의 캐시(사설 캐시) 뿐만 아니라 프록시 서버의 캐시(공유 캐시)도 포함된다.일반적으로 사용되는 디렉티브는 다음과 같다.no-store

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

ES2022

at method Top-level await Class Fields Private Fields Static Field

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

pushState & replaceState

개요 HTML5에서 history API에 pushState와 replaceState가 추가되었다. 개념은 대충 알고 있었지만 웹 프론트를 개발할 때 react를 사용하고 있고 react-router-dom이라는 라이브러리로 히스토리를 조작하기 때문에 직접적으로 사용할

2021년 10월 19일
·
0개의 댓글

크롬 디버거의 버그(?)

버그를 찾기 위해 크롬 디버거를 활용하던 중 로컬스코프의 특정 변수의 값이 실재함에도 불구하고 디버거에서는undefined로 표기되어 삽질을 하게되었고 이에대한 경위를 기록하려고하려고 한다.크롬 개발자도구는에 source탭에서는 로드된 소스를 볼 수 있고 break p

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

[책 후기] 나는 왜 이 일을 하는가?

2년 전 즈음 회사 동료로부터 선물받은 책이 있는데 앞부분을 조금 읽다가 책장에 고이 모셔두다가 몇 일 전에 갑자기 흥미가 생겨서 마저 읽게 되었다. ‘나는 왜 이 일을 하는가?’라는 제목의 자기개발서이다. 나는 평소 개발 관련 서적이나 소설책을 제외하고는 책을 잘 읽

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

타입스크립트 spread 이슈

타입스크립트 코드를 작성하던 도중 spread 연산자로 다른 객체의 값을 복사해 오는 과정에서 타입 안정성이 깨지는 이슈를 발견했다. 구글링해보니 여러 사람이 깃헙 issue에 등록한 것을 확인할 수 있었지만 아직 해결되지 않았다. 인터페이스 I는 a, b 두개의 필드

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

[책 후기] 리팩토링 (개정판)

마틴 파울러의 저서 리팩토링이라는 책은 워낙 유명해서 개발자라면 읽지 않았어도 한 번쯤 들어는 봤거나 추천받았을만한 경험이 있을 것이다. 이 책은 몇 년 전 한참 자바를 공부하고 사용했었을 때 중간 정도 읽다가 어려워서 나중에 개발을 더 하다가 읽어야겠다고 합리와 하면

2021년 6월 30일
·
0개의 댓글

[서평] 타입스크립트 프로그래밍

가장 좋아하는 운동은 탁구를 군대에서 처음 시작했다. 기본으로 비치되어있던 단면채(라켓인 펜홀더 그립 라켓)을 사용해서 익숙해져 있었다. 그러다가 전역하고 한참 있다가 동호회 탁구를 시작하게 되었는데 지인분께서 양면채를 선물해 주셔서 어쩔 수 없이 양면채를 사용하게 되

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

컴포넌트 다시 마운트 시키기

게시판 형태의 페이지에서 검색을 통해서 특정 게시물이 필터링 된 상황에서 다시 전체 목록을 불러올 수 있어야 하는 요구사항이 있었고 현재 메뉴 버튼을 클릭시 다시 페이지에 진입하면서 전체 목록이 불러와지는 것으로 의사결정이 되었고 기능을 구현하면서 발생했던 이슈와 이를

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

서비스를 이용중인 유저에게 배포 알리기

Intro CSR(Client Side Rendering)기반의 웹 애플리케이션은 html을 초기에 한번만 로드하고 이후에 모든 동작은 js에 의해 이루어지기 때문에 앱을 수정한 뒤 빌드하여 다시 배포하더라도 유저가 브라우저를 새로고침 하거나 새로 유입되지 않는 이상

2021년 5월 6일
·
0개의 댓글

정규 표현식 - 탐색

프로그래밍에서 정규표현식은 매우 다양한 상황에서 사용된다. 정규표현식의 여러 문법 중 탐색(look)을 잘 사용하면 매우 유용하지만 사용 빈도가 떨어져 필요할 때 마다 구글링을 하게 되는데 이번 포스팅을 통해 외워보려고 한다.먼저 정규표현식의 의미를 생각해보면 긴 문자

2021년 4월 29일
·
0개의 댓글

substring() vs slice()

문자열을 다루는 함수들을 종종 사용하게 되는데 그 중 substring 메서드와 slice 메서드는 동작이 비슷해서 사용할 때마다 헷갈림을 유발한다. 더이상 햇갈리지 않도록 핵심만 기록하려고 한다.두 메서드는 숫자 한 개 또는 두 개를 파라미터로 받아서 일부의 문자열을

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

React Query

개요 애플리케이션의 상태는 클라이언트 자체의 상태와 서버에서 전달받는 상태로 구분할 수 있다. 일반적으로 두 종류의 데이터를 모두 contextAPI, redux, mobx 등의 전역 상태 관리 도구로 함께 관리하는데 react query는 이러한 편견에서 벗어날 수

2021년 3월 12일
·
2개의 댓글

useEffect의 dependency array

일반적으로 함수형 컴포넌트 내부에서 발생하는 side effect를 처리할 때 react 모듈에서 제공하는 useEffect함수를 사용한다. 이 때 두 번째 파라미터로 입력하는 dependency array에 의한 useEffect의 동작 원리를 이해하고 이를 기록하고

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

Object.entries(), Object.fromEntries()

JS object의 특정 entry를 삭제해야하는 상황이 발생했고 해결을 위한 과정을 기록한다.다음과 같은 object가 있다고 가정할 때 value가 null인 entry를 삭제해야 될 경우 다음과 같이 해결 할 수 있다.object자체를 변경하기 떄문에 object

2021년 1월 28일
·
0개의 댓글

Array.prototype.sort와 Object.freeze

Redux에서 가져온 배열을 sort함수를 사용해서 정렬할 하다가 에러가 발생했고 검색을 통해 sort함수와 freeze 함수에 대해서 정리하고자 한다.sort함수는 배열을 정렬하는 함수이다. 정렬된 배열을 반환하기 때문에 원본 배열에는 변화가 없을 것이라고 착각했는데

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