Jkun.io

Written by@Jkun

...

React. Redux vs Context API

Redux 란? 리덕스는 상태의 중앙 관리를 위한 이다. 를 생성하고 를 관리하기 위한 패턴 및 라이브러리 Redux Flow https://miro.medium.com/max/700/0*Z18iLsM7Bf1xoNth. Store 전역 상태를 저장하며, 이는 객체 형태로 저장되어 있다. State(Read-only)를 변경할 수 있는 수단은 Actio…

TS. 타입스크립트 인터페이스

타입스크립트 인터페이스 타입스크립트의 지향점은 타입 체크는 값의 형태에 기반하여 이루어져야 한다는 점이다. 이를 또는 이라 한다. Duck Typing : 객체의 변수 및 메서드의 집합이 객체의 타입을 결정하는 것을 의미 옵션 속성 인터페이스를 사용할 때 인터페이스에 정의되어 있는 속성을 모두 사용하지 않아도 된다. 이를 옵션 속성이라 한다.. 옵션 …

TS. 타입스크립트에서의 함수

타입스크립트에서의 함수 타입스크립트에서 함수는 크게 3가지 타입으로 정의할 수 있다. 함수의 파라미터(매개변수) 타입 함수의 반환 타입 함수의 구조 타입 함수의 기본 타입 선언 위 선언된 함수는 와 에 대한 타입을 정의한 것 이다. 함수의 반환 값에 타입을 정하지 않을 때는 를 사용한다. 함수의 인자 타입스크립트에서는 함수의 인자를 모두 필수 값으로 간주…

TS. 타입스크립트 기본 타입

타입스크립트 기본 타입 타입스크립트의 기본 타입에는 크게 다음 12가지가 있다. Boolean Number String Object Array Tuple Enum Any Void Null Undefined Never String 위와 같이 를 이용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)라고 한다. Numbe…

Sequelize.js 다루기

란 Node.js 기반의 ORM(Object-Releation-Mapping)이다. SQL Query문을 사용하지 않고 자바스크립트만을 이용하여 SQL을 사용할 수 있도록 도와주는 라이브러리이다. 공식문서에 따르면 PostgreSQL, MySQL, MariaDB, SQLite, MS-SQL을 지원한다. 공식문서 sequlize module 설치 사용할 S…

Nuxt.js 디렉토리 구조

https://ko.nuxtjs.org/nuxt-views-schema.svg Assets css, images, font와 같은 리소스들을 포함한 디렉토리이다. Components 애플리케이션에서 사용될 컴포넌트들을 포함한 디렉토리이며, 해당 컴포넌트에서는 Nuxt.js의 비동기 데이터 함수인 나 를 사용할 수 없다. Layouts 애플리케이션의 레이아…

Vue. $watch() 톺아보기

$watch() 특정 데이터의 변화를 감지하여 자동으로 특정 로직을 수행하도록 해주는 속성 기본 사용되는 방법으로 message 데이터의 변경을 감지하여 변경된 값, 변경되기 전 값으로 구분된다. $watch() 다양한 사용 문법 메서드 함수 매칭 watch의 함수를 대신하여 메서드 함수를 매칭시킬 수 있다. Option Deep 객체 내의 값의 변…

브라우저 동작 원리

웹 애플리케이션 구동 과정 URL Entered: 사용자가 웹 브라우저에서 사이트 주소를 입력 DNS Lookup: DNS를 이용하여 사이트 주소에 해당되는 Server IP 접근 Socket Connection: Client(브라우저)와 Server 간 접속을 위한 TCP 소켓 연결 HTTP Request: Client 에서 HTTP Header 와 데…

Vue. vue-cli에서 SCSS 적용과 Global SCSS 적용

Vue-Cli에서 SCSS 적용 Vue에서는 덕분에 Single File Component 구성의 .vue 파일 내에서 태그에 요소를 추가하여 사용할 수 있다. SCSS는 사용함에 있어 또는 , 를 사전에 별도의 파일로 분리하여 사용하기에 모든 파일에서 @import 해야하는 반복적인 작업해야하는 불편함이 있을 수 있다. 이런 반복적인 작업을 피하…

ETC. Firebase와 Firebase Hosting하기

Firebase Firebae는 모바일 앱, Web 앱을 개발하기 위한 통합 Backend 플랫폼 Push, Analytics, Storage, Auth, Hosting 등의 가양한 기능 제공 SDK 및 API 사용에 관한 전반적인 문서화가 잘되어 있고 한글 번역 품질 우수 HTTPS로 호스팅을 제공 Firebase SDK 설치 및 프로젝트 구성 Fire…