본문 바로가기

분류 전체보기

 (80)
vue js! select value값 연동하기! v-model의 사용법 응용중 하나. select 뿐 아니라 checkbox도 동일! 하나만 선택 가능 복수응답 가능 대충 이런식으로 사용한다. 스크립트 소스는 사용하는것중 다 자르고 일부만 가져온것으로 전부 복붙 하지 않기로 하자. v-model="picked" 의 picked가 변수명이다. 그리고 스크립트에서 this.picked를 하면 선택한 밸류값을 가져올 수 있다. 당연 양방향 바인딩이기에 변경도 가능.
일렉트론 + vue 다른 js 파일 import 하기! 개발환경: 일렉트론, vuejs 웹이 아닌 윈도우 어플리케이션으로 만들 경우 vue 기본 틀이 달라지기에 어떻게 import를 할지 정리겸 써봄 우리가 포함할 대모는 바로 이것! 이거 그냥 캔버스같은거임. 설명이 매우 심플하며 vue용이 아닌 일반 js html5 기반이다.! 일단 npm으로 인스톨! 하지만 일렉트론의 경우는 yarn add를 통해 해당 모듈을 포함해준다. 그런후 내가 넣고 싶은 페이지로 이동! 가이드 대로 id값을 맞춰준후 template에다가 넣기! 이런식으로 import를 해주면 완성! 알고보면 어렵지 않지만 일렉트론이 typescrit 기반이기때문에 문법 오류등 다양한 오류를 직면하면 하나하나 해결하는데 힘들고 아리까리해진다. 그러나 알고보면 쉽다는거!
vue v-model 사용법! v-model의 동작 원리와 활용 방법 들어가며 오랜만에 글을 쓰네요. 오늘은 Vue.js로 Form 요소를 개발할 때 사용하는 v-model 속성에 대해서 살펴보려고 합니다. 이 속성은 그냥 사용하면 그렇게 어렵지 않은데 실제 애플리케이션을 개발할 때는 꽤 주의해서 다뤄야 합니다. 그럼 v-model의 동작 원리와 활용 방법 등에 대해서 알아볼게요! v-model 속성 공식 문서에 안내된 v-model 속성의 사용법은 아래와 같습니다. 이렇게 사용자의 입력을 받는 UI 요소들에 v-model이라는 속성을 사용하면 입력 값이 자동으로 뷰 데이터 속성에 연결됩니다. v-model은 어떻게 동작할까? v-model 속성은 v-bind와 v-on의 기능의 조합으로 동작합니다. 매번 사용자가 일일이 v-bind..
윈도우 10 네트워크 공유폴더 설정하기! 해당 설정은 외부에서 접속이 아닌 내부망 내에 있는 pc들에게 특정 pc의 파일을 공유할때 사용한다. 개념은 A라는 메인 pc에 공유폴더를 설정하여 특정 파일을 올릴시 B C D의 pc가 해당 폴더에 접근해서 가져오는것을 사용할 때 사용. 보통 보안상으로 usb와 인터넷을 사용 못하는 폐쇄망에서 사용함. ​ 1. 각 컴퓨터가 동일한 네트워크에 연결되어 있어야 합니다. - 예) 사무실에 있는 A라는 공유기에 4대의 컴퓨터가 랜 케이블로 연결되어있어야 합니다. ​ 2. 기본 설정 : 과 를 켜고, 를 끕니다. - 요약 : 시작 → 설정(톱니바퀴모양 아이콘) → 네트워크 및 인터넷 → 공유 옵션 → 접혀있는 3개의 메뉴들을 펼쳐서 네트워크 검색 켜기/파일 및 프린터 공유 켜기/암호 보호 공유 끄기로 설정 - ..
마작 족보 모음! ★ [마작의 화료 조건] 1. 머리 1개와 몸통 4개를 완성한다. 2. 족보(역)가 1개 이상은 있어야 한다. ★★ 멘젠쯔모(멘젠쯔모) : 멘젠 한정, 멘젠 상태에서 쯔모로 화료 ★★ 리치(리치) : 멘젠 한정, 1000점 공탁, 패 바꾸기 불가능, 화료하면 우라도라를 볼 수 있음 일발(잇빠츠) : 멘젠 한정, 리치 건 상태에서만 가능, 리치 후 순정일 때 차례가 오기 전에 론을 하거나 다음 차례에 쯔모로 화료 ★★ 역패, 번패(야쿠하이, 한빠이) : 자풍패, 장풍패, 삼원패의 커쯔를 모으면 1판의 역 ★★ 탕야오(탕야오) : 2~8의 수패 중장패로만 구성 ★★ 핑후(핑후) : 멘젠 한정, 자풍, 장풍, 삼원패를 제외한 패로 머리를 만듦 / 몸통 3개를 슌쯔로 만듦 / 나머지 몸통은 양면대기로 만듦 ★ ..
unity 2019버전 모바일 화면 회전 설정 처음은 기존 모바일 화면 회전 설정과 동일 하지만 2019버전으로 올라가면서 UI가 바뀌었다! 그럼 어디에 있을까? Android로 바뀌었으면 Player Settings버튼을 클릭합니다. Project Settings창이 뜨는데, Player에 Resolution and Presentation을 선택합니다. 바로 요부분. 이전에는 other settings에 있었다면 이제는 다른곳으로 빠짐. 여기서 Default Orientation설정을 이용하여 화면을 회전하거나 고정할 수 있습니다. 설정은 5가지로 할 수 있습니다. Portratit, Portrait Upside Down, Landscape Right, Landscape Left는 게임 시작 시 해당 방향으로 화면이 고정됩니다. Auto Rotat..
CURL 사용하기! 그리고 JSON $url = "원하는 곳 url 입력"; $post_data["변수1"] = "받는쪽 변수1"; $post_data["변수2"] = $받는쪽 변수 2; //변수는 받는쪽 url에 맞춰서 사용 할 수 있음. 받는쪽에서 POST로 정의 하고 그곳으로 보내면 해결. 다른 서버 뿐 아니라 같은 php 로컬 내에서도 사용 가능하다. $curlsession = curl_init (); curl_setopt ($curlsession, CURLOPT_URL, $url); curl_setopt ($curlsession, CURLOPT_POST, 1); curl_setopt ($curlsession, CURLOPT_POSTFIELDS, http_build_query($post_data, '', '&')); curl_set..
javascript form onsubmit 시 return 활용법! 가끔 form에서 submit을 하려고 하면 다양한 에러사항이 꼿힐때가 많다. 필수 입력만을 할떄는 required를 사용하여 해줄 수 있다. 하지만 required에서 입력이 됐지만 내가 원하는 형식이 아닐때 js 처리를 하려고 했더니 이미 submit으로 묻지도 따지지도 않고 실행! 그래서 버튼을 이용해 onlclick 이벤트로 직접 js에서 submit을 하려 했더니 이럴수가! required가 동작을 안한다. 이것은 동작 순서의 차이에 의해 required를 체크하기전에 js부터 실행을 해버려서 그렇다. 그러니 이 두마리의 토끼를 다 잡으려면 아래와 같이 해주면 된다. 그러면 원하는 js에서의 조건과 required를 동시 사용 할 수 있다! f는 test(f)로 지정해서 f를 연결자로 사용한것...

티스토리툴바