# framework

34개의 포스트

201005 TIL React

JSX React.js 는 JavaScript 라이브러리입니다. 라이브러리는 기능 단위의 반복적으로 사용될 수 있는 코드를 모아둔 것입니다. 비교적 사용 목적이 프레임워크에 비해 자유롭고, 가볍습니다. React는 UI 관리의 편리성을 위해 Facebook에서 개발한

2020년 10월 11일
·
0개의 댓글

What is Django in python?

Django in Python: Django framework could be a free and ASCII text file net framework. What’s a framework? the simplest description I ever detected of

2020년 10월 10일
·
0개의 댓글
post-thumbnail

Express.js

Hi Node.js 기반의 Web framework인 Express에 대해서 서술합니다. Routing 할당 1번쨰 사진처럼 Express 모듈을 한번에 할당에서 쓰는것 보단 2번쨰 사진처럼 Express 모듈과 Express.Router 함수를 분리해서 사용하

2020년 10월 9일
·
0개의 댓글
post-thumbnail

스프링 MVC

스프링 MVC 패턴에 대하여 공부해보자

2020년 9월 28일
·
0개의 댓글
post-thumbnail

CSS 프레임워크를 직접 개발해보았습니다.

웹 프론트엔드 개발을 하다보면 CSS 프레임워크는 거의 필수적으로 사용하게 됩니다.저는 웹 개발할 때 Vue.js를 주로 사용하는데, 그 동안 이것저것 많이 사용해보았지만, 기능적으로나 디자인적으로 Element UI가 괜찮아서 그 동안 10개가 넘는 기업 웹사이트를

2020년 9월 25일
·
0개의 댓글
post-thumbnail

Tutorial 15. Mock Server

Mock Server는 가짜 서버를 만들어서 마치 api가 있는 것처럼 사용할 수 있는 서버입니다. 이 기술은 사용가능한 OData 서비스가 없거나 개발 및 테스트를 위해 OData 백엔드 연결에 의존하고 싶지 않은 경우 이용할 수 있습니다. 즉, 프론트엔드 개발자와

2020년 9월 5일
·
0개의 댓글
post-thumbnail

Tutorial 14. Custom formatter

UI5를 이용하면 데이터 모델의 속성 값에 따라서 바인딩을 바꿔주는 것이 가능합니다. 특정 status 값을 동적으로 List에서 보여주고 싶을 때 formatter는 효과적으로 이용됩니다. custom formatter를 만드는 방법은 먼저, Model 폴더에 for

2020년 9월 5일
·
0개의 댓글
post-thumbnail

Tutorial 12. Using OData

Odata는 UI5에서 데이터 부분을 다루는데 있어서 가장 중요한 부분입니다. 주로 Fiori단에서 웹 개발을 한다면, Odata는 절대적일 정도로 매우 많이 사용되는 프로토콜입니다. 일단 가볍게 Odata란 무엇인지 알아보겠습니다. 위키백과 에서 Odata의 정의를

2020년 9월 5일
·
0개의 댓글
post-thumbnail

Tutorial 11. TodoList

여태까지 저희가 배운 것을 바탕으로 간단한 ui5 웹앱을 만드려고 합니다. 바로 TodoList 만들기 입니다. 대부분의 브라우저는 local storage를 제공합니다. local storage는 쿠키와 비슷하게 5MB 정도의 브라우저 내부 저장 공간에 데이터를 저장

2020년 9월 5일
·
0개의 댓글
post-thumbnail

Tutorial 10. Custom controls

UI5에서 주어지는 label 태그에는 다른 이벤트를 삽입할 수 없습니다. 하지만, 경우에 따라서는 이러한 것들을 자유롭게 사용하고 싶은 개발자의 니즈는 존재합니다. 반면, 반복되는 UI view를 일정 단위대로 묶고 하나의 컨트롤 단위로 묶어서 view단의 소스를

2020년 9월 5일
·
0개의 댓글
post-thumbnail

Tutorial 09. Fragment

View를 만들면서 반복되는 UI control이 늘어나는 경우가 있습니다. React나 Vue를 예로 들면 이를 template이나 컴포넌트 형태로 View단을 나누어 효율적인 코드 유지보수를 가능하게 지원합니다. UI5에서도 이처럼 비슷한 기능을 제공하는데 바로,

2020년 9월 5일
·
0개의 댓글

Framework와 Library 차이점

소프트웨어를 만들 때 뼈대가 되는 부분을 미리 구현한 클래스, 인터페이스, 메서드 등의 모음입니다. ex) spring,mybatis 미리 구현해 둔 코드를 쓰기 때문에 빨리 만들 수 있고,품질이 보장되어 있고,체계적으로 이미 틀이 잡혀져 있기 떄문에 유지 보수 하는

2020년 9월 3일
·
0개의 댓글
post-thumbnail

Tutorial 08. Routing

UI5는 웹페이지 간의 Navigation 기능을 제공합니다. 이것이 바로 Routing입니다. Tutorial 01을 보신 분이라면 UI5가 SPA(Single Page Application)이라는 것을 알고 계실 것입니다. SPA의 특징은 바로 화면을 구성하는 ht

2020년 9월 3일
·
0개의 댓글
post-thumbnail

Tutorial 07. UI Elements

UI5는 다양한 UI Element를 제공합니다. SAPUI5는 Fiori라는 SAP 하이브리드 웹앱 플랫폼을 제작하기 위한 엔터프라이즈 라이브러리이기에 OPENUI5보다 많은 종류의 UI Elements를 제공합니다. 만약에, 상업적으로 UI5 어플리케이션을 만들어야

2020년 9월 3일
·
0개의 댓글
post-thumbnail

Tutorial 06. UI5 Model

UI5는 Model View Controller의 MVC 패턴을 사용합니다. MVC의 특징은 View는 화면단의 로직을 Model은 화면에 필요한 데이터를, 그리고 Controller는 View와 Model 두영역을 다루는 코드로 구성되어 있습니다. UI5에선 View

2020년 9월 3일
·
0개의 댓글
post-thumbnail

Tutorial 05. Module

자바스크립트 프로그램은 꽤 작게 시작되었습니다. 초기에 사용된 대부분의 스크립트는 독립적인 작업을 수행하며, 일반적으로 큰 스크립트가 필요하지 않았습니다. 요즘 모던 자바스크립트에선 브라우저 제어로직이나 Node.js와 같은 브라우저 외의 영역에서도 사용가능합니다.따라

2020년 9월 3일
·
0개의 댓글
post-thumbnail

Tutorial 04. Using HTML native Tag & Custom CSS

UI5를 보시면 기존에 웹을 공부하신분들이라면, 뷰 화면을 구성할때 태그가 html 표준 코드와는 다른 점을 알 수 있습니다. 사실 이는 UI5에서 표준으로 제공하는 일종의 부트스트랩 스타일이 포함된 뷰 요소를 제공하기 때문입니다. UI5에서제공하는 Label이나 Bu

2020년 9월 3일
·
0개의 댓글
post-thumbnail

Tutorial 03. UI5 Views

이번 글은 링크 를 참고하여 제작되었습니다. UI5는 MVC 패턴을 사용하여 화면을 제어합니다. 그 중에 View는 UI(User Interface)와 직접적인 연관이 있는 만큼 굉장히 중요한 부분을 차지합니다. UI5에서는 기본적으로 버튼이나 입력 필드, 테이블,

2020년 9월 3일
·
0개의 댓글