보호되어 있는 글입니다.

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..

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

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

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

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