코드스테이츠 2일차 (변수, 타입, 함수, 조건문)
1. 변수
변수의 생성 이유 : 목적에 맞는, 간결한 코드를 '바르게' 작성하기 위해
변수의 생성 방법 : "=" 를 통해 할당한다
코딩에서 "="는 "같다"라는 의미가 아니라 값을 할당 하는 것 임을 인지해야 한다.
사용 방법
1) 선언
어떤 변수에 대해 먼저 선언을 해주어야 사용 가능하다. 선언은 let --- ; 의 형식을 취한다.
2) 할당
선언 이후에는 자유롭게 선언한 보관함에 자유롭게 할당 할 수 있는데 이때는 "="을 통하여
데이터를 저장(할당) 하는 식으로 이용 가능하다.
3) 선언과 할당은 동시에 사용 가능하다.
사용 방법은 let --- = ---;의 형식을 취한다.
*변수의 이름은 공백을 사용할 수 없으므로 단어의 처음을 대문자로 활용한다.
2. 타입
모든 변수에는 타입이 있다.
숫자, 문자열, 불리언(참거짓), 자료형(compound, 객체), undefined, 함수
등등 다양한 타입이 존재하고 모든 변수에는 타입이 있다.
3. 함수
함수에서는 함수 선언식, 함수 표현식, 화살표 함수 에 대해 공부했다.
첫번째로 함수 선언식을 살펴보겠다.
**함수 선언식 (function statement)**
example(); //함수 호출
function exaple1() {
console.log('hello');
}
*함수 선언 방식은 함수 리터럴 형식과 같다.
*함수 선언문은 반드시 함수 이름이 명시되어 있어야 한다.
*함수 이름으로 함수를 호출한다.
**함수 표현식 (function expressions)**
const example2 = function () { console.log('hello')};
//변수 example2에 함수 할당.
example2(); // 함수 호출
*함수 리터럴로 생성한 함수를 변수에 할당하는 방법을 함수 표현식 이라고 한다.
함수의 참조값이 변수로 저장된다.
* 위의 예에서 example2 는 함수의 이름이 아니다. 함수는 익명함수이고 함수가
할당된 변수인 example2 를 통해 호출할 수 있다.
*함수 표현식에서 const example2 = function exam2 () { --- } 와 같이
함수에 이름이 지정되었다고 하더라도 변수 이름을 사용하여 함수를 호출해야 한다.
함수에 이름을 정하면 코드를 디버깅 할 때 도움이 된다.
*함수 표현식에 함수 이름을 지정하였다고 하여도, 호출 방식에는 영향을 미치지 않는다.
**화살표 함수**
화살표 함수는 함수 표현식의 단축 표현 이라고 할 수 있는데, 완전히 같은 건 아니므로 주의해야 한다.
화살표 함수를 예를 들면
const square = function(x) {return x*x}; // 함수 표현식
변수의 생성 이유 : 목적에 맞는, 간결한 코드를 '바르게' 작성하기 위해
변수의 생성 방법 : "=" 를 통해 할당한다
코딩에서 "="는 "같다"라는 의미가 아니라 값을 할당 하는 것 임을 인지해야 한다.
사용 방법
1) 선언
어떤 변수에 대해 먼저 선언을 해주어야 사용 가능하다. 선언은 let --- ; 의 형식을 취한다.
2) 할당
선언 이후에는 자유롭게 선언한 보관함에 자유롭게 할당 할 수 있는데 이때는 "="을 통하여
데이터를 저장(할당) 하는 식으로 이용 가능하다.
3) 선언과 할당은 동시에 사용 가능하다.
사용 방법은 let --- = ---;의 형식을 취한다.
*변수의 이름은 공백을 사용할 수 없으므로 단어의 처음을 대문자로 활용한다.
모든 변수에는 타입이 있다.
숫자, 문자열, 불리언(참거짓), 자료형(compound, 객체), undefined, 함수
등등 다양한 타입이 존재하고 모든 변수에는 타입이 있다.
3. 함수
함수에서는 함수 선언식, 함수 표현식, 화살표 함수 에 대해 공부했다.
첫번째로 함수 선언식을 살펴보겠다.
**함수 선언식 (function statement)**
example(); //함수 호출
function exaple1() {
console.log('hello');
}
*함수 선언 방식은 함수 리터럴 형식과 같다.
*함수 선언문은 반드시 함수 이름이 명시되어 있어야 한다.
*함수 이름으로 함수를 호출한다.
**함수 표현식 (function expressions)**
const example2 = function () { console.log('hello')};
//변수 example2에 함수 할당.
example2(); // 함수 호출
*함수 리터럴로 생성한 함수를 변수에 할당하는 방법을 함수 표현식 이라고 한다.
함수의 참조값이 변수로 저장된다.
* 위의 예에서 example2 는 함수의 이름이 아니다. 함수는 익명함수이고 함수가
할당된 변수인 example2 를 통해 호출할 수 있다.
*함수 표현식에서 const example2 = function exam2 () { --- } 와 같이
함수에 이름이 지정되었다고 하더라도 변수 이름을 사용하여 함수를 호출해야 한다.
함수에 이름을 정하면 코드를 디버깅 할 때 도움이 된다.
*함수 표현식에 함수 이름을 지정하였다고 하여도, 호출 방식에는 영향을 미치지 않는다.
**화살표 함수**
화살표 함수는 함수 표현식의 단축 표현 이라고 할 수 있는데, 완전히 같은 건 아니므로 주의해야 한다.
화살표 함수를 예를 들면
const square = function(x) {return x*x}; // 함수 표현식
함수에서는 함수 선언식, 함수 표현식, 화살표 함수 에 대해 공부했다.
첫번째로 함수 선언식을 살펴보겠다.
**함수 선언식 (function statement)**
example(); //함수 호출
function exaple1() {
console.log('hello');
}
*함수 선언 방식은 함수 리터럴 형식과 같다.
*함수 선언문은 반드시 함수 이름이 명시되어 있어야 한다.
*함수 이름으로 함수를 호출한다.
**함수 표현식 (function expressions)**
const example2 = function () { console.log('hello')};
//변수 example2에 함수 할당.
example2(); // 함수 호출
*함수 리터럴로 생성한 함수를 변수에 할당하는 방법을 함수 표현식 이라고 한다.
함수의 참조값이 변수로 저장된다.
* 위의 예에서 example2 는 함수의 이름이 아니다. 함수는 익명함수이고 함수가
할당된 변수인 example2 를 통해 호출할 수 있다.
*함수 표현식에서 const example2 = function exam2 () { --- } 와 같이
함수에 이름이 지정되었다고 하더라도 변수 이름을 사용하여 함수를 호출해야 한다.
함수에 이름을 정하면 코드를 디버깅 할 때 도움이 된다.
*함수 표현식에 함수 이름을 지정하였다고 하여도, 호출 방식에는 영향을 미치지 않는다.
**화살표 함수**
화살표 함수는 함수 표현식의 단축 표현 이라고 할 수 있는데, 완전히 같은 건 아니므로 주의해야 한다.
화살표 함수를 예를 들면
const square = function(x) {return x*x}; // 함수 표현식
이를 화살표 함수 표현식으로 작성하고자 한다면
const square = (x) => {return x*x}; // 화살표 함수 표현식
이런 모양이 될 것이다.
4. 조건문 기초
1) '==' 과 '==='의 비교
조건문에서는 제일먼저 '==' 과 '==='의 차이에 대해 공부하였다.
우선 '=='과 '==='는 비교를 한다는 점에서는 기본적으로는 동일하나
===이 더 엄격한 비교를 한다.
예를들면, 1 == true 는 true 이지만 1 === true 는 false 이다.
무슨 말이냐하면 기본적으로 true 는 1 값을 가지므로 == 비교에서는 1과 같은 값을 가지므로 참이라고
판단하는 것이고 === 비교에서는 완전히 같은 값이 아니므로 거짓이라고 판단하는 것이다.
2) 조건문 같이 보이지 않는 문자열에 !(Not 연산자) 를 붙힌다면?
!undefined -> !falsy -> trusy 한 값.
!문자열 -> !trusy -> falsy 한 값. 이 된다.
*기억해야 할 6가지 falsy 값
if (flase)
if (null)
if (undefined)
if (0)
if (NaN)
if (' ')
이 경우들에는 if 문이 false 가 되므로 if문이 실행되지 않는다.
5. 코플릿 진행
1) '==' 과 '==='의 비교
조건문에서는 제일먼저 '==' 과 '==='의 차이에 대해 공부하였다.
우선 '=='과 '==='는 비교를 한다는 점에서는 기본적으로는 동일하나
===이 더 엄격한 비교를 한다.
예를들면, 1 == true 는 true 이지만 1 === true 는 false 이다.
무슨 말이냐하면 기본적으로 true 는 1 값을 가지므로 == 비교에서는 1과 같은 값을 가지므로 참이라고
판단하는 것이고 === 비교에서는 완전히 같은 값이 아니므로 거짓이라고 판단하는 것이다.
2) 조건문 같이 보이지 않는 문자열에 !(Not 연산자) 를 붙힌다면?
!undefined -> !falsy -> trusy 한 값.
!문자열 -> !trusy -> falsy 한 값. 이 된다.
*기억해야 할 6가지 falsy 값
if (flase)
if (null)
if (undefined)
if (0)
if (NaN)
if (' ')
이 경우들에는 if 문이 false 가 되므로 if문이 실행되지 않는다.
처음으로 코플릿을 진행 해 보았다.
같이 코플릿 진행하시는 분은 컴퓨터 공학과에 재학 중이신 분이어서 어느 정도 얘기가 잘 통했는데 자바스크립트를 처음 접해보는 나로써는 배울점이 많았다.
Author And Source
이 문제에 관하여(코드스테이츠 2일차 (변수, 타입, 함수, 조건문)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@tjrgus852741/코드스테이츠-2일차-변수-타입-함수-조건문저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)