본문 바로가기
반응형

전체 글272

표준 프레임워크 개요 프레임워크의 등장 배경 소프트웨어 패러다임의 변화로 시대적 요구에 맞추어 빠르게 변화해왔고, 궁극적으로 그 변화의 방향은 재사용성 극대화에 맞추어져 왔다. 하드웨어 중심의 시대 - 프로그래밍 언어의 전성기 - 객체지향 중심의 시대를 거쳐 현재 컴포넌트 기반 개발 프레임워크 기반 개발로 변화하였다. 하드웨어 중심의 시대에서는 이해하기 쉽고 유지보수가 용이한 프로그래밍 언어 및 환경이 요구되었고 프로그래밍 언어 전성기에는 절차지향 프로그래밍 방식을 대체한 새로운 개발 패러다임이 요구되었다. 그러면서 객체 지향 중심의 시대. 즉 Web이 등장하였다. Web의 등장으로 다양한 소프트웨어에 대한 수요가 증가하였으나, S/W 개발 생산성 및 효율성이 떨어지게 된다. 지금도 처음 밑바닥부터 개발을 다 하라고 하면 하.. 2023. 7. 12.
Vue.js 개발환경 구축하기(feat. vs Code) 일전에 Python 공부하면서 VS code를 설치했었는데 Vue.js 개발할때도 VS code를 많이 사용한다고한다. 따라서 Vscode로 Vue.JS 개발할수 있는 개발환경 구축을 해보겠다. 먼저 vs code 환경에서 vue.js를 사용하려면 cdn 방식이 있고 vue/cli를 설치하는 방법이 있는데 vue/cli 설치하는 방법으로 개발환경 구축을 해보겠다. vs code로 terminal을 이용해 vue/cli를 설치하려면 npm이나 yarn이 설치되어있어야하는데 npm을 사용할것이고. npm을 사용하기 위해선 node.js를 설치해야한다. node.js 설치하러가기 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript .. 2023. 7. 11.
넥사크로17(Nexacro 17) 독학 공부하기. 7- 이벤트 속성 부여하기 앞전에 만든 화면에서 이제 버튼에 클릭이벤트를 부여하고, 스크립트로 간단한 데이터를 넣어서 고객 정보를 불러오는 기능을 구현하겠다. 생성한 버튼을 클릭하고 속성창에서 onclick 이벤트를 부여해보자. 버튼을 클릭하고 우측 속성창을 보면 이벤트 버튼이 있다. 클릭해보자. 클릭하면 이벤트 관련된 컴포넌트 속성들이 보이는데 onclick을 찾아서 divCommand_btnSearch_onclick 라고 이름지어주자. 그럼 자동적으로 스크립트를 입력할수 있는 창으로 전환될것이다. 이런 동작 이벤트를 걸었으면 정상적으로 작동하는지 먼저 테스트 할것을 난 권장한다. alert으로 테스트를 해보겠다. 작동이 잘되는지 quick view를 통해 확인하자. 버튼을 누르니 정상적으로 alert 창이 띄워지는걸 확인할수 .. 2023. 7. 10.
넥사크로17(Nexacro 17) 독학 공부하기. 6- 컴포넌트 배치 및 데이터바인딩 Dataset 구성까지 마쳤으니 이제 화면구성을 해보고, 만들어놓은 Dataset을 Grid와 연동해서 데이터를 조작해야한다. 넥사크로로 화면구성할때 주의해야될점은 DIV는 DIV 안에 있는 컴포넌트들을 감싸주는 역활을 하기때문에 먼저 DIV 컴포넌트를 배치 후에 나머지 컴포넌트들을 DIV 안에 배치해야한다. 위의 사진상에서처럼 큰 DIV 를 먼저 배치하고 그 안에 edit와 button 컴포넌트를 배치해야한다 Grid는 데이터를 다루는 화면을 구성한다면 가장 많이 선택하게될 컴포넌트이다. 주로 Dataset과 데이터 바인딩 하여 사용한다. 데이터바인딩이란? 화면에 배치된 그리드에 만들어놓은 Dataset을 연동하여 데이터 관련 화면을 표현해줄수 있게 연결하는것을 데이터 바인딩이라고 한다. 꼭 grid에.. 2023. 7. 9.
넥사크로17(Nexacro 17) 독학 공부하기. 5- Grid와 Dataset 2023.07.06 - [Study/Tip] - 넥사크로17(Nexacro 17) 독학 공부하기. 4- 컴포넌트(Button) 생성하기 넥사크로17(Nexacro 17) 독학 공부하기. 4- 컴포넌트(Button) 생성하기 2023.07.05 - [Study/Tip] - 넥사크로17(Nexacro 17) 독학 공부하기. 3- Form 생성하기 넥사크로17(Nexacro 17) 독학 공부하기. 3- Form 생성하기 2023.07.04 - [Study/Tip] - 넥사크로17(Nexacro 17) 독학 공부하기. 2- 실행편 넥 yat-ong.tistory.com 어느정도 studio에 적응이 된거같다. 이제는 본격적으로 실무스러운 화면을 만들어보겠다. 보통 은행권 프로젝트에서 넥사크로를 많이 사용한다고 .. 2023. 7. 7.
넥사크로17(Nexacro 17) 독학 공부하기. 4- 컴포넌트(Button) 생성하기 2023.07.05 - [Study/Tip] - 넥사크로17(Nexacro 17) 독학 공부하기. 3- Form 생성하기 넥사크로17(Nexacro 17) 독학 공부하기. 3- Form 생성하기 2023.07.04 - [Study/Tip] - 넥사크로17(Nexacro 17) 독학 공부하기. 2- 실행편 넥사크로17(Nexacro 17) 독학 공부하기. 2- 실행편 2023.07.03 - [Study/Tip] - 넥사크로17(Nexacro 17) 독학 공부하기. 1- 설치편 넥사크로17(Nexa yat-ong.tistory.com 이제 화면을 구성할 Form을 생성했으니 화면에 출력해줄 Component를 생성해주는 시간이다. 먼저 버튼을 생성해보자. 이곳에서 각종 요소들을 추가해줄수 있다. 만약 저 아.. 2023. 7. 6.
반응형

티스토리툴바