- 전체보기(83)
- State(5)
- await(3)
- component(3)
- React(3)
- http(3)
- Props(3)
- emotion(2)
- routing(2)
- container(2)
- filter(2)
- js(2)
- async(2)
- JSX(2)
- git(2)
- Presenter(2)
- const(2)
- let(2)
- var(2)
- Map(2)
- github(2)
- graphql(2)
- callback(2)
- useEffect(2)
- typescript(2)
- Generic(2)
- fp(1)
- 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)
- cd(1)
- useRef(1)
- this(1)
- 참조자료형(1)
- 1차원변환(1)
- Context API(1)
- destructing assignment(1)
- reduce(1)
- CSR(1)
- SSR(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)
- seo(1)
- aysnc(1)
- ssg(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)
- ci(1)
- 정규표현식(1)
- nextjs(1)
- Immutable(1)
- undefined(1)
CI, CD
CI: Continuous Integration, 지속적 통합CD: Continuous Deployment, 지속적 배포CI란 빌드/테스트의 자동화 과정이다. CI는 개발자를 위한 자동화 프로세스인 지속적 통합을 의미한다. CI를 성공적으로 구현 할 경우 프로젝트에 대
SEO (CSR, SSR, SSG)
웹 페이지를 렌더링하는 방식에는 크게 CSR, SSR이 있고, 각각의 정의와 특징 및 장단점, 더해서 SSG까지 알아보도록 하자. 또한 이러한 렌더링 방식이 SEO(검색엔진 최적화)에 얼마나 유리한지 까지도 짚어볼 것이다.검색엔진 최적화, 즉 검색엔진에서 찾기 쉽도록
SPA(Single Page Application), MPA(Multiple Page Application)
포스팅 제목을 보면 알 수 있듯이, SPA는 Single Page Application, 한개의 페이지로 구성된 어플리케이션, MPA는 Multiple Page Application, 여러개의 페이지로 구성된 어플리케이션이다.MPA 는 새로운 페이지를 요청할 때마다 정
Immutable & Mutable
Mutable 객체는 생성된 이후에 상태가 변경될 수 있는 객체이고, Immutable 객체는 생성된 이후 상태가 변경되지 않는 객체를 말한다. JS에서 Object와 Array를 제외한 모든 타입은 Immutable한 타입이다.변경이 불가능하다 라는 뜻은 재할당은 가
Docker
스토리wl에 배포한 소ㅓ스코드, 프론트에 배포한 소스코드, 빌아이디가 다르다보니 서로다른 소스코드로 인식되서 오류가 뜬다. => 빌드아이디를 통일시키고 같은 내용을 스토리지와 프론트엔드 서버에 각각 보낼예정. 빌드아이디
Virtual DOM
Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 “실제” DOM과 동기화하는 프로그래밍 개념입니다. 이 과정을 재조정이라고 합니다.이 접근방식이 React의 선언적 API를 가능하게
Domain, DNS, Hosting
도메인(Domain이란 인터넷에 연결된 컴퓨터를 사람이 쉽게 기억하고 입력가능하게 하도록 문자로 만든 인터넷 주소이다.)기본적으로 사람의 지문처럼 각각의 웹사이트는 특정한 도메인을 갖고 있으며, 동일한 도메인을 다른 웹에 연결할 수 없다.도메인은 온라인 상 위치를 나타
Observable
Observable은 시간의 흐름에 따라 발생하는 이벤트들의 스트림이라고 볼 수 있다.pipeline을 설치하여 여러 이벤트나 데이터를 Observer에게 보낸다.스트림은 관념적으로 뒤에 $를 붙인다.또한 스트림에선 항상 데이터 생산자가 있어야 하며, 생성자는 데이터
HTTP, HTTPS
HTTPS(Hyper Text Transfer Protocol) : 서버, 클라이언트 모델을 따라 데이터를 주고 받기 위한 프로토콜이다.즉, HTTP는 인터넷에서 하이퍼텍스트를 교환하기 위한 통신 규약으로, 80번 포트를 사용하고 있다.따라서 HTTP는 서버가 80번
반응형 웹 (@media, Responsive Design)
데스크톱 뿐만아니라 모바일, 태블릿, 등 모바일 기기의 이용이 늘어남에 따라 소비자(이용자)들은 데스크톱이 아닌 환경에서도 서비스를 제공받기를 원한다. 데스크톱에 비해 태블릿, 모바일 환경은 이용자의 눈에 들어오는 영역이 좁기 때문에 (데스크톱의 모니터 환경과 다르기
OOP, FP
OOP: Object Oriented Programming 의 약자로서 class와 object에 기반한 프로그래밍 디자인 패턴이다. 관련된 데이터끼리 묶어서 class를 형성하고 그 안에서 object instance를 만듬으로써 프로그램을 디자인한다코드의 재사용률을
Event Loop
Event Loop는 MDN 문서로 검색하면 "큐의 다음 메시지를 처리합니다" 라고 나온다...? 무슨소린지 이해가 잘 가지 않는다.. 자바스크립트 엔진은 Memory Heap 과 Call Stack 으로 구성되어 있다.(그림 왼쪽!)가장 유명한 것이 구글의 V8 En
promise vs callback
전에도 포스팅 한적이 있듯이 비동기 처리 방식 중 하나이다.콜백지옥이라는 문제의 소지를 갖고있는 녀석이기도 하다. 또한 그 해결방법으로 async await를 사용하기도 했었다.ex)................................................
this, binding
코딩을 공부한지 얼마 안된 시점에 this가 js 에서 가장 헷갈리는 개념들 중 하나라고 들었던 것 같다. 아직 배우진 않았지만 검색을 통해 간접적으로나마 공부하고 포스팅을 해보고자 한다.this: 현재 실행되고 있는 코드의 실행 컨텍스트를 가리킨다.this bindi
JS V8 Engine
V8은 웹 브라우저를 만드는데 기반을 제공하는 구글에서 개발한 오픈소스 자바스크립트 엔진이다.V8은 자바스크립트 코드를 실행 전에 최적화된 머신 코드로 컴파일하는 엔진이다.(즉, V8은 자바스크립트 코드를 받아 컴파일하고 실행하는 C++ 프로그램이다.)크롬 브라우저와
SQL, NoSQL
SQL은 '구조화된 쿼리 언어(Structured Query Language)'의 약자이다. SQL을 사용하면 관계형 데이터베이스 관리 시스템(RDBMS)에서 데이터를 저장, 수정, 삭제 및 검색할 수 있다. 이러한 관계형 데이터베이스의 데이터는 정해진 데이터 스키마를
Atomic-Design
아토믹 디자인은 디자인 시스템을 만드는 데 여러 가지 방법론 중 하나이다. 이름에서 유추할 수 있듯이 Atom(원자) 단위로 디자인 및 개발을 한다.명료하게 말해서, 원자가 결합하여 분자가 되고, 분자가 결합하여 유기체가 되는 것처럼, UI 컴포넌트 또한 가장 작은 단
React-router vs Next-router
블로그 포스팅 시점인 8주차에도 아직 제대로 이해가 안되는 부분을 꼽으라고한다면 본인은 router를 꼽을 것이다. 2, 3주차에 '그래서 router.query가 뭔데?' 라는 말을 제일 많이 했던 것 같다. 본격적으로 router에 대해 얘기하자면, 현재 배우고있는
reduce
반복되는 연산에 대한 값을 받아올 때 사용하는 배열 메소드이다(알고리즘 담당멘토님 왈)아래는 Array.reduce()기본적인 정보이다arr.reduce(callback, initialValue)매개변수1\. callback 다음의 네 가지 인수를 받는다totalVal
Memoization
Memoization은 주어진 입력값에 대한 결과를 저장함으로써 같은 입력값에 대해 함수가 한 번만 실행되는 것을 보장한다.피보나치수열을 예로 들어보자.함수 내에서 자기 자신을 다시 호출하여 작업을 수행하는 재귀함수를 구현할 때 동일한 계산을 반복해야하는 경우가 많다.