profile
Front-end developer
post-thumbnail

빅오(Big-O)

알고리즘의 성능을 나타내는 표기법시간 복잡도, 공간 복잡도 예측 시 사용N의 증가에 따른 처리 시간 또는 필요 공간 계산| 점근적 표현법 중 하나이며, 일반적으로 상수와 계수를 제거하고 알고리즘의 복잡도를 단순화하여 나타낸다.O(1) Constant Time 상수 :

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

브라우저의 렌더링 과정

모던 자바스크립트 딥 다이브 스터디중! 웹 애플레이션의 클라이언트 사이드 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행한다. 따라서 브라우저 환경을 고려할 때 보다 더 효율적인 클라이언트 사이드 자바스크립트 프로그래밍이 가능하다. 자바스크립트의 기본 개념

2023년 7월 30일
·
2개의 댓글
·

프론트엔드 Business Logic의 분리

프로젝트가 점점 복잡해지고 오래될수록 코드를 유지하는데 비용을 최소화하고 싶은 니즈가 커지게 된다. 따라서 복잡하고 이해가 안되는 코드를 개선하고 싶은 마음이 든다. CSR이 핫해지면서 프론트엔드 프로젝트도 점점 복잡해지기 시작했고 잘 설계하기 위해 여러가지 프론트엔드

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

프로그래밍 인터페이스 디자인하기

Representational State TransferHTTP 프로토콜을 사용하여 REST API 를 요청해야 한다.경로: 서버상의 리소스를 식별할 수 있는 주소HTTP 메서드: 이 리소스를 가지고 무슨 행위를 하고 싶은 지 표시해주는 역할HTTP 상태 코드: 접수된

2023년 5월 29일
·
0개의 댓글
·
post-thumbnail

리액트 SOLID

객체 지향 프로그래밍 (OOP) 에서 자주 나오는 설계 원칙 5개 S.O.L.I.D단일 책임 원칙"every class should have only one responsibility"클래스는 단일 책임을 가져야 한다. 한 클래스가 많은 책임이 있는 경우 책임 중 하나

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

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개의 댓글
·