- 전체보기(27)
- JavaScript(9)
- React(4)
- session(2)
- 자바스크립트(2)
- front end(2)
- 알고리즘(2)
- 드림코딩(2)
- 엘라(2)
- ES6(2)
- 노마드코더(1)
- 웹폰트(1)
- InteractionObserver(1)
- 정규표현식(1)
- 인증(1)
- mixin(1)
- 믹스인(1)
- 비교알고리즘(1)
- react library(1)
- RegExr(1)
- 자료구조(1)
- API(1)
- 이벤트루프(1)
- OOP(1)
- http(1)
- 리액트(1)
- Test Driven Development(1)
- 무한스크롤(1)
- 우아한tech(1)
- 일상속사물이알려주는웹API디자인(1)
- 세션(1)
- 쿠키(1)
- API 디자인(1)
- Cache(1)
- oAuth(1)
- reconciliation(1)
- TDD(1)
- 테스트주도개발(1)
- codeup(1)
- 자바스크립트 기초(1)
- useEffect(1)
- python(1)
- react redux(1)
- 코드리뷰(1)
- 책리뷰(1)
- node.js(1)
- SOLID(1)
- codereview(1)
- web font(1)
- login(1)
- OAuth2.0(1)
- roadmap(1)
- redux-toolkit(1)
- 클로저(1)
- 캐시(1)
- interface(1)
- infinitescroll(1)
- 소셜로그인(1)
- this(1)
- 테스트코드(1)
- 데이터구조(1)
- font(1)
- Diffing Algorithm(1)
- ES5(1)
- 호출스택(1)
- 1000(1)
- 재조정(1)
- HoC(1)
- 백준(1)
- cookie(1)
- API design(1)
- 전역컨텍스트(1)
- Map(1)
- boj(1)
- mobx(1)
- redux(1)
- closure(1)
- higher-order-component(1)
- set(1)
- 우아한테크(1)
- Auth(1)
프로그래밍 인터페이스 디자인하기
Representational State TransferHTTP 프로토콜을 사용하여 REST API 를 요청해야 한다.경로: 서버상의 리소스를 식별할 수 있는 주소HTTP 메서드: 이 리소스를 가지고 무슨 행위를 하고 싶은 지 표시해주는 역할HTTP 상태 코드: 접수된
리액트 SOLID
객체 지향 프로그래밍 (OOP) 에서 자주 나오는 설계 원칙 5개 S.O.L.I.D단일 책임 원칙"every class should have only one responsibility"클래스는 단일 책임을 가져야 한다. 한 클래스가 많은 책임이 있는 경우 책임 중 하나
A Complete Guide to useEffect
useEffect(fn, \[]) 으로 흉내낼 순 있지만 완전히 같지는 않다. 더 생산적으로 접근하기 위해 이펙트 기준으로 생각해야 한다.(thinking in effects)추천하는 방법은 prop이나 state를 반드시 요구하지 않는 함수는 컴포넌트 바깥에 선언해서
React 재조정(Reconciliation)
하나의 트리를 가지고 다른 트리로 변환하기 위한 최소한의 연산 수를 구하는 알고리즘의 복잡도는 O(n^3) 를 갖는다.리액트에 이 알고리즘을 적용하면 1000개의 엘리먼트를 그리기 위해 1000^3 = 10억번의 비교 연산을 수행해야 한다. 따라서 리액트는 O(n) 복
우아한 테크 세미나 - 지속가능한 SW 개발을 위한 코드리뷰
우아한 테크 세미나지속가능한 SW 개발을 위한 코드리뷰에 관련된 세미나를 보고 개인적으로 정리해보았습니다.VUCA란?우리가 살고 있는 시대는 변동성이 많은 시대기 때문에 혼자만이 알고 있는 방법으로 해결하기 보단 빠르게 변하는 문제들을 모두와 함께 해결해야한다.개발 조
Javascript 의 Event loop
자바스크립트의 호출 스택과 이벤트 루프. 자바스크립트 코드 동작을 이해하려면 필수적으로 알아야 하기 때문에 정리를 해두려고 한다. 우선 호출스택과 이벤트 루프를 알기 전에 실행 컨텍스트 Excution Context를 알아보자. Execution Context 실행
무한스크롤, intersection observer
최근 무한스크롤을 구현하다가 intersection observer에 대해 알게 되어 오랜만에 정리합니다.
백준 1000 javascript 입력받기
문제를 풀다보면 입력을 받아야 하는 경우가 발생하는데언어가 node.js 라면 아래와 같이 해결하면 된다.
노마드 코더 간단 알고리즘 정리
요새 노마드 코더 채널에서 니꼴라스가 10분씩 알고리즘 및 자료구조를 정리해주는데간단하게 정리할 겸 적어보려 한다.youtube데이터 구조의 오퍼레이션 혹은 알고리즘이 얼마나 빠르고 느린지 측정하는 방법실제 시간을 측정하는 것이 아니라 얼마나 많은 단계 steps가 있
What is Javascript?
자바스크립트란? 자바스크립트로 작성한 프로그램: 스크립트(script) 스크립트는 웹 페이지의 HTML 안에 작성이 가능, 웹 페이지를 불러올 때 스크립트가 자동으로 실행 자바스크립트는 컴파일 없이 보통의 문자 형태로 작성, 실행이 가능 = 인터프리터(interpret
믹스인 Mixin
자바스크립트는 단일상속만 허용하는 언어객체엔 단 하나의 \[Prototype]만 있을 수 있고, 클래스는 클래스 하나만 상속받을 수 있음믹스인은 다른 클래스를 상속받을 필요없이 이들 클래스에 구현되어있는 메서드를 담고 있는 클래스믹스인은 다른 클래스에 행동을 더해주는
Effective TypeScript
Ch1. item 5. any 타입의 사용을 제한하라 TypeScript's type system is gradual and optional. 이것의 핵심은 any 타입이다. There's No Type Safety with any Types. any 타입과 함께인
TypeScript
시작하기 TS for the New Programmer Typescript is Javascript's flavor or variant. Javascript의 짧은 역사 자바스크립트는 처음에 브라우저를 위한 스크립트 언어로 만들어졌다. 웹 브라우저 개발자들은 JS 사
드림코딩 by 엘라 의 자바스크립트 기초 강의 2
강의 1 포스팅에서 1~10까지 정리했는데 글이 너무 길어진 것 같아서자바스크립트의 비동기 처리부터는 2번째 포스팅에서 이어서 정리하려고 한다.자바스크립트의 비동기 처리는1\. 콜백 2. 프로미스 3. awiat/async 3가지만 알면 되고지금은 첫번째 단계 콜백을
드림코딩 by 엘라 의 자바스크립트 기초 강의 1
자바스크립의 기본기를 다시 복습하기 위해서 유투브를 이것 저것 보다가발견한 드림코딩 by 엘리 님이 자바스크립트 기초 강의를 시작하셔서영상들을 보면서 간단히 정리해보려고 한다.공부하면서 계속 업데이트할 예정입니다.1993 Mosaic Web Browser 첫 웹 브라우
Javascript의 this
자바스크립트로 개발하다보면 무조건 만나는 this 항상 헷갈리고 어설프게 알고 있는 것 같아 연휴 맞이 정리를 하려고 한다. this ?
React HOC
리액트를 사용하는 사람이라면 한번쯤이면 들어봤을 HOC Higher-order Component 고차 함수라고 말하기도 한다. 간단히 정리해보려고 한다. HOC (Higher-order Component) 리액트 공식 문서에 따르면 컴포넌트 로직을 재사용하기 위한 고
[Javascript] 함수(Function)
OREILLY의 러닝 자바스크립트 를 공부하며 정리한 CHAPTERR 6 함수 내용입니다.함수는 하나의 단위로 실행되는 문의 집합으로 일종의 부속 프로그램으로 생각해도 좋다.모든 함수에는 바디가 있으며 함수 바디는 함수를 구성하는 문의 모음.아래는 함수 선언(funct