profile
'과연 이게 최선일까?' 끊임없이 생각하기
태그 목록
전체보기 (214)DFS(8)완전탐색(4)Sort(4)splice(3)queue(3)this(3)재귀(3)BFS(3)useEffect(3)Binary Search(2)greedy(2)toggle(2)hash(2)reduce(2)setInterval(2)setTimeout(2)stack(2)useInterval(2)발상의 전환(2)regexp(2)combination(2)useState(2)Que(2)API(2)useMemo(2)&&(2)dynamic array(2)생명주기(1)시각화(1)Compound Components pattern(1)이중 포인터(1)google(1)mutaionObserver(1)test(1)canvas(1)withCount(1)Mocking(1)corona(1)search(1)routing(1)kwargs(1)function(1)undefined(1)heroku(1)dic(1)mixin(1)Fiber(1)scss(1)destructuring(1)cors(1)component(1)done(1)Pivot(1)min-width(1)promise(1)every(1)H Index(1)WILDCARD(1)history API(1)순수함수(1)contains()(1)absolute(1)relative(1)고딩때의 추억(1)GET(1)POST(1)makeStyles(1)프로그래머스(1)debugger(1)alias(1)slug(1)OOP(1)merge(1)align self(1)restful api(1)DNS(1)bind(1)customState(1)stackoverflow(1)createStyles(1)선언형 방식(1)smoking test(1)happy path(1)스켈레톤(1)개발자 vibe(1)commands(1)NOT(1)Request(1)약수의 갯수(1)boolean(1)mocks(1)custom render(1)findIndex(1)fibonacci(1)memoization(1)함수형 컴포넌트(1)cypress(1)quick(1)vmin(1)응집도(1)nth-of-type(1)variables(1)Helper(1)sortable(1)reconciliation(1)beforeunload(1)dijkstra(1)라우팅(1)MVC(1)Trie(1)beautifulsoup(1)navigate(1)해쉬(1)throttle(1)debounce(1)HistoryAPI(1)BLOGGING(1)Object.assign(1)"for 와 recursive의 조화(1)high order function(1)Prototype(1)await(1)cachememory(1)nth-child(1)skeleton(1)waitForElementToBeRemoved(1)try/except(1)rules of hooks(1)Statement(1)wait()(1)async(1)rstrip(1)다시 만들기(1)return(1)class(1)for(1)cmd(1)bubble(1)JavaScript(1)singly linked list(1)render_template(1)useParams(1)pagination(1)고차함수(1)Higher-order Function(1)tailwind(1)ESLint(1)Call By Reference(1)progress(1)unshift(1)신속정확(1)span(1)div(1)nested for loop(1)auto-complete(1)react testing library(1)error(1)wrap(1)If_Else(1)documentFragment(1)mini project(1)json(1)drag and drop(1)크루스칼(1)replace(1)visible(1)format(1)Prime(1)diffing(1)componentWillUnmount()(1)다중 정렬(1)expression(1)CS(1)End to End Test(1)filter(1)props.children(1)z-index(1)debugging(1)Hash brown 맛있겠다(1)new Intl(1)ARP(1)delete(1)mixitup(1)base_url(1)font awesome(1)special characters(1)부분집합(1)jquery(1)투자(1)bruno(1)media query(1)RAM(1)State(1)useReducer(1)LILO(1)리팩토링(1)sqlite(1)global(1)응급상황(1)DOM(1)DB 설계(1)good_job(1)PriorityQueue(1)styled(1)memory leakage(1)hook(1)useCallback(1)MSW(1)act(1)fixtures(1)CustomHook(1)꼭꼭 숨어라 머리카락 보일라(1)이중포문(1)double bang(1)CSR(1)SSR(1)콜트짱!(1)preventDefault(1)localstorage(1)Pop(1)inline(1)transition(1)split()(1)max(1)f-string formatting(1)CustomEvent(1)tryCatch(1)extends(1)Then(1)Fetch(1)submit(1)dict(1)addEventListener(1)doubly linked list(1)Delegation(1)LIFO(1)jest(1)MAX_PAGE(1)change event(1)HoC(1)useLocation(1)컨벤션(1)dash(1)인형뽑기(1)random(1)FLOOR(1)lazy(1)validator(1)JSX(1)Flask(1)super excited(1)auto fit(1)auto fill(1)useNavigate(1)dblclick(1)life cycle(1)debug(1)Map(1)@BeforeEach(1)그래프(1)describe()(1)CRUD(1)new Date(1)spyon(1)withStyle(1)data set(1)clean-up(1)Props(1)Content(1)min(1)데이터 분석(1)dispatchEvent(1)plotly(1)csv(1)color palette(1)pandas(1)grid(1)max-width(1)나무(1)customElement(1)dynamic programming(1)closure(1)좋은 개발자(1)emotion(1)이름짓기(1)audio(1)set(1)react router(1)
post-thumbnail

customElement라는것을 알게되었다.

이름에서도 알 수 있듯이 html에서 기본적으로 제공해주는 tag뿐만아니라 내가 직접 tag를 설정하고 그 tag에 해당하는 기능을 만들 수 있다.예를 들어 <time-formatted> 라는 tag를 만든다고 하면 아래와 같이 tag의 이름과 그 tag에 기능을

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

throttle 과 클로져

얼마전 throttle을 구현하려고 알아보다가 질문이 생겼다. '매번 throttle을 호출하면 throttle이 계속 새로 호출되게 되고 그럼 새로운 환경이 만들어질 것 같은데 어떻게 이전 환경을 유지할까?'아래 코드를 보면 shouldWait, waitingArgs

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

act 경고문 도대체 너는 누구냐...

증말 많이 봤고 짜증나는 경고문이다.우선 act가 무슨 함수인지 알아보자.When writing UI tests, tasks like rendering, user events, or data fetching can be considered as “units” of in

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

Bruno의 jest 강의 5 (form 테스트)

만약 모든 field의 validation이 다 통과되는 경우를 happy path라고 한다. form을 이용해서 happy path를 테스트 한다고 하자. 그럼 submit을 누를경우 micro task로 옮겨진다. 왜냐면 form 태그는 http post/get을

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

Bruno의 jest 강의 4 (MSW, custom render)

이번엔 Mock Service Worker라이브러리를 이용해 api 모킹을 조금 더 간편하게 해볼것이다. 그리고 반복되는 render코드가 있다면 역시나 반복을 줄이는 법을 배워볼 것이다.Mock Service Worker(MSW)는 api 를 모킹할때 사용하는 라이브

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

Bruno의 jest 강의 3 (mocking)

obj.method에서 method가 몇 번 호출되었는지, 무슨 para가 pass되었는지를 tracking할 수 있다. 그리고 method가 어떤 값을 리턴하는지 정할 수 도 있다. 첫번째 arg에는 obj를 두번째는 method를 pass하면 된다.mockImple

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

Bruno의 jest 강의 2 (비동기 통신 테스트)

테스트 할때마다 D라는 데이터를 비동기통신으로 받아와야 하는 경우가 있다고 하자. 그럼 beforeEach에 D를 await하는 코드를 짜는게 훨씬 효율적이다. 아래 코드와 같이 말이다.\+를 클릭하면 비동기 통신을 통해 incrementor에 따른 숫자를 받아오는 앱

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

Bruno의 jest 강의 1

테스트 코드 작성 방법을 너무 주먹 구구식으로 배웠다. 그래서 기본기를 다시 쌓으려고 한다. 찾아보니 Bruno가 좋은 강의를 유튜브에 올려서 보고 정리하고자 한다.(jest.config.js 로 깔끔하게 설정을 적용하려했으나 온갖에러로 인해서 package.json에

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

데이터 분석에 관심이 간다.. 갑자기??

https://www.youtube.com/watch?v=xf7bFUlzghA 이 영상을 보고 떠오른 단상여기에 나오시는 분은 큐피스트에서 데이터 분석가로 활동하시는 분이다.나는 프론트엔드 개발을 배우고 있지만, 데이터에도 굉장히 관심이 많다. (팩트풀니스의

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

리팩토링 공부중

마틴 파울러의 리팩토링을 공부중이다. 지금까지 느낀점이 있다. 이책을 관통하는 핵심은 두가지라고 생각한다.첫번째가, 이름짓기. 두번째가 응집도이다.이름짓기는 가독성을 높여준다.응집도높은 함수는 버그를 줄여주고 재사용성을 높인다.일단 핵심은 이렇게 잡아보았다. 그 핵심을

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

winter is coming?

작년(2021)에 비해서 올해 스타트업이 투자받기가 힘들다는 얘기가 종종 들려온다. 작년엔 코로나로 인해 그리고 좀더 낮은 금리로 인해 개발자의 몸값이 올라가고 채용에 붐이 일었다면 올해는 금리인상으로 인한 투자 위축으로 인해 투자심리가 얼어붙을 것으로 예상이 된다..

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

relative VS absolute

항상 쓸때마다 헷갈려서 확실하게 정리해두려고 한다. 나는 무언가를 배울때마다 그 단어의 의미를 이해하려고 노력한다.relative는 내 주변에 있는 다른 요소와 지금 나의 위치를 파악하고 지금 내가 존재하는 곳에서 움직인다.반면 absolute는 다른 요소를 무시한다.

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

react error 모음집

내가 나중에 보려고 만든 에러 모음집이다: 인프런 과제할때 만났던 에러이다. JSON.parse(undefined) 처럼 parse안에 재구조화 할 수 없는 값이 들어올 경우 에러가 생긴다. api호출시 undefined가 들어왔을때 또는 아무 데이터가 없을때 예외처리

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

MVC 패턴이라고 들어봤는가?

사용자의 인터페이스, 데이터 및 논리 제어를 구현하는데 널리 사용되는 디자인 패턴이다.비지니스 로직과 화면을 구분하는데 중점을 두고 있다. 관심분리와 응집도가 여기서도 사용된다.The important to note about this design is that the

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

OOP, 넌 도대체 누구니?

OOP 핫한 주제이다. 정말 많은 사람들이 얘기하는 키워드이다. OOP에대해서 공부를 해보았다. 해보니깐 OOP는 함수형 프로그래밍과 반대되는 개념이 아니라 , 그냥 다른 개념이었다. 특징으로 다형성, 상속등 여러가지가 있지만 그건 제쳐두고 이글에선 OOP의 핵심

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

REST API에 대해 설명해보자

몇번 사용한적은 있지만 아주 대략적으로만 알고 있어서 구글링 해보았다.우선 영어설명을 들여다 보자. A RESTful API is an architectural style for an application program interface (API) that uses H

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

CORS 에러?? 이게 뭐시단가...

Cross Origin Resource Sharing의 약자이다. 다른 출처(또는 도메인)로 부터 스크립트를 이용한 json과 같은 데이터를 불러올 때 보안상의 이유로 제한하는 것을 뜻한다.https://domain-a.com => https://do

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

useInterval을 또 다시 사용해보자

이전 포스트에서 만들었던 useInterval을 이용해서 시간이 얼마나 남았는지 출력하는 앱을 만들어보려고 한다.들어가기에 앞서 이번 글은 코드종님의 영상을 참고하여 정리하는 글이다.코좀봐코앱을 만들기 전에 항상 생각해야할것은 입력과출력이다. 리액트 훅을 이용한 함수

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

react에서 카운트다운을 해볼까나

react에서 1초씩 카운트 하면서 화면에 출력해주는 함수가 있다고 하자. 그럼 코드를 요렇게 작성할 것이다.그럼 잘 작동할까? 놀랍게도(?) 잘 작동하지 않는다.왜냐면 리랜더링할때마다 setInterval이 새로 호출이 된다. 그럼 setCount를 여러번 만들어내는

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

함수형 프로그래밍

일단 찾아본다고 찾아봤는데, 틀린 정보가 있을 수 있습니다. 그렇다면 꼭 알려주시면 감사하겠습니다.함수형 프로그래밍이란 도대체 무엇일까?말 그대로 함수를 이용해서 문제를 해결하는 프로그래밍 기법이다. 패러다임이라고 해도 되려나?함수를 이용해서 차례차례 원하는 값을 얻어

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