전체 글 (68) 썸네일형 리스트형 파이썬 Django 프로젝트 생성 하기 1. Django 설치 하기 - 최신 버전 설치 pip install django django-admin startproject '프로젝트명' - 특정 버전 설치 pip install django=1.8 - 이미 설치된 Django 버전 업그레이드 하기 pip install django --upgrade 2. 프로젝트 생성 - 프로젝트를 만들 디렉토리로 이동한 후 - "django-admin startproject 프로젝트명" 를 실행하여 새 프로젝트를 생성한다. django-admin startproject '프로젝트명' - 프로젝트명 입력하여 생성 하면 해당 프로젝트명으로 생성 되는데 해당 폴더 구조가 아래 처럼 생성 되어서 지저분해진다. 그래서 좀더 심플 하게 프로젝트를 생서하기 위하여 프로젝트를 .. 윈도우10 업데이트 (윈도우키) + R을 눌러서 실행창을 띄운 다음 위의 스크린샷처럼 gpedit.msc 를 입력하시고 확인 버튼을 누릅니다. 그러면 로컬 그룹 정책 편집기가 실행 됩니다. 위의 이미지처럼 컴퓨터 구성 > 관리 템플릿 > Windows 구성 요소 > Windows 업데이트 카테고리로 들어가시면 오른쪽에 자동 업데이트 구성 이라는 설정 항목이 있습니다. 해당 항목을 더블클릭 합니다. 구성되지 않음으로 설정되어 있을 것 입니다. 이제 사용으로 변경하고, 아래의 옵션 내용 중 자동 업데이트 구성 부분을 2 - 다운로드 및 자동 설치 알림 으로 변경하고 확인을 누릅니다. 이렇게 해서 로컬 그룹 정책에서의 설정은 완료되었습니다. 이번에도 윈도우키 + R 을 눌러 실행창을 띄웁니다. 이번에는 services.msc 를.. [Vuetify] v-dialog eager Vuetify에서 v-dialog을 사용하여 다이얼로그 창을 생성하여 보여줄때 처음 한번에 한하여 데이터 바인딩이 제대로 되지 안을때가 있다. 이유는 v-dialog안에 컨텐츠가 mounted되었지만 렌더링 되지 않아서이다.. 이것을 해결결하기 위해서는 v-dialog 옵션에 eager를 True로 설정하여주면 마운트 된 컴포넌트 컨텐츠를 강제로 렌더링한다. [ORACLE] Dual ▶ Dual 테이블의 정의 - 오라클 자체에서 제공되는 테이블 - 간단하게 함수를 이용해서 계산 결과값을 확인 할 때 사용하는 테이블 ▶ Dual 테이블의 사용용도 - dual 테이블은 사용자가 함수(계산)를 실행할 때 임시로 사용하는데 적합하다. - 함수에 대한 쓰임을 알고 싶을때 특정 테이블을 생성할 필요없이 dual 테이블을 이용하여 함수의 값을 리턴(return)받을 수 있다. 더보기 ex) SELECT 시퀀스.NEXTVAL FROM DUAL; ex) SELECT SYSDATE FROM DUAL; ex) SELECT CURRENT_DATE FROM DUAL; ex) Merge into 내부에서 사용 http proxy 설정 Vue CLI가 생성하는 프로젝트 템플릿 코드에서는 약간의 설정 파일만 작성하면 웹팩 개발서버를 이용해 프로시 서버 기능을 사용할 수 있다. 프로젝트 최상위 디렉토리에 vue.config.js파일을 생성하고 아래의 코드를 작성한다. vue.config.js module.exports = { devServer: { host: 'localhost', port: '80', proxy: { '/api': { target: 'http://localhost:8081', changeOrigin: true } } }, 이렇게 하면 개발용 서버에 /api/contacts를 요청하게되면 http://localshot:8081/contacts로 요청일 전달 도니다. 만약 위의 서비스 API 서버를 로컬에서 실행하지 않는다면.. filter Vue 필터 사용해보기 사용하기 {{ message | capitalize }} 로컬 선언 new Vue({ el: '#app', data: {}, filters: { capitalize (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) } } } 전역 선언 Vue.filter('capitalize', (value) => { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) }) 전역선언시 여러 필터를 편하게 사용하는 법 filt.. computed 미리 저장된 상태 값을 만들 수 있어서, 인스턴스 템플릿에서 쉽게 가져다 사용할 수 있다. Setter 와 Getter : 인스턴스와 연관 있는 상태 값(캐싱 값)을 한번에 변경 가능 - computed 함수 대신에 get 속성과 set 속성을 인자로 갖는 객체 리터럴을 전달함 get : 기존에 computed 함수가 했던 일을 대신 해줌 - computed 속성을 인스턴스 템플릿에서 호출했을 때 사용 set : computed 속성에 전달하는 값을 받을 수 있도록 함수를 선언 - 함수 안에서는 전달 받은 값을 분리해서 상태에 각각 저장 캐싱 : 인스턴스 템플릿을 해석할 때마다 인스턴스 상태 값을 새로 갱신하지 않도록 내부에 계산된 속성값을 저장해두는 것 - 성능이 나빠지는 것을 막는 데 큰 역할을 함 .. watch - Handler Vue의 watch에게 세 가지 속성을 지정할 수 있다. immediate deep handler handler는 watch된 속성이 변경될 때 호출될 함수를 지정한다. 우리가 흔히 보았던 코드는 deep, immediate를 지정할 필요가 없는 경우 사용하는 단축표현이다. 단축표현 대신 아래처럼 사용할 수 있다. watch: { movie: { handler(movie) { // Fetch data about the movie fetch(`/${movie}`).then((data) => { this.movieData = data; }); } } } 단축표현을 사용하여 아래처럼 함수를 직접 지정할 수 있다. watch: { movie(movie) { // Fetch data about the movie .. 이전 1 2 3 4 5 6 ··· 9 다음
