profile
Why?에서 시작해 How를 찾는 과정을 좋아합니다. 그 고민과 성장의 과정을 꾸준히 기록하고자 합니다.
태그 목록
전체보기 (353)알고리즘(8)Two pointers(7)Algorythm(7)error(6)git(6)js(5)DFS(5)breadth first search(4)leetcode(4)BFS(4)rotate(3)shallow copy(3)백준(3)JS30(3)transform(3)depth first search(3)keydown(3)offsetX(3)TIL(3)Binary Search(3)bindActionCreators(3)redux(3)recursion(3)State(3)getBoundingClientRect(2)offsetWidth(2)얕은복사(2)indexOf(2)React(2)linked list(2)offsetTop(2)Array.from(2)stack(2)ghost defense(2)refactoring(2)mapstatetoprops(2)scrollY(2)innerHeight(2)자바스크립트(2)hash set(2)scroll(2)입출력과사칙연산(2)Constructor(2)mapdispatchtoprops(2)reduce(2)리액트(2)connect()(2)Prototype(2)transitionend(2)currentTime(2)transform-origin(2)slice(2)fromIndex(2)repository(2)path parameter(2)semantic(2)프로토타입(2)convention(2)pageX(2)Sliding Window(2)Bit manipulation(2)semantic tag(1)findIndex(1)(1)Flexbox(1)행렬(1)naming convention(1)in(1)iteration(1)local storage(1)drag(1)capturing(1)bubbling(1)fork(1)revert(1)semantic web(1)for...in(1)원시값(1)for...of(1)InnerHTML(1)깊은복사(1)Recoil(1)createAction(1)keyCode(1)함수선언(1)textContent(1)setAttribute(1)DevTool(1)super(1)Sort(1)재귀(1)pagination(1)(1)TWIL(1)filter(1)line height(1)매개변수(1)LIMIT(1)컴포넌트(1)commit(1)keyup(1)정규표현식(1)once(1)REST(1)switch(1)arguments(1)execution context(1)dynamic programming(1)Center(1)translate(1)hasOwnProperty(1)icon(1)소수찾기(1)challenge(1)복사(1)race condition(1)연결리스트(1).env(1)생성자함수(1)tofixed(1)인터넷(1)parsing(1)실행컨텍스트(1)provider(1)object.entries(1)object.values(1)object.keys(1)RenderTree(1)ScrollIntoView(1)CSSOM(1)시멘틱(1)duration(1)SOME(1)Routes(1)stopPropagation(1)git log(1)git revert(1)성능개선(1)innerText(1)setProperty()(1)유사배열객체(1)Sementic web(1)nodeList(1)clientHeight(1)offsetHeight(1)mouseenter(1)mouseleave(1)screenX(1)every(1)ListNode(1)query parameter(1)HTMLCollection(1)shiftKey(1)동적 라우팅(1)scrollLeft(1)playbackRate(1)useParams(1)coordinates(1)약수(1)useLocation(1)localeCompare(1)blur(1)참조값(1)charCodeAt(1)cubic-bezier(1)data-*(1)교육과정(1)KeyboardEvent(1)pointer-events(1)짝수(1)중복값제거(1)forinloop(1)again(1)timeupdate(1)clientX(1)react-icon(1)state 끌어올리기(1)콜라츠(1)functionComponent(1)transform:rotate(1)transition-timing-function(1)margin:auto(1)text-align:center(1)input event(1)input: range(1)input: color(1)배열 안 모든 요소 인덱스 찾기(1)배열 요소의 모든 위치 찾기(1)array replace(1)innderHeight(1)evendigits(1)screenHeight(1)끝까지 스크롤했는지 판별(1)premitive(1)outerHeight(1)얕은복사 전개연산자(1)textShadow(1)KeyboardEvent.shiftkey(1)cornify_add()(1)event.preventDefault()(1)event.isComposing()(1)git push -f origin(1)mouseenter event(1)offsetLeft(1)leeetCode(1)hamming weight(1)Depth-first searach(1)paddingTop(1)redux-devtools-extension(1)handleActions(1)댓글삭제(1)댓글추가(1)교육과정 설계(1)과반수(1)npm error(1)rm --cached(1)offset(1)legacy-peer-deps(1)dynamic routing(1)deep copy(1)CSS(1)classList(1)event delegation(1)IntersectionObserver(1)webpack(1)ESLint(1)immutability(1)display(1)&&(1)비트연산(1)클로저(1)spread operator(1)Node(1)github(1)reset(1)http(1)Module(1)npm(1)API(1)async(1)Map(1)class(1)프로그래머스(1)DP(1)소수(1)자료구조(1)rendering(1)Database(1)평균(1)DOM(1)position(1)iterable(1)iterator(1)git reset(1)queue(1)this(1)arrayLike(1)path(1)closure(1)Object.assign(1)배열(1)useEffect(1)regex(1)URI(1)query(1)transition(1)video(1)asynchronous(1)shift(1)while(1)for(1)import(1)concat(1)가운데정렬(1)reference(1)find(1)(1)클래스(1)
post-thumbnail

[Git] merge error: you need to resolve your current index first 해결

git pull origin master를 했을 때 깃 충돌이 나면, master를 건드렸다는 말이다.이때 충돌해결후 작업하던 브랜치로 돌아가 머지하려하면 다음과 같은 에러가 나고 브랜치 전환이 되지 않는다.이때는 마스터의 아무 브랜치로 reset --hard해 초기화

5일 전
·
0개의 댓글
post-thumbnail

[Error][React] react-dom.development.js:14815 Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.

버튼을 클릭하면 모달창이 표시되는 기능을 만들고 있었는데,자꾸 이런 오류가 떴다.

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

[Error][Recoil] recoil__WEBPACK_IMPORTED_MODULE_0___default(...) is not a function

https://stackoverflow.com/questions/63990313/recoil-webpack-imported-module-0-default-is-not-a-function/63991006#63991006

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

[git] git rm --cached 깃허브에 올리지 말아야할 파일을 올렸을 때 삭제하기 (.env)

.env 파일에 깃허브에 올리지 말아야 할 정보들을 담아두었는데, 실수로 gitignore에 .env를 추가하지 않아 깃허브에 파일이 올라갔다.깃허브에 이미 업로드된 파일은 어떻게 삭제할까?원격저장소와 로컬 저장소에 있는 파일을 모두 삭제하기원격 저장소에 있는 파일만

2022년 1월 14일
·
0개의 댓글
post-thumbnail

[Error][npm] npm install 설치시 npm ERR! code ERESOLVE --unable to resolve dependency tree

https://iancoding.tistory.com/154https://velog.io/@yonyas/Fix-the-upstream-dependency-conflict-installing-NPM-packages-%EC%97%90%EB%9F%AC-%E

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

[TIL] 2021.01.08 (마켓컬리 클론코딩 - 프로젝트 회고: UX에 대한 고민, 백엔드와의 협업과정 회고 - 응답과 에러, result객체, 데이터 정합성)

마켓컬리 클론코딩 프로젝트 회고 \- \[프로젝트 회고]\[마켓컬리 클론] 프론트엔드와 백엔드의 협업에 대한 고민, 프론트엔드로서 좋은 UX구현에 대한 고민과 배운점

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

[TIL] 2021.01.09 (S3 배포)

마켓컬리 클론코딩 \- 프론트엔드 배포 : S3를 이용한 정적 웹사이트 호스팅로그아웃 기능 추가로그인 정보 없을 시 장바구니 페이지 클릭하면 로그인 페이지로 리디렉션 하도록 추가상품 클릭시 상세페이지로 이동 기능 추가

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

[프로젝트 회고][커머스 사이트 프로젝트] 프론트엔드와 백엔드의 협업에 대한 고민, 프론트엔드로서 좋은 UX구현에 대한 고민과 배운점

이번 프로젝트는 백엔드 개발자와 함께, 그리고 팀으로 진행한 첫 번째 프로젝트였다.그만큼 어떤 목표를 가지고 나아갈지에 대해서도 고민이 되었는데, 내가 첫 번째 프로젝트로 얻고자 했던 것은 크게 2가지였다.단순히 예쁘고 화려한 화면을 구현하는 것이 프론트엔드의 중요한

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

[React][Router] useParams, useLocation

프로젝트를 하던 도중 상품목록 페이지를 만들던 팀원이 질문을 했다.'그런데, 이 컴포넌트 하나로 어떻게 각각의 상세페이지를 보여주고 이동할 수 있어요?'처음에 생각했던 방법은 이것이었다.각 카테고리별로 라우터를 설정한 다음 해당하는 컴포넌트에 각각의 데이터를 prop로

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

[TIL] 2021.01.06 (useParams, useNavigateSearch)

마켓컬리 클론코딩 \- 장바구니 추가, 삭제, 업데이트 백엔드 요청 구현 완료 \- git conflict 수정Nav 컴포넌트 병합useParams, useNavigate

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

[TIL] 2022.01.02 (마켓컬리 클론코딩 - 상품 캐러셀 슬라이드 수정, MD추천영역 컴포넌트 추가)

마켓컬리 클론코딩 \- 상품 캐러셀 슬라이드 수정MD의 추천 영역 컴포넌트 추가

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

[TIL] 2021.01.01 (마켓컬리 클론코딩 - 무한 스크롤 기능 코드 되짚어보기 예시 2번, NOT NOT 연산자)

마켓컬리 클론코딩 \- \[React] 무한 스크롤 기능 코드 되짚어보기 ref와 useEffect - 공식문서 데모 해부하기 예시 2번 코드 뜯어보기

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

[React] 무한 스크롤 기능 코드 되짚어보기 ref와 useEffect - 공식문서 데모 해부하기

처음 무한 스크롤 기능을 만들 때부터 궁금했다.React.memo, useMemo, useCallback불필요하게 렌더링이 발생하는 부분이 있다면 적극적으로 이것을 최적화해보고 싶다.IntersectionObserver의 인스턴스를 생성하는 과정에서 선언이 observ

2021년 12월 31일
·
0개의 댓글
post-thumbnail

[TIL] 2021.12.31 (마켓컬리 클론코딩 - 무한스크롤/지연로딩 기능, 공식문서 예시 코드 뜯어보기 예시 1번, useEffect - race condition)

마켓컬리 클론코딩 \- 메인페이지 지연로딩 기능 구현 \- skeleton 컴포넌트 추가 \- 무한스크롤 리팩토링 - loadMoreProducts 컴포넌트 추가useEffect race condition 방지 위해 내부 비동기 함수 추가\[Reac

2021년 12월 31일
·
0개의 댓글
post-thumbnail

[TIL] 2021.12.30 (마켓컬리 클론코딩 - 무한 슬라이드 리팩토링)

마켓컬리 클론코딩 \- 무한 슬라이드 리팩토링/로직 수정 - memo 변수 삭제장바구니 버튼 클릭시 상품담기 기능 구현 완료

2021년 12월 30일
·
0개의 댓글
post-thumbnail

[React][ESLint] useEffect 의존성 배열 에 대해: '오래된 클로저'는 무엇이고, 의존성 배열의 불편함을 무엇으로 대체할 수 있을까? (This is a new ESLint rule that verifies the list of dependencies for Hooks like useEffect and similar, protecting against the stale closure pitfalls. )

이전부터 개인적으로 리액트 프로젝트를 할 때마다 useEffect를 잘 이해하고 사용하고 있지 않다는 느낌을 받았다.가장 큰 이유는 의존성 배열 때문이다.지금까지는 원하는 값이 바뀔 때 호출하도록 하기 위해 의존성 배열에 변경될 값을 추가했었다.그런데 sider를 연동

2021년 12월 29일
·
0개의 댓글
post-thumbnail

[TIL]2021.12.29 (useEffect 의존성 배열 - 오래된 클로저, 의존성 배열의 한계를 보완하는 방법)

\[React]\[ESLint] useEffect 의존성 배열 관리하기 (This is a new ESLint rule that verifies the list of dependencies for Hooks like useEffect and similar, protec

2021년 12월 29일
·
0개의 댓글
post-thumbnail

[TIL]2021.12.28 (마켓컬리 클론코딩 - 메인페이지 배너, 캐러셀, 무한 슬라이드 구현)

마켓컬리 클론코딩 \- 메인페이지 상품 캐러셀 구현메인페이지 배너 무한 슬라이드 기능 구현상품 컴포넌트 생성

2021년 12월 29일
·
0개의 댓글
post-thumbnail

RESTful API - REST는 무엇이고, 어떻게 구성되어 있을까? URI는 어떻게 작성해야 할까? (Query / Path parameter)

Representational State TransferAPI 시스템을 구현하기 위한 아키텍처 중 하나로, 가장 널리 사용되는 형식이다.(참고) REST 외에 이러한 아키텍처로는 GraphQUL, SOQP, GRPC등이 있다.비싼 툴이 필요없다.진입장벽이 낮고, 러닝커

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