본문 바로가기

언어

 (24)
vue Invalid Host header npm run serve로 실행시킨 후 내부(로컬)에서는 접속이 잘 되지만 외부에서는 Invalid Host header이 표시되어서 무엇인지 찾아보다가 기본 셋팅이 로컬은 접속이 허용되지만 외부에서 접속이 허용되지 않기 때문이였다. 프로젝트의 vue.config.js에 다음 문장을 추가해주면 외부에도 접속이 가능하다. // filename : vue.config.js module.exports = { // options... devServer: { disableHostCheck: true } };
[vue - 4] 배열 변수 값 사용 index4.html {{ product }} In Stock Out of Stock {{ detail }} {{ variant.variantColor }} index4.js var app = new Vue({ el: '#app', data: { product: 'Socks' , image: "https://www.vuemastery.com/images/challenges/vmSocks-green-onWhite.jpg" , inStock: true , details : ["80% cotton" , "20% polyester", "Gender-neutral"] , variants : [ { variantId : 2234, variantColor : "green"} , { variantId : 2235, v..
[vue - 3] if - else 적용 index3.html {{ product }} In Stock Out of Stock {{ product }} 2 intStock > 10 intStock 0 Out of Stock index3.js var app = new Vue({ el: '#app', data: { product: 'Socks' , image: "https://www.vuemastery.com/images/challenges/vmSocks-green-onWhite.jpg" , inStock: true , intStock: 10 } }); css는 이전 글에서 사용한 파일을 사용합니다. 2020/08/04 - [언어/vue] - [vue - 2] 이미지 속성 변경하기
[vue - 2] 이미지 속성 변경하기 css파일까지 추가되어서 3개의 파일을 생성 index2.html {{ product }} index2.js var app = new Vue({ el: '#app', data: { product: 'Socks' // 파일 다운 받아서 할 경우 //, image: "./assets/vmSocks-green-onsdfWhite.jpg" , image: "https://www.vuemastery.com/images/challenges/vmSocks-green-onWhite.jpg" , altText : "이미지를 표시할 수 없습니다." } }); index2.css body { font-family: tahoma; color:#282828; margin: 0px; } .nav-bar { background: ..
[vue -1] Hello Vue! 표시하기 vue 무료 강의를 보면서 테스트 해보려고 합니다. 해당 사이트 주소 https://www.vuemastery.com/courses/intro-to-vue-js/vue-instance/ The Vue Instance - Intro to Vue.js | Vue Mastery This lesson covers how to get your data from your JavaScript to show up in your HTML. www.vuemastery.com 페이지에서 Hello Vue 표시하기 2개의 파일 생성 1. index.html {{ message }} 2. index.js var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }); 관..
ImportError: cannot import name 'InlineKeyboardMarkup' 텔레그램 봇을 실행하기 위해서 pip로 라이브러리를 설치하고 매번 발생하는데 까먹어서 적음 Traceback (most recent call last): File "bot.py", line 7m in from telegram import InlineKeyboardMarkup ImportError: cannot import name 'InlineKeyboardMarkup' pip install python-telegram-bot으로 설치되어 있는 상태라면 삭제 후 다시 해보길 pip uninstall python-telegram-bot pip install python-telegram-bot --upgrade
아나콘다 (windows python3.7 ) AND 텐서플로 설치하기 모두의 딥러닝 책을 참고로 작성했습니다. 아나콘다를 설치하기 위해서 아래 페이지에 접속합니다. https://www.anaconda.com/distribution/ Anaconda Python/R Distribution - Free Download Anaconda Distribution is the world's most popular Python data science platform. Download the free version to access over 1500 data science packages and manage libraries and dependencies with Conda. www.anaconda.com 밑으로 이동하면 다음과 같은 화면이 나옵니다. 여기서 python 3.7부분에서..
[windows 10] 자바 설치 및 환경설정 java8 오늘은 윈도우에서 자바를 설치하는 작업을 작성해 보도록 하겠습니다. 설치전 컴퓨터의 간단한 정보를 확인 해 보겠습니다. 윈도우 10, 64bit로 설치되어 있습니다. 그러면 설치하는 파일이 필요하므로 java사이트로 이동 하겠습니다. https://www.oracle.com/technetwork/java/javase/downloads/index.htmlJava SE - Downloads | Oracle Technology Network | OracleWhich Java package do I need? Software Developers: JDK (Java SE Development Kit). For Java Developers. Includes a complete JRE plus tools for de..

티스토리툴바