javascript
[ ExtJS ] ExtJS 기초 문법, 그리고 Border Layout.
ExtJS 란? ExtJS 는 Client-Side 기반의 JavaScript Framework 이다. 이는 수백가지가 넘는 강력한 UI 컴포넌트를 지원하며, Classic, Gray, Crisp 등의 여러 테마 또한 지원한다. 컴포넌트 제작은 key value 형태를 가진 JSON 구조로 생성된다. 현 포스팅에선 ExtJS 설치 방법 포스팅에서 사용한 test.html 파일을 다룬다. 먼저, ExtJS 의 기초문법 몇 가지를 살펴보자. Ext.onReady() Ext.onReady(function() { ... }); Ext.onReady(function() { ... } ) 은 기존 JavaScript 의 window.onload 와, JQuery 의 $(document).ready(function(..
[ 설치 ] ExtJS 설치하고 HelloWorld 띄워보기
JAVASCRIPT 의 프레임 워크 중 하나인 ExtJS 를 설치해보고, 국룰에 맞춰 HelloWorld 알림메세지를 띄워보자. 현 포스팅은 공부의 목적으로 GPL 버전으로 설치했음. 실무에서 사용할 목적일 경우 sencha 쪽 라이센스를 자세히 확인해보고 해당 버전을 이용해야한다. * 현 포스팅의 방법말고 sencha cmd 로 설치해도 상관없다. 먼저 아래의 링크로 접속한다. www.sencha.com/legal/GPL/ 필수 입력란에 전부 입력 후, ExtJS 체크하고 GET SDK 버튼을 클릭한다. 본인이 입력한 이메일로 가서 확인해보면 메일이 올 것이다. ExtJS GPL 다운로드 클릭. 설치된 ExtJS 의 파일 구조는 아래와 같다. build 하위의 classic 폴더와 ext-all.js ..
[ React ] 리액트 함수형 프로그래밍
함수형 프로그래밍이란 함수를 함수로 넘기거나 함수가 함수를 결과로 내놓는 것이 가능한 프로그래밍을 뜻한다. 이는 함수가 다른 함수를 조작하고, 함수가 함수를 인자로 받거나 반환하는 것이 가능한 고차 함수 개념을 사용한다. 정수나 문자열 같은 일반적인 값을 1급 시민이라 하는데 JAVASCRIPT 는 함수를 1급 시민과 같이 취급하기 때문에 함수형 프로그래밍을 지원한다. 무슨말인가 하니 함수를 변수, 객체, 배열에 넣을 수 있고 이 함수를 다른 함수에 인자로 넘길 수 있고 반환 또한 가능하다. 함수형 프로그래밍의 다양한 예제를 보며 이해해보자. 보통 JAVASCRIPT 에서는 아래처럼 함수를 변수에 담아 사용할 수 있다. var logMessage = function(mes..
[ React ] 리액트 전개 연산자 ?
전개 연산자는 JAVASCRIPT 에서 축약 코딩을 하기 위한 기법 중 하나이다. 주로 배열을 다루는 부분에서 사용되며 이를 사용하면 객체 혹은 배열을 펼칠 수 있다. 혹은 '그 외 나머지 매개변수' 를 임의로 지정할 수 있게 해준다. 배열을 펼칠 수 있다? 나머지 매개변수? 무슨 말인지 아래의 여러가지 예시를 통해 알아보자. 만약 아래와 같은 배열이 두 개가 있다고 가정해보자. const arr1 = [ 1, 2, 3, 4, 5 ] ; const arr2 = [ 6, 7, 8, 9, 10 ] ; 만약 arr1 배열과 arr2 배열을 하나로 합쳐 arr3 = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ] 배열로 만들고 싶다. 기존에는 아래와 같은 방법으로 합쳤을..