전체 글79 [Spring] 프레임워크 - 디렉터리 구조 파악하기 :-) src/main/java 자바 코드(Controller, Model, Service) src/main/resources 자바 코드에서 참조하는 리소스 파일들 ex) jdbc.properties, mybatis의 mapper .. src/test/java 테스트 관련 코드 src/test/resources 테스트 코드에서 참조하는 리소스 파일들 src/main/webapp 웹 서비스 루트 디렉토리(외부에서 접근 가능) src/main/webapp/resources js,css,image등의 웹 리소스 파일 src/main/webapp/WEB-INF/views html, jsp페이지 src/main/webapp/WEB-INF/ 외부에서 접근 불가능(보안을 위해서) 컨트롤러를 경유해서 접근 가능 src.. 2020. 12. 15. [ VUE ] bookList 만들기 / v-for 리스트렌더링 예제 게시판 리스트나 비슷한 내용을 반복적으로 보여줄 때 사용하는 디렉티브가 v-for 디렉티브! v-for로 엘리먼트에 배열 매핑하기 v-for 디렉티브는 v-for="item in items" 형태로 사용 items는 원본 데이터 배열, item은 반복되는 배열 엘리먼트의 별칭! v-for 디렉티브의 index값을 구하고 싶을 땐 v-for="(item, index) in items" 형태로 사용, index값은 {{ index }}로 사용가능 1. App.vue ( 부모 컴포넌트 ) components / BookList.js ( 자식 클래스 ) v-for를 사용시에는 v-bind:key ="유일값"을 반드시 지정하지 않으면 오류 발생!!! 도서목록 {{ bookList.length }}권 {{ book.. 2020. 12. 14. [ VUE ] data 및 props 속성 / 배열, 객체, 클래스(*.js) data 속성의 값들로 배열, 객체, 클래스(*.js)등이 가능하다는 점! 1. App.vue ( 부모 컴포넌트 ) data username : {{ username }} data age: {{ age }} data array: {{ array }} data jsonType: {{ jsonType.firstname }} {{ jsonType.lastname }} data con: {{ con.username }} {{ con.age }} components / Person.js ( 자식 클래스 ) export class Person { username; age; constructor(u, a) { this.username = u; this.age = a; } getUsername() { return th.. 2020. 12. 11. [ VUE ] props속성2 - 부모에서 자식으로 데이터 전송 ( default 지정) 1. App.vue ( 부모 컴포넌트 ) components / Person.vue ( 자식 컴포넌트 ) {{ username }} , {{ age }} , {{ address }} 완성 하였으면 터미널에서 yarn serve 하여 확인! 2020. 12. 11. 이전 1 ··· 12 13 14 15 16 17 18 ··· 20 다음
