Service Worker
Record 개념 풍부한 오프라인 경험, 주기적 백그라운드 동기화, 푸시 알림(일반적으로 원시 애플리케이션을 요구하는 기능)이 웹에서 지원되고 있습니다. 서비스 워커는 이러한 모든 기능의 기술적 기반을 제공합니다 서비스워커는 브라우저가 백그라운드에서 실행하는 스크립트로, 웹페이지와는 별개로 작동하며 웹페이지 또는 사용자의 인터랙션이 필요하지 않은 기능만...
React Webpack
Record React 개발 환경을 구축하면서 배우는 웹팩(Webpack) 기초 프로젝트 설정하기 webpack-react 디렉터리 생성 yarn init -y yarn add -D @babel/core @babel/preset-env @babel/preset-react babel-loader clean-webpack-plugin css-loader html-loader html-webpack-plugin mini-css-extract-plugin node-sass react react-dom sass-loader style-loader webpack webpack-cli webpack-dev-server 웹팩으로 자바스크립트 파일 빌드하기...
React Proxy
Record 개념 웹팩 갸벌 서버에서 백엔드 API 를 호출 할 때 발생 할 수 있는 CORS 관련 오류를 방지하기 위하여 웹팩 개발 서버에 proxy 를 설정 https://developer.mozilla.org/ko/docs/Web/HTTP/CORS 방법 1 package.json 에서 proxy 필드를 설정 { "name": "what-is-new", "version": "0.1.0", ......
플루터-Flutter
Record https://namu.wiki/w/Flutter(%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC) 개념 Dart 언어 구글에서 2017년 5월 출시된 모바일/웹/데스크톱 크로스 플랫폼 GUI SDK이다. 하나의 코드 베이스로 안드로이드, 리눅스, Windows, macOS, iOS 및 웹 브라우저에서 모두 동작되는 앱을 위해 출시되었다. 사용되는 언어는 역시 구글에 의해 제창된 Dart를 사용한다. 목차 상태...
함수형 프로그래밍
Record 개념 함수형 프로그래밍은 자료 처리를 수학적 함수의 계산으로 취급하고, 상태와 가변 데이터를 멀리하는 프로그래밍 패러다임의 하나이다. 문이 아닌 식이나 선언으로 수행되는 선언형 프로그래밍 패러다임을 따르고 있다. 목차 순수함수(Pure function) Function composition Immutability(불변성) Function decoration Arity Mismatch (w. Partial Application,...
Oracle Hint
Record 개념 - 목차 드라이빙 테이블 OPTIMIZER_MODE Access Methods Join Orders Join Operations Parallel Execution Additional Hints 드라이빙 테이블 (DRIVING TABLE) 규칙기반 옵티마이저(Rule-Based Optimizer, RBO) 정해진 규칙의 우선순위, Oracle도 10g 버전부터 RBO에 대한 지원을 중단 비용기반 옵티마이저(Cost-Based Optimizer, CBO) SELECT...
SCSS
Record 개념 SCSS 전처리기 npm install node-sass yarn add node-sass Failed to compile. To import Sass files, you first need to install node-sass. Run npm install node-sass or yarn add node-sass inside your workspace
Tableau
Record 개념 데이터를 분석하고 시각화하는 솔루션, BI (Bisiness Intelligence)
React External JavaScript
Record 개념 4 Ways to Add External JavaScript Files in React React-script-tag import ScriptTag from 'react-script-tag'; const Demo = props => ( <ScriptTag type="text/javascript" src="/path/to/resource.js" /> ) React Helmet import {Helmet} from "react-helmet"; const Demo = props => ( <div...