profile
Turtle Never stop
태그 목록
전체보기 (129)TIL(109)WeCode(44)JavaScript(34)deepdive(19)React(14)CSS(13)html(11)dart(6)코어자바스크립트(6)codekata(5)typescript(5)this(4)algorithm(4)DOM(4)reactnative(4)Event(4)class(3)promise(2)inheritance(2)변수(2)datastructure(2)westagram(2)async(2)Constructor(2)semantic(2)git(2)callback(2)pagination(2)회고록(2)실행컨텍스트(2)interface(2)flutter(2)position(2)getter(2)setter(2)refactoring(2)display(2)List(2)linux(1)Flatlist(1)배포(1)비교연산자(1)browser(1)image(1)lifecycle(1)iterable(1)generator(1)iterator(1)validation(1)path(1)recursion(1)navigator(1)도메인(1)datatype(1)시간복잡도(1)array method(1)float(1)프로토타입(1)text(1)기업협업(1)매개변수(1)await(1)useState(1)ReactHooks(1)revert(1)defaultProps(1)for(1)SOLID(1)네트워크(1)export(1)graphql(1)string method(1)ip(1)webpack(1)frontend(1)method(1)Flexbox(1)layout(1)생성자함수(1)selector(1)인터넷(1)조건문(1)OAuth2.0(1)cli(1)반복문(1)https(1)bundler(1)const(1)let(1)var(1)클로저(1)repeat(1)초기설정(1)regex(1)Algorithum(1)비트 연산자(1)combination(1)async/await(1)key(1)Navigator 2.0(1)fontawesome(1)BFS(1)HashTable(1)eventhandler(1)State(1)Sort(1)함수(1)arrow function(1)if문(1)Enum(1)reset(1)모바일앱(1)Expo(1)프로젝트 후기(1)memory(1)boxmodel(1)transition(1)TypeGuard(1)restapi(1)data(1)명령어(1)Table(1)재귀(1)array(1)form(1)super(1)developer tools(1)Defer(1)github(1)render(1)JSX(1)slice(1)babel(1)styled component(1)DFS(1)template literal(1)Props(1)override(1)time(1)grid(1)backgroundimage(1)redux(1)closure(1)emmet(1)gui(1)import/export(1)LiteralType(1)pwa(1)scope(1)스레드(1)permutation(1)sop(1)function(1)정규표현식(1)프로세스(1)object(1)cors(1)component(1)variable(1)동기/비동기(1)웹의 동작 원리(1)import(1)video(1)compiler(1)dynamic routing(1)Graph(1)debugger(1)hyperlink(1)merge(1)rebase(1)http(1)DNS(1)
post-thumbnail

TIL] Flutter Navigator 2.0

Medium의 Learning Flutter’s new navigation and routing system이라는 글을 일부 번역하여 정리한 글입니다. 상세한 구현 로직 및 사용방법은 원문 글에 자세히 나와있습니다. Navigator 2.0은 플러터 서비스가 브라우저

약 16시간 전
·
0개의 댓글
post-thumbnail

TIL] Deep Dive-프로토타입

자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어다. 클래스 기반 객체지향 프로그래밍 언어의 특징인 몇 몇 키워드 등이 없어 자바스크립트는 객체지향 언어가 아니라고 오해하는 경우도 있지만 자바스크립트는 클래

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

TIL] Deep Dive-클로저

🌼24.클로저 클로저는 난해하기로 유명한 자바스크립트의 개념 중 하나이지만 자바스크립트의 고유의 개념은 아니다. 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 중요한 특성이다. outerFunc 함수 내부에서 선언된 innerFunc는 oute

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

TIL] Deep Dive-실행 컨텍스트

실행 컨텍스트(execution context)는 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 실행 컨텍스트를 바르게 이해하면 자바스크립트가 스코프를 기반으로 식별자와 식별자에 바인딩된 값을 관리하는 방식과 호이스팅이 발생하는 이유, 클로저의 동작 방식,

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

TIL] CSS-Layout

레이아웃은 웹페이지에 text, image 등의 요소들을 위치시키거나 정렬시키는 방법으로 웹페이지의 시각적인 구조를 제공한다. 이러한 레이아웃은 큰 시각에서 웹페이지를 바라볼 때의 Page layout과 홈페이지를 구성하는 조각 요소들을 바라볼 때의 Component

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

TIL] CSS-Display

html 요소들은 기본적으로 inline, block, inline-block 등 각자 고유의 디스플레이 속성을 갖고 있다. 하지만 이러한 속성은 불변적인 것은 아니다. display는 기본 속성과 상관없이 사용하고자하는 속성으로 지정 할 때 사용한다. 이러한 속성을

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

TIL] Deep Dive-let, const 키워드와 블록 레벨 스코프

변수 선언과 값의 할당을 2개의 문으로 나누어 표현한 코드와 변수 선언과 값의 할당을 하나의 문으로 표현한 코드는 정확히 동일하게 동작한다.하지만 주의할 점은 변수 선언과 값의 할당의 실행 시점이 다르다는 것이다. 변수 선언은 소스코드가 순차적으로 실행되는 시점인 런타

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

TIL] Deep Dive-변수

사람은 계산과 기억을 모두 두뇌에서 하지만 컴퓨터는 연산과 기억을 수행하는 부품이 나눠져 있다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이다. 메모리 셀 하나의 크기는 1바이트이며, 컴

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

TIL] 프로세스와 스레드

프로그램이 메모리에 올라와 실행중인 상태를 프로세스라고 한다. 여러 프로세스를 돌리는 작업은 동시적, 병렬적 혹은 이 둘의 혼합으로 이루어 진다.동시성(Concurrency): 프로세스 하나가 여러개의 작업을 돌아가면서(Context switching) 작업을 조금씩

2021년 10월 31일
·
0개의 댓글
post-thumbnail

TIL] Deep Dive-Iterable

ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. ES6 이전 순회 가능한 데이터 컬렉션, 즉 배열, 문자열, 유사 배열 객체, DOM 컬렉션 등은 통일된 규약없이 각자 나름의 구

2021년 10월 28일
·
0개의 댓글
post-thumbnail

TIL] SOLID 원칙

🌼 SOLID 원칙 로버트 마틴이 2000년대 초반에 명명한 객체 지향 프로그래밍 및 설계의 다섯 가지 기본 원칙을 마이클 페더스가 두문자어 기억술로 소개한 것이다. 프로그래머가 시간이 지나도 유지 보수와 확장이 쉬운 시스템을 만들고자 할 때 이 원칙들을 함께 적용

2021년 10월 24일
·
0개의 댓글
post-thumbnail

TIL] Algorithm-그래프

Graph는 Vertex(정점)와 Edge(간선)로 이루어진 집합을 말한다. 이 자료구조는 G = (V, E)로 표현하며 여기서 G는 Graph 자료구조, V는 Vertex로 각 노드, E는 Edge로 각 정점들을 연결하는 선을 의미한다.각각의 그래프를 이차원 배열로

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

TIL] CS50-인터넷과 네트워크

🌼인터넷 상의 수많은 컴퓨터를 식별할 수 있는 방법? 인터넷상에 있는 장치들은 IP(Internet Protocol Address)를 할당받는다. IP 주소는 인터넷에 연결된 장치들을 식별할 수 있도록 해주고, 인터넷상의 다른 장치들이 특정 장치를 찾을 수 있도록

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

TIL] CS50-시간복잡도

🌼 Big O 표기법 Big O 표기법은 알고리즘의 성능을 수학적으로 표현해주는 표현법이다. 해당 표기법을 사용하면 알고리즘의 시간, 공간 복잡도를 표현할 수 있다. 다만 은 알고리즘의 실제 Running time을 재기 위한 목적이 아니므로 🌻 Constan

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

TIL] Deep Dive-제너레이터와 async/await

ES6에서 도입된 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 제너레이터와 일반 함수의 차이는 다음과 같다.제너레이터 함수는 함수 호출자에게 함수 실행의 제어권을 양도할 수 있다. 다시 말해, 함수 호출자가 함수 실

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

TIL] Deep Dive-프로미스

🌼 45 프로미스 자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용하는데 콜백 헬로 인해 가독성이 나쁘고 에러처리가 곤란하다는 단점으로 인해 한계가 있었다. ES6에서는 이러한 한계를 개선하기 위해 또 다른 패턴으로 프로미스를 도입했다. 프로미

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

TIL] OAuth 2.0-동작 매커니즘

OAuto 2.0은 Facebook, Google과 같은 애플리케이션이 HTTP 서비스에서 사용자 계정에 대한 제한된 액세스 권한을 얻을 수 있도록 하는 인증 프레임워크이다. 사용자 인증을 사용자 계정을 호스팅하는 서비스(Resource)에 위임하고 타사 응용 프로

2021년 10월 4일
·
0개의 댓글
post-thumbnail

TIL] Deep Dive-함수

프로그래밍 언어의 함수는 수학의 함수와 같은 개념이다. 프로그래밍 언어의 함수는 일련의 과정을 구현한 것을 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. 프로그래밍에서 함수를 사용하는 이유는 다음과 같다.함수는 실행 시점을 개발자가 결정할 수 있고 몇 번

2021년 10월 2일
·
0개의 댓글
post-thumbnail

TIL] Deep Dive-생성자 함수에 의한 객체 생성

생성자 함수란 new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스라고 한다. 자바 스크립트는 Object 생성자 함수 이외에도 String, Number 등과 같은 빌트인 생성자 함수를 제공한다. 생성

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

TIL] Deep Dive-Class

🌼 25.2 클래스 정의 클래스는 class 키워드를 사용하의 정의한다. 클래스 이름은 생성자 함수와 마찬가지로 파스칼 케이스를 사용하는 것이 일반적이다. class는 생성자 함수처럼 선언문 형태 혹은 표현식 형태로 표현 할 수 있다. 이렇게 정의된 클래스는 생

2021년 9월 26일
·
0개의 댓글