profile
일상을 기록하는 삶을 사는 개발자 ✒️ #front_end 💻
태그 목록
전체보기 (121)자바스크립트(25)알고리즘(21)프로그래머스(20)코딩테스트(19)React(6)JavaScript(5)next js(5)redux(4)생활코딩(3)components(3)localstorage(2)as(2)static(2)iterable(2)project(2)useCallback(2)Module(2)&&(2)Map(2)useMemo(2)CallStack(2)protected(2)class(2)typescript(2)코딩테슽(2)JSX(2)router(2)State(2)React.memo(2)OKKY(1)promise.all(1)tuple(1)set(1)유닛테스트(1)callback queue(1)nullish coalescing(1)componentWillMount(1)scope(1)apply(1)call(1)Functional Components(1)unittest(1).childNodes(1)sop(1)selection.classed()(1)해결방법(1)TypeAssertion(1)refs(1)function(1)migration(1)16진수(1)Event(1)Promise Chaining(1)JavaScript Engine(1)VScode Debugging(1)포트(1)nextjs(1)sourcemap(1)Immer(1)selection.text()(1)scope chaining(1)testcode(1)insertAdjacentHTML(1)src(1)--watch(1)primitive value(1)cors(1).sort(1)load balancer(1)selection.append()(1)React unitTest(1)Forward Refs(1)커링함수(1)콜백지옥(1)Flux(1)이벤트 위임(1)3 Way-Handshake(1).lastChild(1)Docket 생활코딩(1)도메인구매(1)non-serialization(1)e.defaultPrevented(1)Docker 입문(1)Sets(1)proto(1)promise(1)import(1)동기식(1)every(1)순수함수(1)Build Tool(1)programmers(1)configureStore(1)유형추론(1)호스팅(1)snippet(1)DOM조작(1)d3 callBackfunction(1)API(1)로드밸런서(1)public(1)indexOf(1)Basic Redux(1)lodash(1)microTasks Queue(1)평등연산자(1)react dom(1)ReactDOM(1)interpreter(1)nomodule(1)prepend()(1)Maps(1)Error Boundaries(1)OOP(1)Promise 반환(1)스코프(1)selection.remove()(1)catch(1)complie(1)박미정(1)unknown Type(1)DNS(1).fill()(1)prototype 프로퍼티(1)chawchaw(1)files(1)SystemCall(1)auto Close Tag(1)호이스팅(1)dataset(1)createSlice(1)REST(1)Promise.any(1)VirualDOM(1)window is not defined(1)Chaw(1)프로젝트 개발 시작(1)React.createElement()(1)heap(1)Event Handler(1)Lodash cloneDeep(1)polyfill(1)DNS 캐시(1)Object.entries & .entries()(1)javascript runtime(1)Response(1)reference value(1)react-test-library(1)문제해결(1)프론트앤드(1)boolean(1)단축평가(1)include(1)new Array()(1)Thenable(1)findIndex(1)객체(1)ssl(1)nat(1)Geographic API(1)블로그이전(1)tsc --init(1)d3.selectAll(1)arrays(1)객체 메소드(1)XMLHTTPRequest(1)도메인(1)block scope(1)웹서버에 접근하는 과정(1)data-action(1)noEmitOnError(1)구조화 할당(1)Type Conversion(1)errorBoundary(1)callback(1)3. 1절(1)acm(1)route53(1)Math.round(1)캡슐화(1)componentdidupdate(1)isFinite(1)arguments(1)strict(1)primitive(1)코딩공부 하는 방법(1)프론트엔드(1)reference(1)비동기 JavaScript(1)static contextType(1)exclude(1)never Type(1)Object.assign(1)Custom types(1)append(1)Prototype(1)await(1)useEffect(1)useState(1)type 지정자(1)JOIN(1)ajax(1)속성 프로퍼티 동기화(1)Wrapper function(1)function args(1)State Scheduling(1)React CSS Styling(1)selection.nodes()(1)참조형 자료형(1)private 필드(1)중첩함수(1)react redux(1)Component 구성(1)type='module'(1)웹 최적화(1)기본형 자료형(1)elem.setAttribute(name, value)(1)scope Type(1)throw(1)Spread(1)Literal Type(1)Compentents Tree(1)circuiting(1)forever(1)객체분해(1)async(1)Math.ceil(1)elem.getAttribute(name)(1)abstract(1)Objects(1)hasOwnProperty(1)React Dev Tools(1)Array type(1)네이버 파이낸셜 인턴 서류(1)XML(1)includes()(1)방향성(1)usedispatch(1)enhanced object literal(1)export(1)domain(1)디버깅(1)포트폴리오(1)Prettier(1)selection.attr()(1)webpack(1)createTextNode(1)frontend(1).parentNode(1)optional chaining(1)e.preventDefault()(1)Backend(1)lazy Img loading 구현(1)refresh_token(1)Generic(1)React란?(1)SOME(1)context.consumer(1)VOID(1)lighthouse(1)DOM 프로퍼티(1)Document Fragment(1)문자열(1)classList(1).flat()(1)ec2(1)any(1)공부방법(1)parcel(1)JWT(1)find(1)json(1)redux-toolkit(1)Symbol.iterator(1)next(1)global scope(1)wan(1)replace(1)SSL 인증서(1)유관순(1)docker(1)replaceWith(1)removeComments(1)repeat(1)class components(1)프로그래밍 문제해결(1)filter(1)개발문제해결(1)null 병합자(1)default(1)props.children(1)Just-In-Complie(1)개발공부하는방법(1)z-index(1)debugging(1)Live Server(1)application(1)foreach(1)대한독립(1)Number.parseFloat()(1)before(1)IEEE 754(1)Math.floor(1)tsc(1)cloneDeep(1)promise.allSettled(1)String(1)김영재(1)context(1)d3.select(1)삼항연산자(1)취업준비(1)union(1)ClearTimeout(1)padEnd()(1)Number.parseInt()(1)lastIndexOf(1)new(1)ReactDOM.render(1)this(1)setInterval(1)setTimeout(1)가비지 컬렉션(1)비동기식(1)Component 구동방식(1)function type(1)@Target(1)DOM(1)VirtualDOM(1)event bubbling(1)object type(1)웹 개발(1)selection.node()(1)Enum(1)개발공부(1)asset(1)테스트코드(1)rootDir(1)type coerion(1)cloneNode()(1)Constructor(1)function scope(1)auto Rename Tag(1)웹어플리케이션 배포(1)hidden(1)closest(1)data-*(1)useselector(1).flatMap()(1).hasAttribute(name)(1)Built in ServerSideRendering(1)css.module(1)promise.race(1)reduce(1)정규식(1)accesstoken(1)selection.property()(1)SSR(1)포트포워딩(1)d3.event(1)type(1)clearInterval(1)hint(1)storage(1)error handling(1)tsconfig.json(1)node js(1)이력서(1)CurrentTarget(1)Ternary operator(1)InnerHTML(1).previousSibling(1)templete literal(1)split()(1)custom hook(1)Error객체(1)after(1)strict mode(1)readonly(1)Bundling(1)array(1)피드백(1)extends(1)super(1)프로젝트(1)Then(1)script asycn(1)실행 컨텍스트(1)addEventListener(1)spa(1)short-circuiting(1).firstChild(1)script defer(1)Additional Checks(1)jest(1)isPrototypeOf(1)e.stopProgagation()(1).nextSibling(1)lan(1)Vercel(1)selection.on()(1)aws(1)isNaN(1)prototype chaining(1)Google Leaflet(1)class 상속(1)신입(1)outDir(1)Number.toString()(1)배열 분해(1)cookie(1)express(1)slice(1)오픈채팅방(1)CRP(1)변수(1)Array.from(1)babel(1)프로젝트 플래닝(1)react EventListener(1)Slider 구현(1)object.keys(1)try catch(1)addEventListener passive(1)Math.trunc()(1)public 필드(1)navigator.geolocation.getCurrentPosition(1)elem.removeAttribute(name)(1)전역컨텍스트(1)endswith(1)startswith(1)DNS recursor(1)TDZ(1)Object assign(1)crypto-js(1)IntersectionObserver API(1)Props(1)-w(1)CreateElement(1)addEventListener capture(1)object.values(1)componentDidMount(1)레코드(1)DNS query(1)selection.style()(1)BigInt(1)HTML 프로퍼티(1)읽기전용 프로퍼티(1)closure(1)private(1)index.js(1)padStart()(1)for ~ of(1)
post-thumbnail

Typescript - TypeAssertion & TypeAnnotation

type assertion vs type annotation

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

취업도전 끝 (프론트 엔드)

취뽀에 성공하며 내가 3년차 5년차가 되었을때 신입은 얼마나 낮은 시야를 갖고 있었는가 되돌아보기위한 글.

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

React 메모제이션을 이용한 웹 페이지 성능개선(feat. lighthouse)

Lighthouse를 통해 웹 페이지 성능향상을 해보자.

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

Redux의 non-serialization에 대응하는 함수전달

리덕스에서는 함수를 저장할 수 없다. 하지만 함수를 설명할수는 있잖아?

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

에러핸들링의 중앙 집중화 [Errorboundary 와 리덕스]

리덕스와 에러바운더리를 통한 에러집중화를 통해 모든 에러를 로깅하고 사용자에게 전달해보자! 사용자와 확인창을 통해 대화를 해보자.

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

google.com을 치면 일어나는 일

제목에 대한 주제를 이해하려면 기본적인 네트워크의 기반지식이 갖추어져야 하는데 모든 지식을 다알아야 한다는 것은 아니고, 디버깅이나 웹이 돌아가는 일반적인 동작과정들을 이해해야 적용하는 과정을 빠르게 진행해주기 때문이다.브라우저는 캐싱된 DNS(Domain Name S

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

Domain Name System (DNS)

DNS란?

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

React - TestCode 2

간단한 테스트 코드 작성하고 실행하기

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

React - TestCode 1

테스트 코드 실행하기

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

Redux - ReduxToolkit

리덕스 툴킷은 어떻게 사용할까? 기본적인 예제

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

Redux - react project

React 프로젝트에 redux 적용하기

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

Redux - 가벼운 프로젝트

가벼운 리덕스 프로젝트

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

Redux - Introduce

리덕스는 무엇이고 왜 필요한가?

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

D3 - EventListener

D3를 이용해서 EventListener 등록하기

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

React - Custom Hook

Custom Hook

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

React - Components & State

리액트 컴포넌트와 상태관리 시나리오

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

React - 동작방식

리액트의 동작방식으로부터 성능최적화를 하는 방법까지.

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

Okky - 네카라쿠배 개발자 커리어이야기

관련세미나를 들으면서 취준생과 신입개발자의 입장에서 정리한 내용입니다.

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