js

[Javascript] setInterval 바로 실행하기

setInterval 함수는 인자로 받은 함수를 특정시간마다 실행시키는 함수이다. 즉시 실행되지 않고 먼저 기다린 뒤 특정 시간 간격으로 실행된다. setInterval(console.log("hello world"), 10000); // 1000 = 1초 // 10초 뒤 hello world 출력 // 20초 뒤 hello world 출력 // 30초 뒤 hello world 출력 // ... 하지만, 먼저 실행을 시키고 일정간격으로 동작시키고 싶을 때가 있다! 그럴땐 아래처럼 코드를 두 줄로 써도 가능하지만, 실행하는 함수가 중복이 된다. 아래 코드의 경우 console.log("hello world")가 중복이다. console.log("hello world") setInterval(console...

[Vue.js]5.배열,v-for,v-if,테이블,셀렉트박스 사용하기

지난번 포스팅에 이어서 template, script 부분을 다뤄보겠습니다. 1. 배열 data부분에 배열을 추가할 수 있습니다. data() { return { name: "subari", input: "text", options: [ { v: "R", t: "Red" }, { v: "B", t: "Blue" }, { v: "G", t: "Green" }, ], color: "R", }; }, 이 배열을 순회하기 위해서, vue에는 반복문 역할을 하는 v-for가 있습니다. v-for="(d, i) in options" python의 for i in n 과 비슷한 문법입니다. options 배열안에서 반복문이 돌아가고, d는 data, i는 index를 나타냅니다. 현재 배열의 한요소는 v, t 두가지..

[Vue.js]1.Vue개발환경 세팅

먼저, npm사용을 위해 node.js 설치를 진행해주세요.window, mac 환경 둘다 아래링크에서 Lts버전 다운로드 해주시면 되고, mac은 homebrew이용해서 다운 추천드립니다.링크이용하여 다운 시 환경변수 설정이 필요합니다! 자세한건 구글에...nodejs.org/ko/ 에디터로는 vscode 사용하였습니다. 원하는 위치에 폴더를 생성해주시고그 폴더를 에디터에서 열어주세요. 윈도우는 window + R 로 실행을 열고 cmd를 검색하여 열어주시고맥은 터미널을 열어주세요cd [폴더명] 으로 아까 만든 폴더 위치로 이동해주세요 1. vue cli 설치npm install -g @vue/cli 2. vue 폴더 생성vue create [폴더명]ex) vue create test 추가적으로 필요한..