본문 바로가기

전체 글

eclipse gradle 버전 맞추기 1.gradle 호환되는 버전 설치 링크: https://gradle.org/releases/ Gradle | Releases Find binaries and reference documentation for current and past versions of Gradle. gradle.org 2. project 우클릭 후 Properties 선택 3. Gradle 탭으로 이동 Local installation directory와 Gradle user home, Java home을 맞춰준다 4.Refresh gradle project 더보기
Angular Form HTML 폼 검색 test_board_list.component.ts에 추가 export class TestBoardListComponent implements OnInit { searchForm = new FormGroup({ keyword: new FormControl(''), }) } onSubmit(){ //입력값 전송 var keyword = this.searchForm.value; } 더보기
Angular 1 - 컴포넌트 생성 import { Component } from '@angular/core'; @Component({ selector: 'app-server', templateUrl: './server.component.html' }) export class ServerComponent (){ } 직접 만든 몇 가지 구성 요소에서 구성하여 전체 응용 프로그램을 빌드합니다. 1.server라는 component를 생성하기로 합니다. server 폴더를 생성합니다. 2.server 폴더 밑에 server.component.ts 파일을 생성합니다. 컴포넌트는 typescript class입니다. Angular가 여기에서 설정한 청사진을 기반으로 객체를 생성하기 위해 인스턴스화할 수 있도록 다음과 같이 말할 수 있습니다. 3.s.. 더보기
Vue.js 설치 1.node.js 설치 $ apt install nodejs 2.vue 설치(v2) npm install vue 3.vue-cli 설치(v4.5.11) npm install -g @vue/cli 4.vue 프로젝트 생성 vue create example01 example01 이라는 예제 폴더 생성 여기서는 버전 2를 설치할 것이다. default 옵션 선택 5.vue build npm run build vue-cli와 dist 폴더 생성 vue 실행 npm run serve 서버 구동 http://localhost:8080/으로 입력해주면 vue 실행 화면이 뜬다. 더보기