profile
Front-end developer

A Complete Guide to useEffect

useEffect(fn, \[]) 으로 흉내낼 순 있지만 완전히 같지는 않다. 더 생산적으로 접근하기 위해 이펙트 기준으로 생각해야 한다.(thinking in effects)추천하는 방법은 prop이나 state를 반드시 요구하지 않는 함수는 컴포넌트 바깥에 선언해서

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

React 재조정(Reconciliation)

하나의 트리를 가지고 다른 트리로 변환하기 위한 최소한의 연산 수를 구하는 알고리즘의 복잡도는 O(n^3) 를 갖는다.리액트에 이 알고리즘을 적용하면 1000개의 엘리먼트를 그리기 위해 1000^3 = 10억번의 비교 연산을 수행해야 한다. 따라서 리액트는 O(n) 복

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

우아한 테크 세미나 - 지속가능한 SW 개발을 위한 코드리뷰

우아한 테크 세미나지속가능한 SW 개발을 위한 코드리뷰에 관련된 세미나를 보고 개인적으로 정리해보았습니다.VUCA란?우리가 살고 있는 시대는 변동성이 많은 시대기 때문에 혼자만이 알고 있는 방법으로 해결하기 보단 빠르게 변하는 문제들을 모두와 함께 해결해야한다.개발 조

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

Javascript 의 Event loop

자바스크립트의 호출 스택과 이벤트 루프. 자바스크립트 코드 동작을 이해하려면 필수적으로 알아야 하기 때문에 정리를 해두려고 한다. 우선 호출스택과 이벤트 루프를 알기 전에 실행 컨텍스트 Excution Context를 알아보자. Execution Context 실행

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

Python 기본

문자열 다루기

2022년 4월 17일
·
0개의 댓글
·

무한스크롤, intersection observer

최근 무한스크롤을 구현하다가 intersection observer에 대해 알게 되어 오랜만에 정리합니다.

2022년 4월 10일
·
0개의 댓글
·

백준 1000 javascript 입력받기

문제를 풀다보면 입력을 받아야 하는 경우가 발생하는데언어가 node.js 라면 아래와 같이 해결하면 된다.

2021년 7월 4일
·
0개의 댓글
·

정규표현식 정리

드림코딩 정규표현식 정리정규표현식 연습용 사이트

2021년 7월 4일
·
1개의 댓글
·
post-thumbnail

노마드 코더 간단 알고리즘 정리

요새 노마드 코더 채널에서 니꼴라스가 10분씩 알고리즘 및 자료구조를 정리해주는데간단하게 정리할 겸 적어보려 한다.youtube데이터 구조의 오퍼레이션 혹은 알고리즘이 얼마나 빠르고 느린지 측정하는 방법실제 시간을 측정하는 것이 아니라 얼마나 많은 단계 steps가 있

2021년 6월 22일
·
0개의 댓글
·

What is Javascript?

자바스크립트란? 자바스크립트로 작성한 프로그램: 스크립트(script) 스크립트는 웹 페이지의 HTML 안에 작성이 가능, 웹 페이지를 불러올 때 스크립트가 자동으로 실행 자바스크립트는 컴파일 없이 보통의 문자 형태로 작성, 실행이 가능 = 인터프리터(interpret

2021년 4월 25일
·
0개의 댓글
·

믹스인 Mixin

자바스크립트는 단일상속만 허용하는 언어객체엔 단 하나의 \[Prototype]만 있을 수 있고, 클래스는 클래스 하나만 상속받을 수 있음믹스인은 다른 클래스를 상속받을 필요없이 이들 클래스에 구현되어있는 메서드를 담고 있는 클래스믹스인은 다른 클래스에 행동을 더해주는

2021년 1월 30일
·
0개의 댓글
·

Effective TypeScript

Ch1. item 5. any 타입의 사용을 제한하라 TypeScript's type system is gradual and optional. 이것의 핵심은 any 타입이다. There's No Type Safety with any Types. any 타입과 함께인

2021년 1월 18일
·
0개의 댓글
·

TypeScript

시작하기 TS for the New Programmer Typescript is Javascript's flavor or variant. Javascript의 짧은 역사 자바스크립트는 처음에 브라우저를 위한 스크립트 언어로 만들어졌다. 웹 브라우저 개발자들은 JS 사

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

드림코딩 by 엘라 의 자바스크립트 기초 강의 2

강의 1 포스팅에서 1~10까지 정리했는데 글이 너무 길어진 것 같아서자바스크립트의 비동기 처리부터는 2번째 포스팅에서 이어서 정리하려고 한다.자바스크립트의 비동기 처리는1\. 콜백 2. 프로미스 3. awiat/async 3가지만 알면 되고지금은 첫번째 단계 콜백을

2021년 1월 2일
·
0개의 댓글
·

드림코딩 by 엘라 의 자바스크립트 기초 강의 1

자바스크립의 기본기를 다시 복습하기 위해서 유투브를 이것 저것 보다가발견한 드림코딩 by 엘리 님이 자바스크립트 기초 강의를 시작하셔서영상들을 보면서 간단히 정리해보려고 한다.공부하면서 계속 업데이트할 예정입니다.1993 Mosaic Web Browser 첫 웹 브라우

2020년 11월 9일
·
0개의 댓글
·

Javascript의 this

자바스크립트로 개발하다보면 무조건 만나는 this 항상 헷갈리고 어설프게 알고 있는 것 같아 연휴 맞이 정리를 하려고 한다. this ?

2020년 10월 9일
·
0개의 댓글
·

React HOC

리액트를 사용하는 사람이라면 한번쯤이면 들어봤을 HOC Higher-order Component 고차 함수라고 말하기도 한다. 간단히 정리해보려고 한다. HOC (Higher-order Component) 리액트 공식 문서에 따르면 컴포넌트 로직을 재사용하기 위한 고

2020년 10월 7일
·
0개의 댓글
·

[Javascript] 함수(Function)

OREILLY의 러닝 자바스크립트 를 공부하며 정리한 CHAPTERR 6 함수 내용입니다.함수는 하나의 단위로 실행되는 문의 집합으로 일종의 부속 프로그램으로 생각해도 좋다.모든 함수에는 바디가 있으며 함수 바디는 함수를 구성하는 문의 모음.아래는 함수 선언(funct

2020년 8월 23일
·
0개의 댓글
·
post-thumbnail

테스트 주도 개발 방법 TDD(Test-Driven Development)

매우 짧은 개발 사이클을 반복하는 소프트웨어 개발 프로세스 중 하나로, 개발자느 먼저 요구 사항을 검증하는 자동화된 테스트 케이스를 작성 하고 그 후 테스트 케이스를 통과하기 위한 최소한의 코드를 생성한다. 마지막으로 작성한 코드를 표준에 맞도록 리팩토링한다. by W

2020년 8월 9일
·
0개의 댓글
·
post-thumbnail

Front-End RoadMap - 1

프론트엔드 로드맵 정리2020 프론트엔드 로드맵을 기준으로 틈틈히 정리하고 있다 ㅠ-ㅠ

2020년 8월 2일
·
0개의 댓글
·