2022년 8월 22일 월요일
드디어 대망의 본격적인 첫날이다!
월요일 오전 수업은 줌으로 수업하는 것이 아니라 유어클래스에서의 수업이다.
총 3개의 챕터로 JavaScipt의 기초적인 개념
변수, 타입, 함수를 배웠다.
Chapter 1-1. 변수
변수는 특정 값을 저장하는 메모리의 공간을 의미한다.
변수에는 여러가지 데이터형을 저장할 수 있으며 이를 이용해 프로그래밍을 한다.
정리하면!
1.데이터 보관함(메모리)
2.보관함의 크기는 동일
3.각 보관함의 이름은 변수
4.이름을 통해 데이터 사용(재활용)이 가능하다
사용방법은 간단하다.
선언을 하고 할당을 하면 된다!
Chapter 1-2. 변수와 선언
변수는 상황에 따라 변할 수 있는 값이다.
한마디로 myname의 변수를 이용해 'nick'의 값을 다른 곳에 이용 할 수 있다는 것이다.
그리고 myname = nick; 에서의 '='은 '같다'라는 의미가 아니라 '대입'한다는 의미이다.
대표적 예로는
let pi = 3.14;가 있는데, 원주율을 의미한다.
표현식에서 이러한 변수를 사용할 수 있는데
이렇게 변수로 표현 할 수 있다!
이를 이용해 구구단을 표현 해 보았다.
이렇게 하나하나 숫자를 넣어서 할 수도 있지만
let을 이용해서 변수를 설정하면 1개의 숫자만 바꾸면 된다!
Chapter2. 타입
타입이란?
숫자나 문자와 같이 변수에 할당할 수 있는 형태이다.
이 그림처럼 정말 여러가지 변수의 타입이 있다!
변수의 타입을 알기 위해서는 간단한데 구글 개발자 도구를 통해서 알아보자.
consloe.log(typeof'값')를 사용하면 변수의 타입을 알 수 있다.
Chapter3. 함수
함수란?
논리적인 일련의 작업을 하는 하나의 단위이다.
함수의 특징
- 코드의 묶음(즐겨찾기 버튼)
- 기능의 단위
- 입력과 출력간의 매핑
- 반드시 돌아온다(return)
함수의 사용 방법은 선언을 하고 호출을 하는 것이다.
이렇게 말이다!
이를 이용해 앞에서 배운 구구단을 좀더 쉽게 입력 출력 가능하다!
함수를 저장하고 mulTablePrinter(num)에서 num에 숫자만 넣으면 된다!
함수 선언 방법
- 함수 선언식
일반적인 프로그래밍 언어에서의 함수 선언과 비슷한 형식이다.
function 함수명() {
구현 로직
}
2.함수 표현식
유연한 자바스크립트 언어의 특징을 활용한 선언 방식
함수 표현식은 함수의 이름이 없는 익명함수를 변수에 할당하는 방식이다.
var 함수명 = function () {
구현 로직
};
3.화살표 함수
const getTriangleArea = (base, height) => {
let triangleArea = (base * height) / 2;
return triangleArea;
}
특징
(1).만약 함수의 본문에 return문만 있는 경우, :return과 중괄호 생략 가능
(2).return문에서 소괄호 사용 가능
(3).만약 함수 내의 표현식이 2줄 이상인 경우, :return과 중괄호를 명시적으로 쓰는 것이 좋음
오늘의 수업은 여기까지이다!
중간중간 구글링도 하면서 꼼꼼히 기초부터 찾아보면서 공부하니 애매하게 몰랐던 개념들의 내용을 자세하게 알게 되었고, 무엇보다 아는 것이 늘어나서 재미있고 즐겁다!
이 기세로 가자!!!
