IT이야기 (67) 썸네일형 리스트형 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개의 메뉴들을 펼쳐서 네트워크 검색 켜기/파일 및 프린터 공유 켜기/암호 보호 공유 끄기로 설정 - .. 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를 연결자로 사용한것... js개발자라면 알아야할 핵심컨셉 33개 2탄 Primitive Types 먼저 Primitve Types이란 무엇을 뜻할까? 말 그대로 원시적, 기초적 타입을 의미함 먼저 String 타입은 양끝에 쌍 따옴표(")로 구분함 "hello" 이런식으로. 물론 'hello' 이렇게도 사용이 가능하지만 'hello" 이렇게는 사용이 안됨. 이것이 String의 규칙임 그리고 만약 "hello my"name is"" 이런식으로 했다면 이것 역시 에러. 왜냐면 name is를 text로 인식하기 때문 그러면 스트링 안에서 "를 쓰고싶으면 어떻게 할까? "hello my \"name is\"" 바로 역슬래쉬를 이런식으루 붙여주면 hello my "name is" 이런식으로 동작하게 된다. 그러면 numer 숫자의 경우는? 그리고 true, false의 경우가 있는데 true를 그냥 쓰면 .. js개발자라면 알아야할 핵심컨셉 33개 1-2탄 call stack call stack에서 스택이 붕괴될때 에러가 나는 현상이 있음. 뭐냐면 function hello (){ bye(); } function bye(){ hello(); } hello(); 이렇게 코드를 짜고 실행을 하면 오류가 나는데 이를 맥시멈 콜스텍 사이즈를 초과했다 고함. 즉 스텍을에 올릴 수 있는 한계치가 있다는것! 즉 서로 무한이 호출 하게 했다가는 이런 오류가 나며 지나치게 많이 올려도 동일 오류가 나니 참고할것 unity] 오브젝트 피격제어 예제! 최근 유니티로 작업하면서 사용했던 소스 정리겸 예제를 올려본다. 기능은 2개. 하나는 사운드출력이고 또 하나는 파티클 재생이다. 아 물론 hp를 -시키는 방식으로 구현하였다. 정해진 물체에 닿았을때 피격 대상의 함수를 호출하여 동작한다. //여기는 변수 설정. public int HP; private AudioSource fireSound; public AudioClip background; public AudioClip fireHit; public ParticleSystem smoke; Vector3 pos; // Start is called before the first frame update void Start() { //시작할떄 오디오 소스인 배경음을 재생하고 현재 오브젝트의 포지션을 가져온다. .. 이전 1 2 3 4 5 ··· 9 다음
