본문 바로가기

분류 전체보기

Vue/vue 기초 공부하기 2020. 2. 22. Vue로 틱택토만들기(Vuex) https://github.com/loy124/Vue/tree/master/틱택토Vuex loy124/Vue Vue 공부. Contribute to loy124/Vue development by creating an account on GitHub. github.com store을 활용해서 데이터를 모두 vuex store에 저장하고 root파트인 TicTacToe.vue에서 해당 데이터를 불러오는 방식이다 store.js import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); //Vue.use 를 사용할때마다 $axios등 기능들이 추가되는 방식 //mutation의 이름들을 변수로 빼고 export 한다 //오타확률을 줄이기위해 이렇게 변수로 ..
Vue/vue 기초 공부하기 2020. 2. 22. Vue로 틱택토 만들기(EventBus 활용) https://loy124.tistory.com/185 Vue로 틱택토 만들기( $root.data를 활용) https://github.com/loy124/Vue/tree/master/틱택토 loy124/Vue Vue 공부. Contribute to loy124/Vue development by creating an account on GitHub. github.com 일일히 props에 데이터를 넘겨주는 방식에 굉장.. loy124.tistory.com 위 코드와 거의 유사하나 EventBus를 활용하여 중앙 통제 함수를 만들어서 활용한다 EventBus는 함수를 중앙통제 관리하고 Vuex는 데이터를 중앙통제 관리하는점이 차이라고 한다 빈 껍데기인 EventBus.js를 만들어준다 import Vue ..
Vue/vue 기초 공부하기 2020. 2. 22. Vue로 틱택토 만들기( $root.data를 활용) https://github.com/loy124/Vue/tree/master/틱택토 loy124/Vue Vue 공부. Contribute to loy124/Vue development by creating an account on GitHub. github.com 일일히 props에 데이터를 넘겨주는 방식에 굉장한 불편함이 따르기때문에 props로 값을 넘겨주는 방식 + Vue 자체에서 $root 를 활용하여 최상단의 데이터값을 가져올수 있는 방식이 활용되었다 root쪽 Tictactoe.vue :table-data (v-bind:table-data) 를 활용하여 tableData의 값을 자식 컴퍼넌트 table-component에 넘겨준다 {{ turn }}님의 턴입니다. {{ winner }}님의 승리..
JavaScript/API활용 2020. 2. 6. 카카오 페이 라이브러리 (아임포트)사용하기 form 파트 kakao name: 이메일: 폰넘버: 주소: 총가격: jsp
JavaScript/API활용 2020. 2. 5. JSP 이메일 전송(Servlet) package mail; import java.util.Random; import java.util.Properties; import java.io.IOException; import javax.mail.Message; import javax.mail.internet.InternetAddress; import javax.mail.internet.MimeMessage; import javax.mail.PasswordAuthentication; import javax.mail.Session; import javax.mail.Transport; import javax.servlet.ServletException; import javax.servlet.http.HttpSession; import javax.se..
JavaScript/API활용 2020. 2. 5. 다음 주소 API 가져오기
Vue/vue 기초 공부하기 2020. 1. 26. 로또 번호 생성 프로그램 만들기 (props, component 활용) https://github.com/loy124/Vue/tree/master/로또 loy124/Vue Vue 공부. Contribute to loy124/Vue development by creating an account on GitHub. github.com props는 부모컴포넌트에서 자식 컴포넌트에 값을 전달할때 사용한다 v-bind:number(어트리뷰트)를 넘겨준다 자식컴포넌트에 넘겨주면 props: ['number'] 혹은 props:{ number : Number(자료형 설정, Boolean 등등) } LottoGenerator.vue 당첨 숫자 보너스 한번 더! 뷰쪽을 담당하는 LottoBall.vue {{ number }}
JavaScript/javascript 기초 공부하기 2020. 1. 26. async / await Promise를 더욱 쉽게 사용할수 있게 해준다 함수를 선언할때 async를 붙여주고 promise의 앞부분에 await를 붙여주면 해당 프로미스가 끝날떄까지 기다렸다가 작업을 수행한다 function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function process() { console.log('안녕하세요!'); await sleep(1000); // 1초쉬고 console.log('반갑습니다!'); } process(); 또한 함수에서 async를 사용하면 결과값으로 Promise를 반환한다 즉 then이 사용 가능해진다 function sleep(ms) { return new Promise(resol..

티스토리툴바