본문 바로가기

전체 글

[인프라 기초] CentOS 실습해보기 -2 파일 - 관련 있는 정보들의 집합. - 일반 파일, 디렉터리, 심볼릭 링크, 장치파일로 구분 일반파일 : 데이터를 저장하는데 사용. 디렉터리 : 리눅스에서는 디렉터리도 파일로취급 심볼릭 링크 : 원본 파일을 대신하여 다른 이름으로 파일명을 지정한 것. 윈도우의 바로가기와 비슷 파일의 종류를 확인하는 file 명령 ls 명령어의 옵션들 ls -a : 숨김 파일들까지 보여준다. ls -l : 상세한 정보까지 출력한다. ex) drwxrwxrwx. 4 root root 4096 6월 30 13:43 DATA1 맨앞 d = 파일 종류를 나타냄. rwxrwxrwx. = 권한을 나타냄 ls -ld : 디렉터리의 자체 정보 확인하기 mkdri: 디렉터리 생성. rmdir : 디렉터리 삭제, 디렉터리가 비어있어야 함 .. 더보기
[인프라 기초] CentOS 실습해보기-1 우선 VMWare와 CentOS설치 리눅스 표준디렉터리 디렉터리 파일 속성 /bin 사용자가 실행시킬 수 있는 명령의 실행 파일 /boot 부팅 중 사용되는 커널과 기타 부팅에 필요한 파일 /dev 각종 장치를 사용하는데 필요한 장치 파일(리눅스는 USB, RS232, Network등 연결을 파일로 관리) /etc 리눅스 시스템 환경설정과 관련된 파일 /home 사용자의 이름으로 된 서브 디렉터리(사용자의 홈 디렉터리) 존재 /lib 프로그램 개발이나 실행시 필요한 라이브러리 /sbin 시스템 관리에 필요한 명령, root 관리자만 이 명령들을 수행할 수 있음 /var 다양한 유틸리티에서 사용하는 로그 파일이나 사용자 메일 등 서버 운용 시 생성되거나 추가되는 파일 보관 bin폴더 탐색해보기. ls 날려.. 더보기
[Vue.js] Vue Axios 적용해보기 - Axios는 Ajax 처럼, 서버와 비동기 통신을 해주는 라이브러리이다. - 현재 정식 버전이 릴리즈 되지 않았으나, 인기가 좋음. - 특징으로 요청 취소와 TypeScript를 지원하는 것이다. - Promise API를 활용한다. 1. axios와 vue-axios 설치 npm install --save axios vue-axios 2. import import Vue from 'vue'; import Vuex from 'vuex'; import axios from 'axios'; import VueAxios from 'vue-axios'; Vue.use(Vuex); Vue.use(VueAxios, axios); 3. 사용 방법 아래와 같이 get/post/delete 등의 헤더를 붙여 서버와 통.. 더보기
[Vue.js] Vuex 를 적용해보기 0. Vuex 설치. npm install --save vuex 명령어를 터미널에 입력 이후 설치가 완료되면 프로젝트의 package.json을 열어본다. 아래처럼 종속성이 추가되어있으면 성공이다. "dependencies": { "axios": "^0.21.1", "core-js": "^3.6.5", "vue": "^2.6.11", "vue-axios": "^3.2.4", "vuex": "^3.6.2" }, 1. Vuex는 왜 필요한가? -> 복잡한 App에서 컴포넌트의 갯수가 많아지면 컴포넌트 간에 데이터 전달이 어려워짐. -> 중앙 집중화된 상태 정보 관리가 필요하고, 상태 정보가 변경되는 상황과 시간을 추적해야 함 -> 컴포넌트에서 상태 정보에 안전하게 접근가능 2. Vuex 개념 State : .. 더보기
[Vue.js] 버튼과 이벤트 연결하기 우선 HelloWorld.vue의 Template에 input=text와 button을 추가해준다. {{ msgTitle }} 문자열 추가 이후 script에 이 input값을 받는 data와, 이 값을 보낼 이벤트를 만들어준다. 여기서 포인트는 this$emit('이벤트명', 보낼 데이터) 이렇게 쓰인 것이다. 이후 받는쪽(App.vue)로 가서 li태그로 리스트항목들을 추가해준다. {{todo}} 더보기
[Vue.js] Vue.js 시작하기 (Hello World) Vuejs 실습할 때 아래 사이트에서 실습해보면 된다. jsbin.com/gonasotehe/edit?html,js,output JS Bin Sample of the bin: jsbin.com 1. HelloWorld 예제 html Hello, {{ name }} javaScript // 새로운 뷰를 정의합니다 var app = new Vue({ el: '#app', // 어떤 엘리먼트에 적용을 할 지 정합니다 // data 는 해당 뷰에서 사용할 정보를 지닙니다 data: { name: 'Vue' } }); 2. Vue Directive (뷰 지시문, 엘리먼트에게 지시하는 문장) 1) v-text (one way binding) 1.에서 해봤던 {{ }} 를 사용하는 대신에 v-text라는 디렉터리를 .. 더보기
[vue.js] vue.js란? 개발 환경 만들기 Evan you가 만들었다. 2014년 릴리즈를 시작으로 꾸준히 발전하는 자바스크립트 프레임워크. github.com/vuejs/vue vuejs/vue 🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. - vuejs/vue github.com 발음 그대로 뷰(View)에 최적화된 프레임워크 컨트롤러 대신 View모델을 가지는 패턴으로 디자인.(M V VM 패턴) SPA(Single Page Application이다.) index.html이 1개. Routing 화면전환(Router가 따로 필요하다) 특징 1. Virtual DOM으로 빠른 렌더링 2. 경량 라이브러리(작은 용.. 더보기
log4j 사용 방법 Log level TRACE / DEBUG / INFO/ WARN / ERROR 이런 레벨들이 있다. TRACE가 제일 낮다. 이후 사용할 때 logger.debug(); 이런식으로 쓴다. log4j 라이브러리를 받아온다. 이후 Logger를 변수로 선언해준다. 사용하는 방법 로그는 콘솔창에서 확인하면 된다. 또한 추가적으로 logs 폴더 내 아래와 같이 압축파일이 생겨난다. 더보기
반응형

티스토리툴바