profile
일상을 기록하는 삶을 사는 개발자 ✒️ #front_end 💻
태그 목록
전체보기 (127)자바스크립트(25)알고리즘(21)프로그래머스(20)코딩테스트(19)React(6)JavaScript(5)next js(5)graphql(4)redux(4)components(3)생활코딩(3)class(2)router(2)State(2)useMemo(2)localstorage(2)as(2)코딩테슽(2)static(2)iterable(2)Map(2)useCallback(2)project(2)Module(2)React.memo(2)query(2)&&(2)protected(2)CallStack(2)신입(2)JSX(2)typescript(2)express(2)tuple(1)set(1)add(1)유닛테스트(1)callback queue(1)graphql-server(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)JSON Server(1)GraphiQL(1)--watch(1)primitive value(1)cors(1).sort(1)회고(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)POST(1)lokka(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)apollo(1)Promise 반환(1)스코프(1)selection.remove()(1)catch(1)complie(1)박미정(1)unknown Type(1)DNS(1)patch(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)Relay(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)express-graphql(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)graphql-client(1)Custom types(1)append(1)Prototype(1)await(1)useEffect(1)useState(1)type 지정자(1)프론트(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)fragment(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)put(1)delete(1)tsc(1)cloneDeep(1)promise.allSettled(1)String(1)김영재(1)context(1)d3.select(1)삼항연산자(1)취업준비(1)union(1)ClearTimeout(1)apollo server(1)padEnd()(1)Number.parseInt()(1)lastIndexOf(1)new(1)useRef(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)update(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)데이터 중첩(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)이력서(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)db.json(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)outDir(1)Number.toString()(1)배열 분해(1)cookie(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)mutation(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)읽기전용 프로퍼티(1)closure(1)private(1)index.js(1)padStart()(1)for ~ of(1)OKKY(1)promise.all(1)
post-thumbnail

2달차 신입의 회고

취업 전과 취업 후는 느끼는 시야가 다릅니다. 많이 달랐습니다. 우선 정말로 행복했습니다. 그동안 독학을 하면서 사수들에 대한 질문이 고팠으니까요.일단 업무 환경이 너무나 행복했습니다. 이전 직업이 직업군인 이었던지라 유연출근제와 같은 스타트업 문화가 너무나 달았습니다

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

GraphQL - 4

graphql-client 스텍과 graphql-server 스텍의 비교

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

GraphQL - 3

Mutation : add, delete, edit

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

GraphQL - 2

데이터 타입끼리 연동하기

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

GraphQL - 1

GraphQL 이란?

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

GraphQL - 문서 요약

GraphQL 공식문서 요약

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

Typescript - TypeAssertion & TypeAnnotation

type assertion vs type annotation

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

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

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

2022년 1월 19일
·
8개의 댓글
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개의 댓글