일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 파이썬
- 커스텀알림
- css
- react-native
- mac
- leetcode189
- JS
- 파이어베이스로그인
- 기초
- 리액트
- 자바스크립트
- 구조분해할당
- youtube iframe
- 다리놓기
- nvm
- nvmrc
- 백준
- iP
- Python
- leetcode977
- yarn-berry
- Spread
- 커스텀알락
- Rest
- React
- 프로토타입
- react-firebaseui
- Next.js
- firebaseui
- TCPvsUDP
- Today
- Total
JadeCode
[리뷰] JavaScript 기초 본문
변수, 타입, 함수
변수
변수는 데이터를 다루기 위해 붙인 이름이다.
변수를 선언하는 것은 데이터 보관함(메모리)에 데이터를 넣을 공간을 확보하는 것이다.
변수를 선언하고 할당한다.
let myName = '홍길동'
myName 변수에 홍길동이란 문자열을 할당한다.
= 은 같다는 표시가 아닌, 할당연산자
=== 이 같다는 표시이다.
타입
타입에 따라 할 수 있는 일이 다르다.
타입의 종류는 다양하다
타입은 string, number, boolean, undefined 등 원시 자료형이 있다.
boolean자료형이 헷갈려서 콘솔을 찍어 보았다.
0, null, undefined 는 거짓이며 나머지 문자열, 숫자 다 참이 나온다.
null과 undefined 의 차이
둘다 값이 없다는 느낌이 강하다.
null은 변수에 인위적으로 null값을 할당한 것이고, undefined는 선언이 되고 아직 값이 할당이 안되어있을 때 나온다.
연산자
비교연산자
===,!== : 엄격한 동치연산자이다. 값과 타입이 같으면 true 다르면 false를 반환한다. 엄격한 동치연산자는 값이 같아도 두 타입이 다르면 false로 반환된다.
123 === "123"; // false(값이 같지만 타입이 다르다.)
==,!= : 느슨한 동치연산자이다. "대부분" 타입이 달라도 값이 같으면 true를 반환한다. 느슨하게 판단하기 때문에 권장되지 않다.
123 == "123"; //true(값이 같다)
>,>=,<,<= : 대소관계 비교 연산자. 크기를 비교한다.
"a"<"b";//true(문자열도 비교 가능하다)
123<=123;// true (숫자도 당연히 비교 가능하다.)
논리연산자
||: 논리합(OR)
두 값 중 하나만 true여도 true로 판단한다.
&&: 논리곱(AND)
두 값 모두 true이면 true로 반환한다.
!: 부정(NOT)
사실 관계를 반대로 표현한다.
함수
함수는 논리적인 일련의 작업을 하는 하나의 단위이다.
함수는 반복적인 기능을 저장해 두었다가 필요할 때마다 호출하여 사용할 수 있다.
함수는 반드시 return을 해 주어야 한다.
함수는 구체적인 입력값과 출력값이 존재한다.
함수 선언에는 keyword, name, parameter, body 가 필요하다.
NaN = not a number
매개변수(parameter)와 전달인자(argument) 구분하여 사용가능
함수는 여러가지 표현법이 있다.
함수 코드블록 내부의 코드는 함수를 호출했을 때 최초 실행된다.
선언 할 때는 매개변수(parameter) 호출할 때는 전달인자(argument)가 있다.
함수는 전달받은 argument를 parameter에 차례대로 할당한다.
argument가 parameter보다 더 많이 전달되면 남은 argument는 어느 parameter에도 할당되지 않는다.
argument보다 parameter가 더 많이 설정되어 있다면 전달되지 않은 인자는 undefined가 표시된다.
'개발 > 웹' 카테고리의 다른 글
[리뷰] [HTML/CSS] 활용 (0) | 2022.05.03 |
---|---|
[리뷰] CSS 기초 (0) | 2022.05.02 |
[리뷰] HTML 기초 (0) | 2022.04.29 |
[리뷰]JavaScript 기초 제어문(반복문) (0) | 2022.04.28 |
[리뷰] JavaScript 기초 제어문(조건문, 문자열) (0) | 2022.04.27 |