switch

Redux 정리 (1) : 기본 파일 구조 및 reducers (rootReducer, initialState, switch문, Store)

본격적인 프로젝트를 처음 만들다가 리덕스에 대한 기초가 부족함을 느껴 이곳저곳에서 배운 내용을 총 정리하려 한다. 기본 파일 구조 다양한 구조를 사용하지만 나는 아래 형식으로 파일 구조를 짰다. | components |-- Layout.js |-- Header.js |-- Footer.js ... | pages |-- Auth.js |-- Home.js |-- Join.js ... | Redux // 이부분! |-- store.js |-- actions |-- |-- itemActions.js |-- |-- userActions.js ... |-- reducers |-- |-- rootReducer.js |-- |-- itemReducer.js |-- |-- userReducer.js ... actio..

React : 탭 만들기 (if else, array로 만들기) + props 귀찮을 때 팁

풀이 function Detail(props){ let [tab, setTab] = useState(0); return ( {setTab(0)}}>버튼0 {setTab(1)}}>버튼1 {setTab(2)}}>버튼2 ) } function TabContent(props){ if (props.tab === 0) { return 내용0 } else if (props.tab === 1) { return 내용1 } else if (props.tab === 2) { return 내용2 } } 더 센스있게 풀기 function TabContent({tab}){ return [내용0, 내용1, 내용2][tab] } 알게 된 점 JSX는 JavaScript의 확장 문법이지만, switch 문은 JavaScript의 제어..

[생활코딩, 드림코딩, 코딩앙마] 연산자(Operator)와 break, continue

연산자(Operator) 리스트 ! (not 연산자) 부정 && (and 연산자) 좌/우 모두 참일때 참 || (or 연산자) 좌/우 중 하나라도 참일때 참 (* or 연산자가 다수일 때 마지막에 가장 복잡한 변수를 넣는다) == (동등 연산자) 좌/우 같다면 참 === (일치 연산자) 좌/우가 데이터형까지 정확하게 같다면 참 != 같지 않다 (==와 정반대) !== 같지 않다 (===와 정반대) > 좌>우라면 참 >= 좌>=우라면 참 += 오른쪽 피연산자의 값을 변수에 더한 결과를 다시 변수에 할당한다. 조건부 연산자 (Conditional operator) const name = 'Noran'; if (name === 'Noran') { console.log('Welcome, Noran!'); } e..