SEB/FE - 220426

애리·2022년 4월 26일
0

Section 1

목록 보기
2/14
post-thumbnail

📌 JavaScript 기초

1. 변수


  • 변수란 말 그대로 변하는 수를 의미하며 데이터를 저장하는 공간이다.
  • 변수는 선언과 할당을 통해 값을 가진다.
  • 선언만 되고 값이 할당되지 않은 변수는 undefined의 값을 갖는다.
  • = 연산자는 같다 의 의미 가 아닌 할당 연산자이다.


2. 타입


2-1. 원시 자료형

  • string : 문자를 표현하는 문자형 타입
  • number : 숫자를 표현하고 다룰 때 사용하는 객체
  • boolean : 논리적인 데이터 유형으로 참(true), 거짓(false)의 값을 가지는 것
  • undefined : 변수를 선언한 후 값을 할당하지 않아 데이터가 존재하지 않는 것

2-2. typeof

  • typeof 연산자를 사용해 데이터가 어느 타입으로 존재하는지 확인 가능
let str = 'young';
console.log(typeof str) // string
let num = 1;
console.log(typeof num) // number

console.log(typeof (1<2)) // boolean

let empty;
console.log(typeof empty) //undefined



3. 함수


  • 함수는 작은 기능의 단위이며 지시사항들의 묶음이다.
  • 함수는 항상 출력값(return)을 반환한다.

3-1. 함수 선언방법

함수 선언방법은 크게 3가지로 선언식, 표현식, 화살표함수 존재한다.

//선언식
function getTriangleArea(base, height) { 
  	let triangleArea = (base * height) / 2;
  	return triangleArea;
}

//표현식
const getTriangleArea = function(base, height) {
  	let triangleArea = (base * height) / 2;
  	return triangleArea;
}

//화살표함수
const getTriangleArea = (base, height) => {
  	let triangleArea = (base * height) / 2;
  	return triangleArea;
}

화살표함수의 경우 표현식이 1줄이라면 return{}가 생략가능하다. ( () 는 사용가능)

const getTriangleArea = (base, height) => (base * height) / 2 



+ 변수 선언 방식

  • 변수 선언 방식은 let, const 이 존재한다.
  • let은 중복 할당이 가능하지만 const는 불가능하다.
  • let, const는 블록 내부에서 선언된 변수까지도 지역변수로 인정하는 블록 레벨 스코프이므로 선언된 변수는 블록 외부에서 선언이 불가능하다.

스코프란 유효한 참조 범위를 뜻한다.
블록은 함수나 if문 등에서 { } 로 둘러싸인 코드 영역을 말한다.



마무리 😀


오늘은 JavaScript 기초의 첫시간으로 변수, 타입, 함수에 대해 배웠다. 이후에는 처음으로 정해진 페어분과 함께 프로그래밍을 진행했다. 나름대로 오늘 학습내용을 이해했다 생각했는데 막상 코플릿을 통해 문제를 풀어보니 아직 개념을 정확히 모르는 것이 많았다. 그래도 혼자 문제를 푸는 것이 아닌 타인과 함께 풀어보니 함께 고민하고 해결해가는 과정이 굉장히 의미있었다.
종합 퀴즈를 풀 때에도 문제를 꼼꼼히 확인하지 않아 어이없게 틀린 문제가 존재했다😂
다음번에는 실수를 줄이고 다 맞춰야지!

profile
예비 프론트엔드 개발자

0개의 댓글