728x90 반응형 전체 글65 [Vue js 반응형 웹페이지] 우측 슬라이드메뉴 여기서 이어서함 [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 yoyostudy.tistory.com/29 page2.vue를 아래 코드로 수정 PAGE 2 page2 - 우측 슬라이드 slide show PAGE 2 - SLIDE 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 카테고리 슬라이드 메뉴 동작 영상 슬라이드 메뉴 동작 영상 2021. 5. 7. [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 사용할 모듈 설치 ㄱㄱ ( vue-router , jquery ) npm install --save vue-router npm install jquery --save npm i -g npm-check-updates 사용할 vue 파일 4개 + Nav 파일 + router.js 파일 생성 router.js import Vue from 'vue' import Router from 'vue-router' import page1 from './views/page1.vue' import page2 from './views/page2.vue' import page3 from './views/page3.vue' import page4 from './views/page4.vue' Vue.use(Router) expor.. 2021. 5. 7. IntelliJ + Vue 개발환경 구성 IntelliJ + Vue + Nodejs 개발환경 1. Vue 플러그인 설치 2. IntelliJ 종료 + 재실행 + 프로젝트 생성 3. Node.js 구동 + 확인 2021. 4. 14. Spring - DAO, DAOImpl, mapper Data Access Object DB의 데이터에 접근하는 객체 DAO(Data Access Object)는 DB를 사용해 데이터를 조화하거나 조작하는 기능을 전담하도록 만든 오브젝트를 말한다. 사용자는 자신이 필요한 Interface를 DAO에게 던지고 DAO는 이 인터페이스를 구현한 객체를 사용자에게 편리하게 사용 할 수 있도록 반환해줍니다. DB에 대한 접근을 DAO가 담당하도록 하여 데이터베이스 엑세스를 DAO에서만 하게 되면 다수의 원격호출을 통한 오버헤드를 VO나 DTO를 통해 줄일 수 있고 다수의 DB 호출문제를 해결할 수 있습니다. 또한 단순히 읽기만 하는 연산이므로 트랜잭션 간의 오버헤드를 감소할 수 있습니다. Mapper Interface - mapper 파일에 기재된 SQL을 호출하기.. 2021. 1. 12. Spring - VO VO(Value Object) 데이터 그 자체로 의미 있는 것을 담고 있는 객체이다 DTO와 동일한 개념이나 차이점은 Read–Only 속성 객체이다. 간단한 독립체( Entity )를 의미하는 작은 객체를 의미한다. 관계데이터베이스의 레코드에 대응되는 자바클래스이다. 형태는 Database레코드를 구성하는 필드들을 VO의 Attribute로 하고 해당 변수에 접근 할 수 있는 Getter와 Setter 메소드의 조합으로 클래스를 형성되어진 클래스이다. 거의 불변성을 가지고 equals()로 비교할 때 객체의 모든 값을 비교해야 한다. DTO(Data Transfer Object) 전송되는 데이터의 컨테이너이다. VO와 동일하게 데이터를 저장하여 사용하도록 하는 부분에서 필요하다. VO와 비교를 하여 보.. 2021. 1. 12. Fireabase Functions 셋팅 1. Firebase 프로젝트에 Functions기능을 사용하기 위해 요금제를 업그레이드한다 ( 종량제 ) 계속 진행 ! 2. 로컬에 개발환경을 구축해야한다. ( 선행으로 nodejs, npm 을 설치해야함 ) - npm install -g firebase-tools 로 firebase-tools 설치 3. 로컬에서 fireabse 프로젝트에 접근하기 위해 로그인 - Firebase CLI(로컬)가 내 Google 계정에 엑세스하려고 합니다 라는 연결요청이 웹으로 온다 ( 자동실행됨 ) 4. firebase 프로젝트 시작 및 초기 셋팅 5. 로컬에 생성된 프로젝트 확인 6. index.js 수정 7. 배포 및 URL 확인 8. 확인한 URL이 유효한지 확인 및 사용자 접속확인(Firabase Console) 2020. 12. 29. 이전 1 ··· 4 5 6 7 8 9 10 11 다음 728x90 반응형
