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

할일
- 랜덤 버튼 누를때 한국어 스페인어 랜덤으로 화면에 보이기

내일 할일
- grid 이용해서 단어장 꾸미기

앞으로 할일
- 날씨 컴포넌트 꾸미기
- 비트코인 컴포넌트 꾸미기
- 메뉴 버튼 꾸미기
- 메인 꾸미기
- 

팁
배열을 복사 하는법에는 깊은복사 얕은복사가  있다.

랜덤 버튼 누를때 한국어 스페인어 랜덤으로 화면에 보이기

  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++){
      state.randomNumber = parseInt(Math.random()*10%2)
      if(state.randomNumber === 0) {
        state.randomWord[i][0] = ' '
      } else {
        state.randomWord[i][1] = ' '
      }
    }
    state.checked = 4

1. 해당 단어장 randomWord에 깊은 복사

2. randomNumber(랜덤숫자) 2로 나눴을때

   나머지 === 1 -> 한국어 가리기

   나머지 === 0 -> 스페인어 가리기

 

day1 랜덤 버튼클릭

day2 랜덤 버튼클릭