Next.js

Next.js Vercel 이라는 프론트엔드 팀에서 만들었으며 따로 설정해주지 않아도 SSR, SEO, Typescript등을 지원하는 React 프레임워크로 static asset과 severless function으로 만들어진 hybrid application에 알

2021년 5월 11일
·
0개의 댓글

React: Hook ❔

Hook 을 이용하여 Class 를 작성할 필요 없이 상태값 등 여러 react의 기능을 사용할 수 있다.React는 컴포넌트에 재사용 가능한 행동을 붙이기 위하여 render props, hoc와 같은 패턴을 사용한다. 하지만 이러한 패턴을 사용하기 위해서는 컴포넌트

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

GraphQL: code-first vs schema-first

Graphql Schema graphql을 사용하면서 schema를 바탕으로 code가 매치되게 할 수 있고, 코드를 바탕으로 schema가 생성되게 할 수 있다. 두 케이스 모두 graphql 서비스의 작동을 하게 되지면 어떤 접근법을 사용하느냐에 따라 더 많은 기능을 사용할수도 사용하지 못하게 될수도 있고, 더 쉽거나 어렵게 작업하게 될 수도 있다....

2021년 3월 10일
·
0개의 댓글

Mobx-state-tree Types

type.model(properties, actions) types.array(type): array type 을 지정할 때 사용된다.types.map(type): map 형태로 데이터를 저장할 때 사용된다.types.stringtypes.numbertypes.inte

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

DynamoDB

대소문자를 구별하며 테이블 이름 및 인덱스 이름은 3자 이상 255자 이하로 이루어져 있어야 한다.테이블 이름 및 인덱스 이름은 a-z, A-Z, 0-9, \_(underscore), -(dash), .(dot) 만 포함할 수 있다.Number: 최대 38자리 까지 지

2021년 3월 5일
·
0개의 댓글

Django: deploy to AWS

Deploy to AWS

2021년 2월 2일
·
0개의 댓글

Git 명령어 정리📄

형상 관리 도구(버전 관리 시스템) 중 하나로 소프트웨어를 개ㅏㅂㄹ하는 기업의 핵심 자산인 소스 코드를 효과적으로 관리할 수 있게 해준다.전체 개발 이력을 각 개발자의 로컬로 복사본을 제공하고 변경된 이력을 다시 하나의 저장소로 복사한다.이러한 변경은 추가 개발 지점을

2020년 12월 29일
·
0개의 댓글

데이터 시각화: Dash & Plotly

인터랙티브 시각화를 제공해주는 plotly와 웹 기반의 파이썬 어플리케이션의 프레임워크를 제공해주는 Dash를 이용하여 데이터를 시각화할 수 있다.Dash ComponentSlider, check box, date picker, drop down 등을 사용할 수 있게

2020년 11월 5일
·
0개의 댓글

React Native

리액트 네이티브는 자바스크립트와 폰을 연결하기 위해서 브릿지가 필요한데, 다음 코드에서의 Text, View가 이 브릿지와 같은 역할을 한다.여기서 View는 리액트에서의 div와 같은 역할을 한다. 모든걸 View 안에 집어 넣어야 한다.리액트 네이티브에는 그만의 규

2020년 10월 6일
·
0개의 댓글

Nest.js

node.js 위에서 움직이는 프레임워크로 node.js에 백엔드를 구성할 수 있도록 해준다.(express를 이용한다.)다른 node.js의 프레임워크에는 없는 구조를 가지고 있다.nest.js는 구조를 갖고 있고, 그 구조 덕분에 순서와 룰도 있어서 이를 따르기만

2020년 9월 28일
·
0개의 댓글

GraphQL: BackEnd

URL이 존재하지 않으며 하나의 엔드포인트만이 존재하며 요청한 정보들만 받을 수 있고 원하는 방식으로 조정할 수 있다.views 나 urls는 없으며 query와 resolver가 존재한다.개발자가 어떤 정보를 원하는지에 대해 통제할 수 있다.요청한 영역의 정보보다 많

2020년 9월 21일
·
0개의 댓글

GraphQL

클라이언트가 필요한 데이터를 정확하게 특정하여 API에 요청하는 선언적인 데이터 불러오기를 가능하게 만드는 것이다. 고정된 형태의 데이터 구조를 반환하는 엔드포인트를 여러개 제공하는 것이 아니라 단 하나의 엔드포인트만을 노출시키고, 클라이언트가 요청한 데이터들만을 정확

2020년 9월 14일
·
0개의 댓글

MobX-State-Tree

앱이 커질 경우 관리해야하는 state가 늘어나며 그에 따라 여러개의 store로 분리해서 사용하게 되는데, 그러면서 앱의 다른 영역들 간의 커뮤니케이션이 복잡해지기 시작한다. 이때 mobx-state-tree를 사용하게 되는데, mobx-state-tree는 mobx

2020년 9월 10일
·
0개의 댓글

Javascript again 📑

비구조화 할당 문법을 사용하면 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언해줄 수 있다.배열에서도 사용이 가능한데, 배열 안에 있는 원소를 다른 이름으로 새로 선언해주고 싶을 때 사용하면 유용하다.만약 객체의 깊숙한 곳에 들어있는 값을 꺼내고 싶다면 비구

2020년 9월 1일
·
0개의 댓글

Reack: Hooks (useState, useRef, useEffect)

함수형 컴포넌트에서도 상태를 관리하기 위해서 hooks를 사용한다.컴포넌트에서 동적인 값을 상태(state)라고 하는데, 이것을 사용하면 컴포넌트에서 상태를 관리할 수 있다.useState를 사용할 때는 상태의 기본값을 파라미터로 넣어서 호출해준다. 이 함수를 호출해주

2020년 9월 1일
·
0개의 댓글

MobX : Hooks와 함께 사용하기

✔️ 여기서는 MobX를 클래스형이 아닌 함수형 컴포넌트에서 Hooks, 그리고 Context API와 함께 사용하는 방법을 정리한다. 먼저 MobX와 함께 사용될 Context API에 대하여 알아보도록 하자. Context 주로 어플리케이션으로 전역적으로 데이

2020년 8월 31일
·
1개의 댓글

TypeScript

타입스트립트는 \*.ts 확장자를 사용하며 타입을 지정해준다.만양 해당 타입에 맞지 않게 설정하면 에디터 상에서 오류가 나타나게 된다.특정 변수 또는 상수의 타입을 지정할 수 있고 사전에 지정한 타입이 아닌 값이 설정될 때 바로 에러를 발생시키며 그때는 컴파일이 되지

2020년 8월 28일
·
0개의 댓글

React: Life Cycle Method

컴포넌트가 1) 나타날 때, 2) 업데이트될 때, 3) 사라질 때 중간 중간에 작업하고 싶을 경우 사용한다.컴포넌트가 브라우저에 나타난다.생성자 함수로 컴포넌트가 처음 브라우저에 나타나게 될 때 만들어 지는 과정에서 가장 먼저 실행되는 함수state 초기설정, 컴포넌트

2020년 8월 25일
·
0개의 댓글

CSS selector & flex

A BSelects all B inside of A. B is called a descendant because it is inside of another element.xamplesp strong selects all elements that are inside

2020년 8월 21일
·
0개의 댓글

Django: Server

django app과 서버는 독립적이며 django app을 돌리는 방법은 여러가지가 있는데, python manage.py runserver는 서버를 돌리기 위한 여러 방법 중 한가지이다. gunicorn python wsgi(Web Server Gateway

2020년 8월 16일
·
0개의 댓글