분류 전체보기 검색 결과

해당 글 273건

Webpack

Webpack 이란 ? 흩어져있는 CSS, js 리소스를 하나의 파일로 만들어 HTTP Request 비용을 줄여주며, 가져다 쓸때 편하고 기존 코드와 충돌을 피할 수 있도록 도와주는 자바스크립트 모듈 번들러이다. 사용법 번들러 사용이 필요한 디렉토리가 npm을 사용해야 한다. npm init webpack 패키지 설치가 필요하다. 사용이 필요한 디렉토리에 webpack 을 설치해준다. 그냥 인스톨이 아닌 개발용 옵션으로 설치한다. npm install -D webpack webpack-cli webpack.config.js 파일을 만든다. webpack 공식 사이트에 config 예시가 나와있다. 참고해서 만들자. https://webpack.js.org/configuration/ Configurati..
Front-end/Javascript 2021. 10. 26. 13:44

[Apache] OPTIONS, HEAD 등 불필요 Method 막기

httpd.conf 또는 httpd-ssl.conf 파일에서 또는 밑에 추가한다 (위 경로는 적용하고 싶은 웹소스가 있는 경로이다) RewriteEngine on RewriteCond %{REQUEST_METHOD} ^(DELETE|TRACE|OPTIONS|PATCH|HEAD)$ RewriteRule .* - [F] * RewirteEngine on : Rewirte Engine 을 켠다 * RewirteCond : RewriteCond에서 설정한 패턴과 일치하는 경우에 다음에 오는 RewriteRule들을 실행한다. 해당 내용은 REQUEST METHOD 가 DELETE|TRACE|OPTIONS|PATCH|HEAD일 경우 다음 룰을 적용한다. * RewirteRule : 적용할 룰, 여기서는 해당 메소..
Front-end/Web 2021. 10. 21. 18:08

AngularJS

Controller view의 비지니스 로직을 구현함 DOM Control 부분은 구현하지 않음 Service Singleton으로 구성 Controller 와는 다르게 재사용 가능 Directive 특정한 행위의 기능을 가진 사용자 정의 DOM 엘리먼트 angular.module.('...') .directive('myExample', function() { // TODO }) * ng-app : 아래 body 부분에 angular 코드가 포함되어 있다 * angular.module() : 모듈을 정의하는 함수 angular.module({{모듈명}}, {{압축할 라이브러리들}}) * angular.contoller() : 컨드롤러를 만드는 함수 angular.contoller({{컨트롤러명}}, {{..
Front-end/Angular 2021. 10. 6. 17:14

깃헙 웹페이지 올리기 github.io

1. gh-pages 설치 npm i gh-pages 2. pakage.json 홈페이지 설정 "homepage": "{username}.github.io/{project name}" 3. pakage.json deploy script 생성 1) npm run build 실행 2) build 폴더 생성 3) pakage.json에 deploy script 생성 "deploy" : "gh-pages -d build" 4) pakage.json에 predeploy script 생성 "predeploy" : "npm run build" npm 이 deploy 하기 전에 자동으로 predeploy 실행시켜줌 4. npm run deploy 실행 build 후에 gh-pages 까지 디플로이 된 것을 볼 수 있다..
Front-end 2021. 9. 8. 14:17