반응형 IT/JavaScript(TypeScript)58 [vue] bind 정리 v-model 적용가능한 태그 ( value 값이 기본적으로 bind 됨 ) -- input input type=text input type=checkbox ( true-value="yes" false-value="no" ) - 배열로 data를 선언하면, 여러개의 데이터 바인드 가능 input type=radio - value 속성을 바인드 해줘서 별도로 써줘야 옵션선택텍스트 선언이 가능함 textarea select 버튼 속성에 식을 넣어 disabled 정의 버튼 #확장 숫자로 바인드 input type="number" v-model.number="numberModel" 2021. 7. 7. [vue]VS CODE 템플릿 코드 추가 File > Preferences > User Snippets 탐색창에 vue 를 입력하여, vue(Vue) 를 선택 템플릿 추가 "Generate Basic Vue Code":{ "prefix":"vue-start", "body": [ "\n\n\n" ], "description": "Generate Basic Vue Code" } 2021. 7. 6. [vue] 프로젝트 시작하기 2021-07-05 vue3 가 안정정? 이어서 그대로 쓰도록 하겠다. @vue/cli 가 정상적으로 설치되었으면, 실행시 템플릿을 선택하여 생성가능 # 템플릿 이용 vue create vue-project Default (Vue3)([Vue3 ] babel, eslint ) dev 에서 serve 로 바뀜! # 설정관련 참고 BASE_URL 등의 환경변수 설정하기 https://velog.io/@skyepodium/vue-%EC%8B%A4%ED%96%89-%EB%AA%A8%EB%93%9C%EC%99%80-%ED%99%98%EA%B2%BD-%EB%B3%80%EC%88%98-%EC%84%A4%EC%A0%95 vue 실행 모드와 환경 변수 설정 뷰의 실행모드와 환경 변수를 설정하는 방법에 대해 알아봅시다.참.. 2021. 6. 11. [vue] visual studio code 플러그인 Vetur - Pine Wu Prettier 2021. 6. 11. 네이버 클라우드 nodejs 셋팅 1. 네이버 클라우드 가입 ( 결제방법 등록 필요 ) 2. 마이크로 서비스 신청 ( 50G, 1vCPU, centOS 7.8 ) 3. ssh 키 다운로드 ( 잘저장 ) 4. 포트포워딩 설정 ssh -> 1024 5. 관리자 비밀번호 설정 -> ssh root 로 접근 가능해짐 6. 사용자 추가 useradd hantj 7. root 로 접근 #> yum update 9. 공인IP 신청 -> 서버접속용 포트포워딩 삭제 ( 삭제해야 공인IP 로 22 번 ssh 접속이 가능해짐 ) 10. nodejs 설치 #> yum install epel-release # 레포지터리 추가 #> yum -y install nodejs # 설치 되나, 현재 최신이 아닌 v6.17.1 로 설치됨 11. 최신버전 설치 #> yum.. 2021. 2. 14. [React-Native]앱만들기-2(날씨어플만들기) 첫번째 테스트 앱으로, 흔한 날씨 어플을 만들어보기로 했습니다. 일단 얻을 수 있는 정보를 찾기위해 OpenAPI 를 찾아보니, 기상청에서 주는 정보가 있네요. 동네예보 조회 서비스입니다. 문서를 좀 읽어보니, 지역별 x, y 좌표를 넣으면 소소한(?) 날씨 정보를 주는 API 네요. 구글구글링을 해서, fetch를 이용해, JSON 데이터를 가져오고 해당 데이터를 이용할 수 있다는것을 알 수 있습니다. 활용할 수 있도록, 유틸을 만듭니다. const DATA_API_KEY = "api키!" const API_STEM = "http://apis.data.go.kr/1360000/VilageFcstInfoService/getUltraSrtFcst" function xyUrl(x,y){ //30분전 의 정보.. 2021. 1. 3. [React-Native]앱만들기-1(환경설정-HelloWorld) 매년마다 만든다고 하면서 한번(ㅠㅠ) 도 만들지 못한, 앱을 다시한번 도전 해보려고 합니다! 쓰고있는 핸드폰은 아이폰이지만, 개발자등록비용이 좀 비싸니까 ㅠㅠ 일단 안드로이드 버전부터 시작해보겠습니다. react-native 사이트에 나온거 같이 똑같이하고, 첫번째 프로젝트를 실행해 보았습니다~~! reactnative.dev/docs/environment-setup Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 그리고 이걸 조금 수정해서 진짜 헬로우 월드를 찍어보았습니다. import React, {.. 2021. 1. 2. electron 설치시 네트워크 오류 발생하는 경우 대처(NPM 모듈설치) npm i electron --save-dev 가 오류 발생시!! 회사에서 네트워크를 내부망 같이 분리망을 사용하여, RequestError: self signed certificate in certificate chain 이와 같은 오류가 발생하는 경우 set NODE_TLS_REJECT_UNAUTHORIZED=0 실행후, 인스톨 하면 설치 가능! 다른 오류인경우, npm ssl 모드 제거 set npm_config_strict_ssl=false 2020. 9. 24. Vue 생명주기 인스턴스 생성 템플릿과 가상 DOM 생성 이벤트 루프 인스턴스 소멸 beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed 2020. 9. 21. 이전 1 ··· 3 4 5 6 7 다음 반응형
