Casval's Storage

A LATE BLOOMER

성능 최적화

웹 페이지 성능 최적화 리소스 요청 수 줄이기 이미지 스프라이트 여러개의 이미지를 받는 경우 여러번 받아야 하므로 요청 수가 늘어나 로딩 시간이 길어짐 하나의 파일에 이미지를 모두 담아 보내면 요청이 하나로 줄어 로딩이 빨라짐 CSS, JS 번들링 번들링 되지 않은 경우 모든 js 및 css에 대해 요청을 하게 되므로 로딩 시...

Posted by Casval's Storage on November 23, 2020

RESTful

REST Representational State Transfer 자원을 이름(표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 것을 의미 자원(resource)의 표현(representation)에 의한 상태 전달 자원(resource)의 표현(representation)...

Posted by Casval's Storage on November 23, 2020

Vueform validateion

Vue의 Form Validation HTML5는 required 속성을 제공하여 빈 인풋에 대한 validation을 제공한다. 1 <input required> 이것은 빈 인풋을 submit 하려 하면 자동 에러메시지를 제공한다. .prevent modifier Event modifier로 submit 이벤트가 페이지를 다...

Posted by Casval's Storage on November 20, 2020

Vue install

Vue.js 사용법 호환성 Vue는 ES5 기능을 사용하기 때문에 IE8 이하 버전을 지원하지 않음. 모든 ES5 호환 브라우저를 지원 사용방법 직접 다운로드를 받아 vue.js를 script에 추가. 1 <script src="./vue.js" CDN 프로토타이핑 또는 학습 목적 1 <script src="https:...

Posted by Casval's Storage on November 20, 2020

Vue SFC

Vue Single File Component(SFC) Vue 프로젝트에서, 전역 컴포넌트는 Vue.component를 사용해 정의되고, 다음에 모든 페이지의 컨테이너 엘리먼트를 대상으로 하는 new Vue({el: '#container'}) 가 정의 됨 이것은 특정 뷰를 향상시키는 용도로만 사용되는 중소 규모 프로젝트에서 유용하지만, 좀 더 복잡...

Posted by Casval's Storage on November 20, 2020

커링

Currying은 1967년 Christopher Strachey가 수학자이며 논리학자인 하스켈 커리(Haskell Brooks Curry)의 이름을 따서 명명. 여러개의 인자를 가진 함수를 호출 할 경우, 파라미터의 수보다 적은 수의 파라미터를 인자로 받으면 누락된 파라미터를 인자로 받는 기법. 여러 인자를 입력받는...

Posted by Casval's Storage on November 19, 2020

JSX 소개

React 공식 홈페이지의 내용을 개인 학습을 위해 옮겨적은 페이지 입니다. JSX? javascript를 확장한 문법. UI가 어떻게 생겨야하는지 설명하기 위해 React와 함께 사용하는 것을 권장(React를 쓸때 JSX를 써라) javascript의 모든 기능이 포함되어 있다. 중괄호를 이용하여 javascript 표현식을 넣을...

Posted by Casval's Storage on November 19, 2020

MariaDB 명령어 정리

설치 Windows 10 Windows 10에 설치 Ubuntu 1 $ sudo apt-get install mariadb-server mariadb-client CentOS 1 2 3 4 5 6 7 8 9 $ wget https://dev.mysql.com/get/Downloads/MySQL-5.7/mysql-5.7.20-1.el7.x86_64....

Posted by Casval's Storage on November 18, 2020

함수형 프로그래밍

함수형 프로그래밍의 컨셉 변경 가능한 상태를 불변상태(immutable)로 만들어 side-effect를 없애자. 모든것은 객체이다. (1급 객체) 코드를 간결하게 하고 가독성을 높여 구현할 로직에 집중시키자. 동시성 작업을 보다 쉽게 안전하게 구현 하자. Immutable SideEffect First-class citizen (...

Posted by Casval's Storage on November 18, 2020

Docker

Docker를 설치하고 도커 실행 및 이미지 관리 등에 관한 명령어 정리 참조 사이트 : https://subicura.com/2017/01/19/docker-guide-for-beginners-2.html Docker 설치 1 $ curl -fsSL https://get.docker.com/ | sudo sh sudo 없이 사용 사용자를 doc...

Posted by Casval's Storage on November 18, 2020