오늘 문제를 풀다가 만들고싶은게 생겨서 만들어보았다
내가 만든것은 해당 버튼을 클릭할때 배경색이 바뀌는것을 만들었는데
일반 단색을 표현한 것 뿐만 아니라 그라데이션 효과를 넣은 색도 삽입하게끔 만들어보았다
하지만 중간에 함수에서 함수를 호출하는 것과 함수안에 객체를 넣고 객체안에 함수를만들어 return을 사용하여 어떻게든 만들어 보려했지만 결국 내 멘탈이 부서지기 직전까지 갔다..
javascript를 배운지 얼마되지않아 얼마나 많은 함수들이 있는지 잘 몰라서 인터넷을 찾아보던 와중에 문득 생각난 것이 있었다
바로 기사시험을 공부할때 배웠던 switch 문이였다
switch문이라면 내가 원하는 표현을 만들 수 있을거같았는데
switch문을 사용하자마자 4시간동안 목표로 하던 프로그램(?)이 어느정도 구현이 돼었다.
! Switch
Switch란 if문이랑 많이 비슷하지만 내 기준에서는 Switch문이 어느부분에서는 더 편하다고 생각한다
SWitch문은 if문과 마찬가지로 조건은 검사하고 그 조건에 맞는 case를 실행하는 코드인데
글보다는 사진으로 설명하는게 더 도움이 될거같다.
나는 위에서
const mode=[1,2,3]을 선언해주었고
Math. 함수를 통해 배열안에 있는 값을 랜덤으로 가져오게끔 하였다
그런 이유는 버튼을 눌렀을 때 순서대로 설정한 배경색이 나오는게 아닌 랜덤으로 나왔으면 하는 마음에
Math 함수를 사용하여 인자를 넘겨주었다.
여기서 case와 default 가 있는데
먼저 case 란?
케이스 옆에 적혀있는 숫자(조건)이 똑같다면 해당 명령문을 실행하게 된다
break 란
함수에서 return과 비슷한 느낌이라 해야하나?
코드 case 1이 실행되면 해당 코드실행을 끝내고 바로 멈추는 역할을 한다
return도 값을 돌려주고나서 return 밑에 있는 코드들이 작동하지 않듯이
break도 해당 case에서 함수실행을 끝내고 멈춰주는 역할을 한다
만약 break를 작성하지않게 된다면 case 1 코드를 실행하고 끝나는게 아닌
case 2 , case 3 까지 조건을 검사하고 조건이 맞아떨어지게된다면
그 코드까지 실행하게 되므로 자신이 어떠한 코드를 짰는지에 따라 break문을 적절히
섞어서 사용해주면 매우 좋다.
마지막으로 default는 내가 인자로 넘겨준 조건이 모든 case에 존재하지않는다면
최후(제일 마지막)로 실행되는 코드이다.
보통 오류가 생길때를 생각해서 사용하는 코드인거같다.
