티스토리 뷰
728x90
반응형
오늘은 저번 시간에 이어서 몇 가지를 더 공부하려고 한다.
이 글은 노마드 코더에 '초보자를 위한 리덕스 101'이라는 강의를 중심으로 정리가 된 것이다.
리덕스를 사용하게 되면 많이 쓰이는 문법이 있다. 바로 switch문이다. 기본적으로 switch문은 다음과 같다.
switch () {
case "String1":
return result1;
case "String2":
return result2;
case "String3":
return result3;
...
default:
return default;
};
만약 switch를 쓰지 않고 if문을 할 경우에 다음과 같은 코드로 작성해야 한다.
if (String1) {
return result1;
} else if (String2) {
return result2;
} else if (String3) {
return result3;
} else {
return default;
}
이렇게 비교했을 때, 확실히 if문이 조금 더 코드가 길어지고 좋은 방향이 아닐 때 있다. 그럴 때 쓰이는 문법이 switch이며, Redux에서 자주 쓰이는 문법 중 하나이다.
아래 코드는 if문을 썼을 때와, switch를 썼을 때를 비교한 코드다.
물론 코드는 지금 switch가 더 길 수 있지만, 가독성인 면에서는 switch가 더 괜찮은 방법인 것을 알 수 있다. 그래서 Redux에서도 자주 쓰이는 문법이기도 하다. 하지만 그렇다고 if문이 나쁜 것은 아니다. 결국 코드는 본인이 결정하고 작성하는 것이기에 이러하게 쓰이며 비교를 해준 것이라고 할 수 있다.
이렇게 오늘은 if문과 switch문을 간단하게 비교를 해보았다.
간단하여도 막상 적용을 무엇을 하는게 더 효율적인지와,
더 간결하고 가독성이 좋은 코드는 매번 봐도 잘 모르겠다.
그래서 꾸준히 공부하고 계속 코드를 정리하게 되는 것 같다.
728x90
반응형
'Front-End > Javascript' 카테고리의 다른 글
초보자를 위한 리덕스 101 : Mutation 금지! (0) | 2021.07.31 |
---|---|
초보자를 위한 리덕스 101 : 초기 리덕스 설정 시도해보기 (0) | 2021.07.28 |
초보자를 위한 리덕스 101 : 바닐라 JS 그리고 리덕스 (0) | 2021.06.26 |
자바스크립트 유효성 검사 모음 (0) | 2021.06.19 |
URI 스키마 : 익스플로러에서 다른브라우저로 열리게 하기 (3) | 2021.06.12 |
댓글
250x250
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- java
- Git
- mongodb
- Visual Studio Code
- 리액트
- 리액트 유튜브
- 뷰
- 리액트 썸네일
- node
- CSS
- 함수
- array
- Coding Test
- 노드
- react
- 재공부
- node-sass
- 프로그래머스
- 리덕스
- node.js
- 파이썬
- 배열
- Switch
- redux
- 자바스크립트
- javascript
- programmers
- github
- 코딩테스트
- 자바
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함