Framework | Library

참고

보호되어 있는 글입니다.

[Vue.js] Vue.js

View: 눈에 보이는 화면 (화면의 요소는 HTML) HTML은 DOM을 이용해서 javascript로 조작 -> Reactivity DOM Listeners: View에서 사용자 이벤트는 Vue의 DOM Listeners로 청취 Modal: Vue에서 청취한 이벤트를 통해 javascript에 있는 데이터를 변경하거나 특정 로직을 실행 javascript를 통해 데이터가 변경되었을 경우 Data Bindings 동작하여 View에 반영 Instance 뷰 개발 시 필수로 생성이 필요한 코드 인스턴스 생성 시 Vue 개발자 도구에서 Root 컴포넌트로 인식 var vm = new Vue({ el: '#app', data: { message: 'hi' }, methods: { }, created: fun..

[Flutter] Flutter란?

스마트폰의 앱 개발 방식은 3가지로 분류된다. 네이티브 방식 - Native App 안드로이드나 ios 자체에서 제공하는 개발환경으로 개발하는 형식 안드로이드(안드로이드 스튜디어 - Java, Kotlin언어 사용) 하이브리드 방식 - Hybrid App 웹 기술을 활용하여 앱화면을 만든 후 네이티브 기술로 감싸서 앱 형태로 보여주게 만드는 방식 크로스 플랫폼 형식 - Cross-Platform App 안드로이드와 ios 등 각 플랫폼용 앱을 한번에 구현하는 방식 (Xamarin-C#, Fullter-Dart, React Native - Java) Flutter란? flutter는 Google에서 만든 오픈소스 모바일 앱 개발 프레임워크이다. 두개의 운영체제 모두에서 돌아가는 앱을 한번에 구현할 수 있는..

MVC 패턴

MVC 패턴이란? MVC란 Model-View-Controller의 약자로 애플리케이션을 세 가지 역할로 구분한 개발 방법론이다. 사용자가 Controller를 조작하면 Controller는 Model을 통해 데이터를 가져오고 그 데이터를 바탕으로 View를 통해 시각적 표현을 제어하여 사용자에게 전달하게 된다. 이러한 패턴을 성공적으로 사용하면 사용자 인터페이스로부터 비즈니스 로직을 분리하여 애플리케이션의 시작적 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있는 애플리케이션을 만들 수 있게 된다. 위 개념을 WEB에 적용 시 사용자가 웹사이트에 접속 Controller는 사용자가 요청한 웹페이지를 서비스하기 위해서 모델을 호출 Model은 데이터베이스나 파일과 같은 데이터..

[Spring] AOP(Aspect Oriented Programming), 스프링 AOP

AOP (Aspect Oriented Programming) AOP는 Aspect Oriented Programming의 약자로 관점 지향 프로그래밍이라고 불린다. 관점 지향은 어떤 로직을 기준으로 핵심적인 관점, 부가적인 관점으로 나누어서 보고 그 관점을 기준으로 모듈화 하겠다는 것이다. 예를 들어 핵심적인 관점은 비즈니스 로직이 될 수 있고, 부가적인 관점은 핵심 로직을 실행하기 위해 행해지는 데이터베이스 연결, 로깅, 파일 입출력 등이 될 수 있다. AOP는 흩어진 관심사(Crosscutting Concerns)를 모듈화 할 수 있는 프로그래밍 기법이다 위와 같이 클래스 A, B, C에서 공통적으로 나타나는 색깔 블록은 중복되는 메서드, 필드, 코드 등이다. 이때 예를 들어 클래스 A의 주황색 블록..

[Bootstrap] 부트스트랩이란?

부트스트랩 프론트엔드 개발을 빠르고 쉽게 할 수 있는 프레임워크 : 재사용 가능한 요소의 집합, 구조와 툴 결정, 확장 가능한 기반 코드 등 HTML, CSS 기반의 템플릿 양식, 버튼, 네비게이션 및 기타 페이지를 구성하는 요소 포함 자바스크립트를 선택적으로 확장 할 수 있음 Github의 오픈 소스로 사용 가능. 상업적 이용 가능 부트스트랩 탄생배경 (트위터) 서로 다른 인터페이스를 사용한 여러 개발자들의 공동작업 디지인 불일치, 관리 어려움, 방대한 코드량 → 일관성 유지 불가 문제점 개선을 위해 트위터의 개발자와 UI 디자이너가 개발 2011년 8월 깃허브 오픈, 2014년 6월 깃허브 첫 번째 프로젝트 부트스트랩은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Java..