톰캣을 설치한 곳으로 가서 dir 구조를 보면 다음과 같다. dir 이름을 보면 알 수 있듯이 tomcat 9.0 기준. 하지만 버전이 다르다고 해서 기본적인 dir 구조가 달라질 것 같지 않다. 각 디렉토리의 역할을 정리하면 다음과 같다. - bin톰캣 실행에 필요한 실행 파일이 모아져 있는 디렉토리 ex. shutup(톰캣 실행), shutdown(톰캣 정지) - conf톰캣 서버 실행에 필요한 설정 파일이 모아져 있는 디렉토리 ex. Server.xml - lib톰캣 구성에 필요한 자바 library 모음 디렉토리 ex. servlet-api.jar - logs 서버 실행 중 발생한 오류를 기록하는 디렉토리 - temp서버 실행 동안 임시 파일을 보관하는 디렉토리 - webapps 웹 애플리케이션(..
서버 개발하는 분들에게는 굉장히 당연한 개념일 듯 하지만,너무 오랫만에 서버를 다시 공부하게 되면서 기초부터 다시 차근 차근 정리해봐야겠당... (다른 분들이 더 자세하고 명확하게 이해하고 정리한 글이 많고도 많지만이건 혼자 이해한 내용을 정리하기 위해 작성하는 글임을 밝힘니다.) 웹 개발을 하게 되면, 웹 서버를 구성하게 된다. 이전에 정리했던 node 역시 웹 서버로 사용할 수 있는 서버 중 하나다. 그리고 내가 알고 있는 서버는 Apache 서버와 Tomcat 서버가 있다. 이 두 개의 서버도 node 서버 처럼 웹 서버의 종류 중 하나일까?? 웹 서버 종류로 Apache 서버와 Tomcat 서버가 있지만,이 둘 서버는 서로 다른 목적을 갖고 동작한다. 어떻게 다른 건지 정리해보면, Apache 서..
vuex의 기본 요소는 다음과 같다. Vuex.Store({ state: { // 1) }, mutations { // 2) }, actions { // 3) }}) 1) state state는 store에서 갖고 있는 데이터들을 의미한다. state 안에 선언된 데이터들은 vue 인스턴스 내부에서 접근할 수 있지만,vue 인스턴스에서 직접적으로 데이터를 수정하지는 못한다. * vue에서 store에 접근하는 예시 코드 export default {mounted() {console.log(this.$store.state);}} 그렇다면 store의 데이터를 set 및 update를 하기 위해서는 어떻게 해야하는가?데이터 set, update를 지원하는게 mutations와 actions다. 2) muta..
vuex는 간단하게 설명하면 데이터 저장소 역할의 라이브러리다. 간단하게라고 이야기한 이유는, 단순히 데이터를 저장하는 역할만 하지 않고 vuex 저장소의 데이터가 변경되면vue 컴포넌트가 바로 반영되는 상호작용도 해주기 때문이다. 아 개념을 설명하기 너무 어렵다 ㅠㅠ 이럴 땐, doc 문서가 최고 https://vuex.vuejs.org/kr/intro.html 개념은 doc에서 자세히 보는거로 하고..vuex를 프로젝트에서 사용하기 위해선 다음과 같은 절차가 필요하다. step 1. 프로젝트 내부에 vuex 모듈을 설치해야 한다. 다음의 명령어를 command 에서 실행하여 vuex 모듈을 다운받자. npm install vuex; step 2. vuex를 vue 애플리케이션에 주입시켜야 한다. 보통..
디버깅 툴을 개발할 때 너무나도 필요한 빛과 소금!! 크롬에서 디버깅 툴을 extension을 설치하여 사용할 수 있다. 크롬 설치 url : https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd 크롬에서 해당 페이지가 vue 기반인지 여부를 보여주는데, vue 기반이다 싶으면 vue 마크에 불이 들어오고 아니면 안들어옴 ㅋㅋ (위 : vue 기반 / 아래 : vue 기반 X) 설치 후 개발자 도구에 들어가면 Vue 탭을 볼 수 있다. 짜잔. 각 vue component들을 찍어서 볼 수 있고, vuex 값도 체크 가능함! 혹시 개발자 도구에 vue 탭이 찍히지 않는다면, 코드에서 vue 설정 값을..
지난 글로 부모-자식 컴포넌트 간의 데이터 전달 방법에 대해 정리했다. 이번에는 개별의 컴포넌트 사이에서의 데이터 전달(통신) 방법에 대해 정리하겠다. Vue는 자체적으로 이벤트와 관련된 $emit, $on 메소드를 갖고 있어,보통 EventBus라는 이름의 Vue 객체 생성 후 해당 객체를 사용하여 서로 통신을 한다. 예제를 보자. 다음은 EventBus 생성 파일이다. - EventBus.js import Vue from 'vue'; export const BUS = new Vue(); 다음은 이벤트 호출/처리할 컴포넌트 선언 파일이다. - One.vue (이벤트 호출 컴포넌트) import { BUS } from './EventBus'; export default { name: 'One', moun..
- Total
- Today
- Yesterday
- mocha.js
- vuex
- framework
- backbone.js
- Typescript
- angular
- 외부모듈
- 뉴욕
- 자바스크립트
- awesome-vue
- 원하는것이있다면끝까지버텨라
- vue.js
- nodejs
- js
- node.js
- eventbus
- marionetts.js
- common.js
- AndroidContext
- javascript
- git tag
- browserify
- node
- #가상머신
- 함수
- awe-some
- nextTick
- vue
- MarionetteJS
- Android
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |