HelloWorld

    반응형
    이미지21

    [ 설치 ] 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 ..

    이미지21

    [ React ] 리액트 화면 띄워보기

    이번 게시글에선 리액트를 사용해 화면을 띄워보는 내용을 다룰 것이다. ​ 저번 게시글에서 만든 hello-react 프로젝트를 코드에디터 프로그램으로 열어보자. 필자는 VisualCode 사용. ​ ​ 다음과 같은 프로젝트가 구성이 되어있는데 눈여겨 볼 곳은 index.html, index.js, App.js 파일이다 App.js 는 사용자가 만든 컴포넌트다. 이 컴포넌트를 호출하면 호출한 곳으로 화면을 그려주던, 그 외의 기능을 수행하던 할 내용이 담겨있다. index.html 은 우리가 흔히 알고있는 브라우저에 보여주고자 할 화면이다. index.js 는 App.js ( 컴포넌트 ) 와 index.html ( 화면 )을 연결해주는 다리 기능? 을 해주는 파일이다. ​ 소스를 참고하면서 이해해보자. A..