profile
생각은 나중에..
태그 목록
전체보기 (82)State(5)component(3)Props(3)http(3)React(3)await(3)emotion(3)JSX(3)typescript(2)github(2)routing(2)js(2)async(2)container(2)Map(2)Presenter(2)let(2)const(2)var(2)git(2)filter(2)graphql(2)callback(2)useEffect(2)Generic(2)virtual DOM(1)콜백(1)hooks(1)lifrCycle(1)promise(1)sql(1)import(1)every(1)swr(1)깊은복사(1)dynamic routing(1)next router(1)functional-component-lifecycle(1)seaching(1)OOP(1)DNS(1)배포(1)호이스팅(1)mutable(1)assign(1)memoization(1)@Resposive Design(1)Class Component(1)연산자(1)componentdidupdate(1)lazyload(1)MPA(1)router(1)preload(1)hosting(1)csrf(1)null(1)비동기실행(1)Recoil(1)useState(1)obj(1)event loop(1)ReactHooks(1)node.js(1)JavaScript(1)&&(1)domain(1)conditional rendering(1)Debouncing(1)observable(1)동기실행(1)prev()(1)hoisting(1)template literals(1)XSS(1)https(1)@media(1)json(1)Optimistic UI(1)docker(1)componentWillUnmount()(1)얕은복사(1)regex(1)CustomHokks(1)infinitescroll(1)삼항연산자(1)재귀함수(1)entries(1)values(1)원시자료형(1)useRef(1)this(1)참조자료형(1)1차원변환(1)Context API(1)destructing assignment(1)reduce(1)Promise All(1)binding(1)HoF(1)v8(1)의존성배열(1)restapi(1)CodeCamp(1)setState(1)Functional Component(1)Flat(1)spa(1)style(1)HoC(1)nosql(1)aysnc(1)static routing(1)atomic design(1)동적라우팅(dynamicrouting)(1)State Lifting(1)try catch(1)Token(1)router객체(1)CRUD(1)currying(1)권한분기(1)Throttling(1)ES6(1)componentDidMount(1)mobx(1)redux(1)상태관리(1)closure(1)react router(1)ShllowRouting(1)정적라우팅(Staticrouting)(1)Respnse/Request(1)GRAPGQL(1)scope(1)Pagenation(1)백틱(1)Apollo client(1)RecursiveFunctions(1)정규표현식(1)nextjs(1)Immutable(1)undefined(1)fp(1)

SPA(Single Page Application), MPA(Multiple Page Application)

포스팅 제목을 보면 알 수 있듯이, SPA는 Single Page Application, 한개의 페이지로 구성된 어플리케이션, MPA는 Multiple Page Application, 여러개의 페이지로 구성된 어플리케이션이다.MPA 는 새로운 페이지를 요청할 때마다 정

약 1시간 전
·
0개의 댓글

Immutable & Mutable

Mutable 객체는 생성된 이후에 상태가 변경될 수 있는 객체이고, Immutable 객체는 생성된 이후 상태가 변경되지 않는 객체를 말한다. JS에서 Object와 Array를 제외한 모든 타입은 Immutable한 타입이다.변경이 불가능하다 라는 뜻은 재할당은 가

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

Docker

스토리wl에 배포한 소ㅓ스코드, 프론트에 배포한 소스코드, 빌아이디가 다르다보니 서로다른 소스코드로 인식되서 오류가 뜬다. => 빌드아이디를 통일시키고 같은 내용을 스토리지와 프론트엔드 서버에 각각 보낼예정. 빌드아이디

약 2시간 전
·
0개의 댓글

Virtual DOM

Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념입니다. 이 과정을 재조정이라고 합니다.이 접근방식이 React의 선언적 API를 가능하게

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

Domain, DNS, Hosting

도메인(Domain이란 인터넷에 연결된 컴퓨터를 사람이 쉽게 기억하고 입력가능하게 하도록 문자로 만든 인터넷 주소이다.)기본적으로 사람의 지문처럼 각각의 웹사이트는 특정한 도메인을 갖고 있으며, 동일한 도메인을 다른 웹에 연결할 수 없다.도메인은 온라인 상 위치를 나타

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

Observable

Observable은 시간의 흐름에 따라 발생하는 이벤트들의 스트림이라고 볼 수 있다.pipeline을 설치하여 여러 이벤트나 데이터를 Observer에게 보낸다.스트림은 관념적으로 뒤에 $를 붙인다.또한 스트림에선 항상 데이터 생산자가 있어야 하며, 생성자는 데이터

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

HTTP, HTTPS

HTTPS(Hyper Text Transfer Protocol) : 서버, 클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다.즉, HTTP는 인터넷에서 하이퍼텍스트를 교환하기 위한 통신 규약으로, 80번 포트를 사용하고 있다.따라서 HTTP는 서버가 80번

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

반응형 웹 (@media, Responsive Design)

데스크톱 뿐만아니라 모바일, 태블릿, 등 모바일 기기의 이용이 늘어남에 따라 소비자(이용자)들은 데스크톱이 아닌 환경에서도 서비스를 제공받기를 원한다. 데스크톱에 비해 태블릿, 모바일 환경은 이용자의 눈에 들어오는 영역이 좁기 때문에 (데스크톱의 모니터 환경과 다르기

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

OOP, FP

OOP: Object Oriented Programming 의 약자로서 class와 object에 기반한 프로그래밍 디자인 패턴이다. 관련된 데이터끼리 묶어서 class를 형성하고 그 안에서 object instance를 만듬으로써 프로그램을 디자인한다코드의 재사용률을

2일 전
·
0개의 댓글
post-thumbnail

Event Loop

Event Loop는 MDN 문서로 검색하면 "큐의 다음 메시지를 처리합니다" 라고 나온다...? 무슨소린지 이해가 잘 가지 않는다.. 자바스크립트 엔진은 Memory Heap 과 Call Stack 으로 구성되어 있다.(그림 왼쪽!)가장 유명한 것이 구글의 V8 En

2일 전
·
0개의 댓글

promise vs callback

전에도 포스팅 한적이 있듯이 비동기 처리 방식 중 하나이다.콜백지옥이라는 문제의 소지를 갖고있는 녀석이기도 하다. 또한 그 해결방법으로 async await를 사용하기도 했었다.ex)................................................

3일 전
·
0개의 댓글

this, binding

코딩을 공부한지 얼마 안된 시점에 this가 js 에서 가장 헷갈리는 개념들 중 하나라고 들었던 것 같다. 아직 배우진 않았지만 검색을 통해 간접적으로나마 공부하고 포스팅을 해보고자 한다.this: 현재 실행되고 있는 코드의 실행 컨텍스트를 가리킨다.this bindi

3일 전
·
0개의 댓글

JS V8 Engine

V8은 웹 브라우저를 만드는데 기반을 제공하는 구글에서 개발한 오픈소스 자바스크립트 엔진이다.V8은 자바스크립트 코드를 실행 전에 최적화된 머신 코드로 컴파일하는 엔진이다.(즉, V8은 자바스크립트 코드를 받아 컴파일하고 실행하는 C++ 프로그램이다.)크롬 브라우저와

3일 전
·
0개의 댓글
post-thumbnail

SQL, NoSQL

SQL은 '구조화된 쿼리 언어(Structured Query Language)'의 약자이다. SQL을 사용하면 관계형 데이터베이스 관리 시스템(RDBMS)에서 데이터를 저장, 수정, 삭제 및 검색할 수 있다. 이러한 관계형 데이터베이스의 데이터는 정해진 데이터 스키마를

3일 전
·
0개의 댓글

Atomic-Design

아토믹 디자인은 디자인 시스템을 만드는 데 여러 가지 방법론 중 하나이다. 이름에서 유추할 수 있듯이 Atom(원자) 단위로 디자인 및 개발을 한다.명료하게 말해서, 원자가 결합하여 분자가 되고, 분자가 결합하여 유기체가 되는 것처럼, UI 컴포넌트 또한 가장 작은 단

3일 전
·
0개의 댓글
post-thumbnail

React-router vs Next-router

블로그 포스팅 시점인 8주차에도 아직 제대로 이해가 안되는 부분을 꼽으라고한다면 본인은 router를 꼽을 것이다. 2, 3주차에 '그래서 router.query가 뭔데?' 라는 말을 제일 많이 했던 것 같다. 본격적으로 router에 대해 얘기하자면, 현재 배우고있는

3일 전
·
0개의 댓글

reduce

반복되는 연산에 대한 값을 받아올 때 사용하는 배열 메소드이다(알고리즘 담당멘토님 왈)아래는 Array.reduce()기본적인 정보이다arr.reduce(callback, initialValue)매개변수1\. callback 다음의 네 가지 인수를 받는다totalVal

3일 전
·
0개의 댓글
post-thumbnail

Memoization

Memoization은 주어진 입력값에 대한 결과를 저장함으로써 같은 입력값에 대해 함수가 한 번만 실행되는 것을 보장한다.피보나치수열을 예로 들어보자.함수 내에서 자기 자신을 다시 호출하여 작업을 수행하는 재귀함수를 구현할 때 동일한 계산을 반복해야하는 경우가 많다.

3일 전
·
0개의 댓글

Optimistic UI

Optimistic UI란 특정 요청이 성공할 것이라는 가정을 하고 먼저 그 요청의 결과를 보여주는 방식의 UI이다. 어떠한 요청이 아주 높은 확률로 성공한다는 보장이 있을 때, 그리고 그 요청이 너무 늦지 않은 시간 안에 응답이 온다는 보장이 있을 때 사용할 수 있는

3일 전
·
0개의 댓글
post-thumbnail

LazyLoad vs PreLoad

LazyLoading이란 체이지 안에 있는 실제 이미지들이 실제로 화면에 보여질 필요가 있을 때 로딩을 할 수 있도록 하는 방법이다. 웹페이지 내에서 바로 로딩을 하지 않고 로딩 시점을 뒤로 미루는 것 이라고할 수 있다.이 방식은 웹 성능과 네트워크 비용 절감에 있어서

3일 전
·
0개의 댓글