이안의 평일코딩

큰 수 출력 보이는 학생 가위바위보 점수 계산 등수구하기 Array.from() 메서드는 유사배열객체(array-like object)나 반복가능한객체(iterable object)를 복사해 새로운 Array객체를 만든다. 격자판 최대합 봉우리

오류해결 git push시 나는 오류로 두가지 경우에 나타났다. 1. branch가 없는 경우 2. 원격 저장소와 로컬 저장소의 상태가 다른 경우 branch가 없는 경우 먼저 branch를 지정해주지 않은 경우에는 아래와 같이 설정한다. git branch -m main 개인 혼자 프로젝트를 push하는 경우엔 위와 같이 그냥 main으로 설정해주면 되고, 다른 branch를 사용할거면 아래와 같이 한다. git branch 작명 그리고 다시 push해주자. 원격 저장소와 로컬 저장소의 상태가 다른 경우 이 경우에는 다른 상태의 원격 저장소의 코드를 먼저 pull해줘야 한다. git pull 그리고 다시 push를 하자. git status를 이용해 현재 git 상태를 확인하는 것도 오류해결에 도움이 ..

오류해결 이미 origin이 있기 때문에 지워 주고 다시 origin 주소를 추가하면 된다. git remote rm origin git remote add origin 연결할repository주소

computed와 map methods vs computed 함수를 만들 때 methods :{}가 아닌 computed : {}를 사용해보자. export default { name: 'App', data(){ return { counter : 0, } }, methods: { now(){ return new Date() }, }, computed: { now2(){ return new Date() }, }, } methods 함수는 사용할 때마다 실행되지만, computed 함수는 사용해도 실행되지 않는다. 계산결과 저장용 함수로 쓸 수 있고 자원절약이 된다. {{now()}} {{counter}} {{now2}} {{counter}} // computed 함수는 이름만 쓴다 버튼 버튼을 누르면 co..

actions ajax요청과 같이 시간이 오래걸리는 것을 처리하기 위해서는 actions을 이용한다. 비동기식 처리를 지원하는 코드는 다음줄 부터 실행하려는 경향이 있기 때문에 의도치않는 버그가 생길 수 있고, 코드가 길어져 복잡해질 수 있다. 그래서 mutations: {}가 아닌 ajax 요청하지 않고 actions: {}에서 한다. 더보기 게시물 ajax를 요청해보자. store.js import axios from 'axios'; import { createStore } from 'vuex' const store = createStore({ state () { return { more : {}, } }, actions : { getData(){ axios.get('URL.json') .then((..

state 변경 state 변경은 store.js만 한다. state 이상이 생기면 store.js를 보자. store.js import { createStore } from 'vuex' const store = createStore({ state () { return { name : 'lee', age : 20 } }, mutations :{ changeName(state){ state.name = 'park' }, changeAge(state, payload){ //state.age++; state.age += data } } }) export default store; 먼저 store.js에 state를 수정하기 위한 방법을 mutations에 함수 정의한다. 전달할 데이터를 App.vue에서 pa..

index.html head태그안에서 meta태그를 통해 정보를 넣어주면 된다. 해당하는 썸네일 이미지 크기는 800x400으로 맞춰주면 된다. 아래는 썸네일 관련 카카오 개발자의 답변이다.

Vue 전역 라이브러리 예를들어, axios를 전역에서 사용하고 싶다면 일단 설치를 한다. yarn add axios 그리고 main.js에서 셋팅해준다. main.js import { createApp } from 'vue' import App from './App.vue' import axios from 'axios' let app = createApp(App) app.config.globalProperties.axios = axios; app.mount('#app') app.config.globalProperties.는 글로벌한 변수보관함으로 보관함에 { axios : axios } 추가한 것이다. 그리고 app이라는 변수로 받았기 때문에 createApp(App)을 app으로 수정해주면 된다. 자..