Web
-
[Web] Gulp 란Web 2019. 5. 20. 23:49
Gulp정의 테스크 자동화를 위한 빌드 시스템 Gulp 역할 최적화 웹 애플리케이션과 웹 사이트에서 js, css, 이미지 파일 등이 빠르게 로딩되기 위한 최적화(압축 및 공백 등을 제거) 변경 사항 자동 반영 style.css나 script.js파일 등을 수정한 후 프로덕션을 위해 변경사항을 밀어 넣을 때 gulp가 일련의 반복되는 작업을 대신 수행 Sass, LESS 파일 컴파일 여러 js/css 파일들을 하나로 결합 SVG 아이콘을 폰트로 변환 실시간 브라우저 리로딩 출처 : https://www.quora.com/What-is-Gulp-js-used-for
-
[Web] FreeMaker(프리마커)란Web 2019. 5. 20. 23:08
아파치 프리마커란? 템플릿 엔진 템플릿과 변경되는 데이터를 기반으로 자바 라이브러리를 사용하여 텍스트 결과물을 출력(HTML 웹 페이지, 이메일, 설정 파일, 소스 파일 등) 템플릿은 FreeMarker Template Language(FTL) 을 사용하여 작성 변경되는 데이터는 대게 자바를 사용하여 작성(데이터 베이스에서 쿼리를 해오거나, 비지니스 로직을 계산) 아파치 프리마커는 템플릿을 사용하여 준비된 데이터를 표시 출처 : https://freemarker.apache.org/
-
[Web] CSS 기초Web 2019. 5. 20. 01:08
p { color : red; } 선택자 맨 앞에 있는 HTML 요소 이름 예) p가 선택자에 해당 선언 color : red와 같은 선언을 의미 여러 요소를 선택하는 경우 콤바로 구분하여 여러 요소를 선택 가능 p,li,h1 { color: red; } 요소 정의 방법 이름 선택 항목 예 요소(여러 항목 가능) 특정 HTML 태그를 의미 p 를 선택 아이디 특정 아이디를 가진 태그를 의미 #my-id 클래스 특정 클래스를 가진 태그를 의미 .my-class 속성 특정 속성 img[src] 수도(pseudo) 클래스 특정 태그가 특정 상태인 경우에 해당 a:hover 를 선택하는데 마우사 포인터가 링크 위에 있는 경우만 해당 출처 : https://developer.mozilla.org/ko/docs/..
-
[Web] REST, RESTful 이란Web 2019. 5. 10. 17:02
REST란? REpresentational State Transfer (REST)의 약자 웹 서비스를 만들기위해 자주 사용되는 소프트웨어 아키텍처 스타일의 집합 RESTful 웹서비스의 특징 요청에 대해서 일관되고(uniform) 미리 정의된 무상태(stateless)의 연산 제공 RESTful 웹 서비스의 제약조건 1. Client-Server 사용자의 요청과 데이터의 저장을 분리하기 위해서 클라이언트-서버 모델 사용 서버의 각 컴포넌트는 클라이언트와 독립적으로 구성되어 확장이 용이 2. Stateless 클라이언트와 서버 사이는 client-stateless-server(CSS) 스타일로 무상태 통신 클라이언트의 각 요청은 필요한 모든 정보를 포함해야 하며, 서버에 컨텍스트에 대한 어떠한 정보도 포함..