profile
완벽함 보다는 최선의 결과를 위해 끊임없이 노력하는 개발자
태그 목록
전체보기 (373)TIL(122)FE(10)Today I learned(9)redux(8)frontend(7)React(7)프론트엔드(6)html(6)typescript(6)타입스크립트(6)CSS(4)미들웨어(4)프로그래머스(4)리덕스(4)개발자(4)js(3)ts(3)개발(3)apply(3)리액트(3)Saga(3)bind(3)call(3)recursion(3)redux saga(3)알고리즘(3)linked list(2)Prototype(2)타입(2)JSX(2)reduce(2)ESLint(2)카카오 코딩테스트(2)children(2)event loop(2)State(2)프로토타입 체이닝(2)클로저(2)코딩테스트(2)카카오(2)코테(2)this(2)스코프(2)Tower of Hanoi(2)아토믹 패턴(2)web browser(2)redux-middleware(2)rtk(2)브라우저(2)웹브라우저 동작(2)프로토타입(2)Fetch(2)플젝(2)토이프로젝트(2)English(2)project(2)promise(2)middleware(2)Graph(2)React.memo(2)리덕스 사가(2)프로세스(2)우선순위큐(2)tree(2)redux-toolkit(2)브라우저 동작원리(1)취업후기(1)currying vs closure(1)function(1)클로저 vs 커링(1)nextjs(1)취업(1)프로토타입 프로퍼티(1)리액트 키(1)리덕스 장단점(1)NFT 사는이유(1)유클리드호제법(1)HA(1)react darkmode(1)cors(1)toy project(1)NFT란(1)취준생(1)asynchronous(1)git pull vs git fetch(1)web(1)콜백지옥(1)resolve(1)npm install --save -dev(1)react hook componentDidMount(1)algorithm jobs(1)클론코딩(1)하노이의탑(1)문자열 공백제거(1)adjacency matrix vs adjacency list(1)video(1)swr(1)domNode sorting(1)day5(1)프로그래머(1)리덕스 쓰는 이유(1)비전공 개발(1)자바스크립트 실행과정(1)day9(1)불변성(1)console.table(1)data fetching(1)자료구조(1)인라인블록(1)social-login(1)스피너(1)will-change(1)세션vs토큰(1)API(1)Sequelize(1)requestAnimationFrame(1)@media only screen(1)HDR Display(1)비전공자(1)Event Queue(1)ncsoft면접(1)페어프로그래밍(1)비디오태그(1)useEffect vs useLayoutEffect(1)rtk 미들웨어(1)alias(1)V8엔진(1)gpu가속(1)OOP(1)Restful(1)redux thunk(1)GlobalCompositeOperation(1)희소성(1)멀쩡한 사각형(1)http(1)개발자의 조건(1)취뽀(1)setTimeout 매개변수 특징(1)react 기초(1)Context Switching(1)동기화(1)ncsoft(1)stack(1)queue(1)호이스팅(1)transform(1)redux-basic(1)redux-saga vs redux-thunk(1)nvm use(1)git commit 되돌리기(1)simple component vs class component(1)프로그래머스 멀쩡한 사각형(1)Proxy(1)react router dom(1)type alias(1)인접리스트(1)setState이유(1)browser(1)image(1)heap(1)세션(1)쿠키(1)twittler(1)javascript runtime(1)반응형(1)프로그래머스 양궁대회 js(1)atom(1)input focus on(1)웹페이지vs웹사이트vs웹브라우저vs웹서버(1)lifecycle(1)springifyJSON(1)input focus out(1)웹개발(1)Object.fromEntries(1)ssl(1)RTK Query(1)Optional Type(1)git commit 합치기(1)translate3d(1)양궁대회(1)영어공부(1)redux하드코딩(1)rest parameter(1)state끌어올리기(1)주차요금계산(1)제곱수의합(1)리액트 키값(1)스코프체인(1)리덕스툴킷(1)day8(1)비전공자 개발자(1)인라인요소(1)취준(1)chlidNodes(1)pull 대신 덮어쓸 때(1)알고리즘 잡스 후기(1)readonly type(1)call stack(1)Spread Syntax(1)깃 잔디심기(1)스케줄링(1)깃 커밋 되돌리기(1)input(1)개발자 합격(1)튜플(1)객체지향 프로그래밍(1)고급언어(1)알잡(1)HashRouter(1)알고리즘 잡스 수료생(1)server state(1)text overflow(1)dotenv(1)BFS vs DFS(1)프로세스 동기화(1)img tag(1)이미지 사전 로딩(1)favicon.ico(1)useEffect(1)토이 프로젝트(1)div span(1)inorder(1)focus out(1)자바스크립트 파싱(1)객체 상속(1)this in node.js(1)map key(1)Blocking(1)프리코스를 마치며(1)하노이의탑 재귀함수(1)Fetch API(1)reject(1)git conflict(1)알고리즘 잡스(1)NFT 정의(1)비동기(1)바이너리힙(1)stack frame(1)react세팅(1)CODESTATES(1)lib(1)바이너리 서치(1)atomic(1)Flex(1)JavaScript(1)module.exports(1)hybrid vs native vs web(1)고차함수(1)react 정리(1)MIN_VALUE(1)sequelize-cli(1)하노이의 탑 최소 시행(1)힙vs트리(1)git diff(1)day2(1)프로그래머의 뇌(1)placeholder.com(1)캐시 최적화(1)신입공채(1)keydown(1)동기 비동기(1)Flexbox(1)웹브라우저(1)git flow(1)eval(1)ncsoft 신입(1)Object.create(1)프록시(1)git checkout(1)span(1)div(1)[[scopes]](1)selector(1)session vs token(1)기계어(1)하드웨어 가속(1)VOID(1)codestates HA(1)코딩테스트 학원(1)d.ts(1)자바스크립트(1)error(1)블라인드(1)파라미터(1)git log(1)any(1)Time Complexity(1)https(1)Route(1)JWT(1)find(1)video tag(1)하반기(1)next(1)strict vs non-strict(1)favicon(1)big o notation(1)배열 만들기(1)테이블 태그(1)replace(1)어셈블리어(1)개발자취준(1)git github(1)react key값(1)span div(1)day6(1)thunk(1)crop vs resize(1)javscript 예외처리(1)textContent(1)캐싱(1)filter(1)imperative vs declarative(1)개발직(1)크립토펑크(1)분수의덧셈(1)Link to(1)프로그래밍(1)img 태그(1)선언형 vs 절차형(1)웹브라우저 동작원리(1)calc()(1)woff2(1)선언형 vs 명령형(절차형)(1)push redirect(1)npm install --save(1)인풋 빨간줄(1)Atomic Pattern(1)리액트 개발자 로드맵(1)edge(1)폰트 최적화(1)이미지 태그(1)setTimeout this(1)data type(1)리액트 쿼리(1)key(1)git merge(1)영어독학(1)callback Hell(1)소셜로그인(1)재귀함수(1)react-query(1)cra 프로젝트 세팅(1)ttf(1)토이플젝(1)Today I Learend(1)nQueens마무리(1)git contribution(1)input red(1)하노이의 탑 일반항 구하기(1)mask(1)파이프라이닝(1)Sort(1)inline block(1)함수(1)vite(1)변수의 유효범위(1)keyCode(1)caniuse(1)고유한 key(1)arguments 객체(1)코드스테이츠(1)molecule(1)아토믹(1)크기별이미지파일생성(1)DOM(1)영어(1)circular queue(1)font-display(1)Defer vs Async(1)nvm(1)div vs span(1)spinner(1)git HEAD(1)예외처리(1)깃헙 정리(1)코딩테스트 준비(1)day7(1)선택자(1)카카오 기출(1)CSS Module(1)선배 멘토링(1)memory heap(1)함수 표현식(1)git branch(1)object.entries(1)this 바인딩(1)useselector(1)리렌더링(1)repaint()(1)setTimeout 복습(1)singly linkedlist(1)day3(1)습관(1)useLayoutEffect(1)css선택자(1)font(1)input focus in(1)innerText(1)텍스트 축약(1)getElementByClassName(1)구조 분해 할당(1)블록요소(1)block(1)day10(1)NEGATIVE_INFINITY(1)onsubmit(1)linux find(1)template(1)README.md(1)inline(1)git reset(1)InnerHTML(1)HDR color 이슈(1)도전(1)inline vs block(1)day4(1)this with 화살표함수(1)day1(1)병뚜껑 업다운(1)크기별(1)infinite scroll(1)git workflow(1)Table(1)재귀(1)React Key(1)git잔디심기(1)공채(1)제곱수의 합(1)렌더링 과정(1)Then(1)실행 컨텍스트(1)옵셔널 타입(1)unknown(1)doubly linked list(1)prop-type(1)woff(1)window.location.search(1)유사 배열(1)git checkout -b(1)interpreter vs compiler(1)github(1)prototype chaining(1)random(1)ncsoft 개발(1)렌더링 원리(1)화살표함수 복습(1)Binary Search(1)백준(1)이진탐색(1)신입(1)빅 오 노테이션(1)call signatures(1)axios vs fetch(1)organism(1)지연평가(1)동작원리(1)cookie(1)취업팁(1)스케줄러(1)활성객체(1)input options(1)CORS & npx serve(1)이미지 최적화(1)Array.from(1)일급객체(1)Map(1)airbnb convention(1)Math.random(1)그래프(1)토큰(1)CRUD(1)자료형(1)Binary Search Tree(1)Hash Table(1)이미지파일생성(1)개발자 취업(1)fontfaceobserver(1)css가상클래스(1)Props(1)diary(1)table tag(1)uri 파라미터(1)rtk middleware(1)onFocus(1)prototype 객체(1)공부(1)cra project setting(1)bypass cors(1)멀쩡한 사각형 파이썬(1)시간 복잡도(1)map index js(1)js engine(1)변수객체(1)key값 쓰는 이유(1)reflow(1)파이썬(1)브라우저지원(1)(1)grid(1)onblur(1)코딩테스트 대비(1)max-width(1)운영체제(1)binary heap(1)data structure(1)closure(1)day 11(1)document object(1)인접행렬(1)NFT(1)윈도우에서 react(1)promise.all(1)tuple(1)토이(1)카카오-코테(1)css레이아웃(1)children vs childNodes(1)Web API(1)authentication(1)never(1)childNodes(1)perfect pixel(1)즉시평가(1)scope(1)parseJSON(1)git(1)스레드(1)dom sort(1)sop(1)logN 시간복잡도(1)canvas(1)최적화(1)spell check(1)input 빨간줄(1)prototype property(1)
post-thumbnail

[TIL] 2023/09/22

: 기존재하던 프로젝트를 clone 받아서 작업을 할 일이 생겼는데, 해당 프로젝트의 노드 버전이 >= 18 이었다. 하지만, 다른 프로젝트에서는 다른 노드 버전을 쓰고 있었기 때문에 나중에 심신의 안정(?)을 위해 해당 프로젝트에서만 18.18.0을 쓰고자 했다. 이

3일 전
·
0개의 댓글
·

[TIL] 2023/09/21

기획을 확인하고, 모듈을 만들 때, 하나의 메서드에 하나의 기능 혹은 기획 단위를 넣으려고 했는데, 그것보다는 내 입장에서는 오히려 번거롭지 않을까? 스러웠던 세부 기능 단위로 쪼개서 메서드를 제공하는 편이 좋을 것 같다. 특정 기능 혹은 플로우 단위로 메서드를 만들면

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

[TIL] 2023/09/20

: 골머리를 썩혀오던 문제를 Konva.Ring으로 해결할 수 있을 것 같다!. 내일 완벽하게 해결할 예정!https://konvajs.org/docs/shapes/Ring.htmlhttps://konvajs.org/docs/events/Pointer

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

[TIL] 2023/09/18

Today I Learned window.screen.avail[Width/Height] : avail[Width or Height] 는 브라우저에서 작업 표시줄 등을 제외한 순수 화면의 사용 가능한 너비와 높이를 반환해준다. window.screen.availWid

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

[TIL] 2023/09/17

Today I Learned Svg, Circle 이용해서 도넛 모양 마우스 커서 만들기 canvas, svg의 viewBox Attribute 등을 보면 기본적으로 (0,0)을 기준으로(보통 화면의 왼쪽 상단이 0,0이 됨) 얼마나 떨어져 있는 지점에서 시작할건지를

7일 전
·
0개의 댓글
·

[TIL-eng] 2023/09/17

'you are looking rather dazed today, is something wrong?': Dazed는 어제 잠을 못잤거나 다른 것에 정신이 팔려서 멍한 상태일 때 쓰는 표현이다. 회사에서 정신 못차리는 동기한테 너 왜이렇게 멍하니 있어?? 라고 할 때

2023년 9월 17일
·
0개의 댓글
·
post-thumbnail

[TIL-English] 2023/09/14

: 명쾌한, 분명한 vs 암시된, 내포된전부터 explicit이 나올 때마다 궁금해서 찾아봤던 것 같아서 이번에 좀 제대로 보고자 찾아봤다. 근데 뭔가 예시가 시원한(?)게 없었던 것 같다. 그나마 좀 도움이 됐던 것은 교육법 중에 명시적 교육법 혹은 설명(explic

2023년 9월 14일
·
0개의 댓글
·
post-thumbnail

[TIL] 2023/09/14

: 이터러블과 관련해서 공부를 하다가 나온 지연 평가라는 말이 있다. 지연 평가란 일반적으로 loop를 돌 때 배열을 생성해놓고, 이를 순회하는 경우가 많은데, 이 경우처럼 데이터를 미리 메모리에 확보하는 게 아니라 데이터가 필요한 시점에 데이터를 생성한다는 의미라고

2023년 9월 14일
·
0개의 댓글
·

[TIL] 2023/09/13

: 개발을 하던 도중 svg와 circle 태그로 만든 동그라미 마우스 커서에 attribute로 준 fill-color와 konvaJS로 만든 캔버스에 그은 Konva.Line의 stroke-color 값에 동일한 값을 줬음에도 커서의 색깔과 선의 색깔이 다른 에러를

2023년 9월 13일
·
0개의 댓글
·

[TIL-English] 2023/09/13

: 'probability'는 우리말로 '확률'에 딱 맞아 떨어지는 단어이고, 'possibility'는 우리말로 '가능성'에 딱 맞아 떨어지는 단어이다. 사실 확률과 가능성을 거의 동일하게 쓰는데, 좀 더 구체적인 차이를 알아보자. Possibility : 이게 가능

2023년 9월 13일
·
0개의 댓글
·

[TIL] 2023/09/12

The globalCompositeOperation property sets or returns how a source are drawn over a destination.: source(이제 그리려고 하는 것) 가 destination(이미 캔버스에 그려져 있는 것)

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

[TIL] 2023/09/11

프랑스어로 빠르다(Quick)를 의미하는 vite!(그만큼 빠르다를 강조하고 싶었나보다). 특정 프레임워크에 종속된 것이 아니고 React, Vanilla, Svelte 등 프론트엔드 개발 어디서든 사용할 수 있다.vite는 크게 2가지 역할을 한다.Dev Server

2023년 9월 11일
·
0개의 댓글
·
post-thumbnail

[Interactive Web] AirBnB 클론 코딩 해보기 ( 1)

: airbnb를 클론코딩 해보면서 바닐라 자바스크립트로 할 수 있는 것들을 토대로 html, css, js를 복습한다는 방향으로 공부해보자. : 먼저 위의 카테고리 header를 구현해보자.항상 정중앙 정렬을 할 때(물론 transform, top, left, pos

2023년 9월 4일
·
0개의 댓글
·

[TIL] 2023/08/27

알아두면 좋을 Chrome Console 기능들

2023년 8월 27일
·
1개의 댓글
·

[JS] 명령형 -> 함수형 테스팅

위의 코드는 for loop 안에 너무 많은 관심사가 겹쳐져 있다. 이를 심플하게 3개의 for문으로 먼저 분리해보자.하지만 여전히 문제가 있다. 일단 문제는 제쳐두고 여기에 품절 처리를 하는 로직만 추가해보자여기까지 명령형 프로그래밍 방식을 써서 구현을 해봤는데, 이

2023년 8월 3일
·
0개의 댓글
·
post-thumbnail

[TIL] 2023/07/28

DOM Node들을 sorting 하는 방법에는 뭐가 있을까? : 혼자 토이 프로젝트로 vanilaJS 만을 써서 todolist와 비슷한걸 만들고자 했다. 이 때, todolist 제목을 기준으로 정렬하는 기능도 만들었는데, 여기서 dom api 가 제공하는 chil

2023년 7월 28일
·
1개의 댓글
·

[HTML] stopImmediatePropagation

: 최근에 FE 면접 질문을 공부하던 도중에 stopImmediatePropagation 에 대해서 알게 됐다. 그리고 이에 대해 정리해보고자 글을 쓴다.: 그전에 stopPropagation에 대해서 먼저 알아보자. stopPropagation은 간단하게 설명해보면

2023년 7월 24일
·
0개의 댓글
·

[JS] 호이스팅, 실행 컨텍스트, 스코프

: 호이스팅, 실행 컨텍스트, 스코프 이렇게 세가지 키워드를 바탕으로 JS 실행 로직(코드 예시 등을 통한)을 살펴보고자 한다.: 호이스팅이란 일단 용어 그대로 해석하면 뭔가가 끌어올려지는 현상이라고 생각할 수 있다(동사라고 했을 때 끌어올리다 이다). 그럼 뭐가 끌어

2023년 7월 20일
·
1개의 댓글
·

[React] React가 state를 리셋하는 기준

1) 리액트는 같은 위치에 같은 컴포넌트가 있는지를 바탕으로 state를 유지할지 지울지를 결정한다. Same component at the same position preserves state It’s the same component at the same posit

2023년 7월 18일
·
1개의 댓글
·

[TIL] Proxy를 이용해서 리액트와 유사한 리렌더링 로직 만들어보기

: Proxy에 관련해서 공부를 하다 Object를 중간에 가로채서 get, set 등의 내부 메서드를 쓸 수 있다는 것을 알게 됐고, 이 로직을 이용하면 DOM API를 통해 코딩할 때 좀더 편리하게 리렌더링 로직을 짤 수 있을 것 같아서 직접 만들어봤다.이름을 입력

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