vue-프로젝트 단어장(18일차)

앞으로 할일
- grid 이용해서 단어장 꾸미기
- 날씨 컴포넌트 꾸미기
- 비트코인 컴포넌트 꾸미기
- 메뉴 버튼 꾸미기
- 메인 꾸미기

단어장 날짜 선택할때 중복 클릭 방지 및 단어장 더 추가하기

showAll({state, commit}, data) {
    // showWord 안에 값이 클릭햇을때 값이랑 같으면 중복 콘솔찍기
    // 다르면 showWord에 push하기
    if(state.showWord.length === 0) {
      commit('SELECT_WORD', data)
    }
    for(var i=0; i<state.showWord.length; i++) {
      for(var j=0; j<state.showWord.length; j++) {
        if(data[0] === state.showWord[j][0]) {
          return 0
        }
      }
      return commit('SELECT_WORD', data)
    }
    state.checked = 1
  },

여러 단어장 선택했을때 랜덤으로 보기 수정

showRandom({state, commit}) {
    if(state.randomWord !== []) {
      state.randomWord = []
    }
    state.randomWord = JSON.parse(JSON.stringify(state.showWord))
    for(var i=0; i<state.randomWord.length; i++){

      for(var j=0; j<state.randomWord[i].length; j++) {
        state.randomNumber = parseInt(Math.random()*10%2)
        if(state.randomNumber === 0) {
          state.randomWord[i][j][0] = ' '
        } else {
          state.randomWord[i][j][1] = ' '
        }
      }

    }
    state.randomWord.sort()
    state.checked = 4