전체 글 검색 결과
275 개의 검색 결과가 있습니다.
[DEV] App Dev ∕ Web Front/Framework ∕ Angular

Angular 핵심 요약(미완)

# Angular Framework의 정의- Single Page Application을 만드는 것을 지원하는 Web Front-end Framework이다.- Component(재활용 가능) 기반으로, Web을 구성할 수 있도록 여러가지 Angular 구성요소들을 제공한다.- 각각의 Angular 구성요소들은 TypeScript 언어(Annotation이 사용됨)를 기반으로 설계되어 있다. # Angular 구성요소- Module / @NgModule / (모듈이름).module.ts - Component / @Component / (컴포넌트이름).component.ts | (컴포넌트이름).component.html | (컴포넌트이름).component.scss View(html)과 Logic(clas..

2020. 8. 19. 17:03
[DEV] App Dev ∕ Web Front/Lang ∕ Css, Scss, Less

[라이브러리]TailwindCss : 유틸리티 우선 CSS 프레임워크

# 개요UI 키트의 규칙에 구속되지 않고, 반응형 UI를 달성할 수 있는 방법을 제공하는 CSS 프레임워크이다.사용자 정의 사용자 인터페이스를 빠르게 구축하기 위한 유틸리티 우선 CSS 프레임워크입니다.인라인 스타일을 작성하고, CSS 한줄 쓰지 않고도 멋진 인터페이스를 만들 수 있음 Q. Utility 우선이란?Bootstrap과 다르게, Tailwind는 자동으로 스타일이 지정된 구성요소를 제공하지 않음개별 유틸 클래스(bg-purple, text-white와 같이)를 통해, 특정방식으로 컴포넌트를 스타일링하는데 도움을 주는 것을 의미합니다. # 설치1. npm install tailwindcss --save-dev2. npx tailwind init [filename] //Tailwind는 거의 전..

2020. 8. 19. 16:57
[DEV] App Dev ∕ Web Front/Framework ∕ Angular

[라이브러리]cdk/drag-and-drop : 드래그&드롭 기능

# 개요@angular/cdk/drag-drop 라이브러리란, material.angular.io 에서 공식적으로 제공하는 드래그&드롭 Angular Module이다. # 설치방법npm install --save @angular/cdk # 사용법1. DragDropModule을 NgModule 내에 import2. X.component.html 상에서 적용 Dragging starts after one second drop(event: CdkDragDrop) { if (event.previousContainer === event.container) { moveItemInArray(event.container.data, event.previousIndex, event.currentIndex); } else..

2020. 8. 19. 16:26
[DEV] App Dev ∕ Web Front/Framework ∕ Angular

[라이브러리]ng-zorro : Augular를 위한 UI Framework(Ant 디자인 철학)

# 개요ng-zorro-antd란? Angular 프로젝트 상에서 사용가능한 Ant Design 기반 UI Framework이다.nz로 시작하는 속성, 태그는 ng-zorro 모듈 내 정의된 구성요소임을 의미 # 설치Q. Ant Design이란?- Admin 페이지를 더 쉽게 만들 수 있도록 하기 위해 만들어진 React / Angular 기반의 UI Framework이다.- 디자이너 없이, 완성도 높은 UI 프레임워크를 쓰고 싶고, 좋은 UX를 만들고 싶은 욕구에서 나온 결과이다. - 요즘은 디자이너 없이도, Bootstrap과 같은 UI 프레임워크를 사용할 경우, 쉽게 수준높은 UI를 만들어낼 수 있다.- Ant Design이란 10가지 디자인 원칙에 입각하여, 훌륭한 디자인의 UX를 제공하는 UI ..

2020. 8. 19. 16:15
[DEV] App Dev ∕ Web Front/Framework ∕ Angular

[라이브러리]ngx-quill : 텍스트 에디터 Angular Module

# 개요Angular Version 2 이상을 지원하는 Rich Text Editor의 모든 기능을 가진 Component( 정의)를 포함한 Angular Module이다.1.2k 이상의 github star # 기본 셋팅1. npm install --save ngx-quill (Version 5 이상) npm install ngx-quill@1.6.0 (Version 5 미만)2. ngx-quill 내에 Dependency가 존재하는 Angular Module들을 설치[자동으로 설치될 듯?]- @angular/core : 기본 Angular 구성요소들을 정의하는 Angular Framework 핵심 모듈- @angular/common : Angular Framework 중 기본 기능과 관련된 모듈- @..

2020. 8. 19. 15:27
[DEV] App Dev ∕ Web Back/Framework ∕ Spring

Spring Framework란?

# Spring 프레임워크란? 자바 엔터프라이즈 개발을 편하게 해주는 오픈소스 경량급 애플리케이션 프레임워크 # 애플리케이션 프레임워크란? 애플리케이션 프레임워크는 특정 계층이나, 기술, 업무 분야에 국한되지 않고 애플리케이션의 전 영역을 포괄하는 범용적인 프레임워크를 말합니다. 애플리케이션 프레임워크는 애플리케이션 개발의 전 과정을 빠르고 편리하며 효율적으로 진행하는데 일차적인 목표를 두는 프레임워크입니다. # 라이브러리와 프레임워크? 대부분의 라이브러리와 프레임워크는 특정 목적을 가지고 생성 된다. 예를 들면 웹 계층을 MVC 구조로 손쉽게 만들 수 있게 한다거나, 포맷과 출력장치를 유연하게 변경할 수 있는 애플리케이션 로그 기능을 제공한다거나, 간단한 설정만으로 관계형 DB와 자바오브젝트를 매핑해주..

2020. 8. 14. 14:03