반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 리액트 라우터 버전 에러
- yarnrc.yml
- UI/UX 분석
- UI
- ux
- manifest에러
- Section2회고
- 북클럽
- 에러 마지막줄
- 인쇄 css
- WIL
- 노마드코더
- chart.js 반응형
- section1회고
- vue chart.js
- chart.js fillText
- manifest error
- section3 회고
- CND
- 콘솔 manifest
- Firestore_Data_Types
- 경우의 수 줄이자
- 삽질일지
- 도넛 차트 가운데 글자
- stackoverflow-clone회고
- HTTP요청
- 리액트 라우터 돔 에러
- Manifest 에러
- react-router-dom v.6
- 노개북
Archives
- Today
- Total
FE
SEB_4_조건문 본문
[조건문]
반드시 비교연산자 필요
비교의 결과는 Boolean으로 나옴
if(조건1){
조건1 true시 실행될 코드
}else if(조건2){
조건1 false && 조건2 true시 실행될 코드
}else{
조건1과 조건2 모두 false 시 실행될 코드
}
함수에 적용하면 이렇게도 가능하다
function 변수이름(매개변수){
if(조건1){
조건1 true일 시 실행
}
return 리턴할 값
} // 조건1이 false일때는 return 값으로 나오게 할 수 있다.
[비교연산자]
=== //같다
!== //다르다
> // 초과
< // 미만
>= // 이상
<= // 이하
[논리연산자]
&& // AND연산자 &&로 묶인 조건들이 모두 true일때만 true
|| // OR연산자 ||로 묶인 조건들 중 하나만 true여도 true
! // NOT연산자 Boolean 값의 반대값 예) !true > false, !false > true
NOT연산자 사용시
!NaN // true 이때 undefined는 falsy한 값
!'HI' // false 이때 'HI'는 truty한 값
falsy한 값은 6가지로 외워두기!!
1. false
2. null
3. 0
4. undefined
5. ''
6. NaN
[산술연산자]
+ //더하기
- //빼기
num1 / num2 // 나누기 밑까지 주석처리 되길래
* // 곱하기
% // 나머지
** // 제곱
[Math object]
Math.pow(num1,num2) //num1에 num2제곱
[Template literals]
`` // 백틱 backtick
${} // 플레이스 홀더
`${표현식}`
`${변수}`
쓰는 이유 : 줄바꿈하기 유용, 내장된 표현식 사용가능
[TIL]
조건문, falsy, truty, 비교연산자, 논리연산자, Math 객체, template literals
Math객체에 대해서 더 알고싶고, 조건문을 간결하고 보기 좋게 작성할 수 있도록 조건 설계를 좀 더 생각해봐야겠다.
특히 모두에 해당되는 값이나 조건을 통해 거를 수 있는 값이 다수일 경우(조건에 해당하는 값이 적을경우)를 우선 순위로 둬야 좀 더 깔끔해지는 것 같다.
if else if else문에서 조건에서 처음 true가 실행되면 값을 반환하고 멈추는 것 같다
논리연산자 작성시 우선순위
! > && > ||
'SEB_FE' 카테고리의 다른 글
SEB_7_HTML기초 (0) | 2022.06.29 |
---|---|
SEB_5_문자열(보충하기) (0) | 2022.06.28 |
SEB_3_function (0) | 2022.06.26 |
SEB_2_type (0) | 2022.06.24 |
SEB_1 (0) | 2022.06.23 |
Comments