[JS문법 종합반] 1주차_자바스크립트의 기본 문법 : 변수와 자료형

타임라인

• 프로그래밍 기초 주차 발제
• 강의 [JS문법 종합반] 1주차

---

오늘의 학습내용 : 변수와 자료형

변수의 주요 개념
변수 이름	저장된 값의 고유한 이름
변수 값	변수에 저장된 값
변수 할당	변수에 값을 저장하는 행위
변수 선언	변수를 사용하기 위해 컴퓨터에 알리는 행위
변수 참조	변수에 할당된 값을 읽어오는 것

 

변수를 선언하는 방법

• var : 이미 선언된 변수에 다른 값을 재할당하거나, 똑같은 이름으로 변수를 다시 선언할 수 있다.
• let : 이미 선언된 변수에 다른 값을 재할당할 수 있다. 똑같은 이름으로 변수를 다시 선언할 수 없다.
• const : 이미 선언된 변수를 재선언, 재할당할 수 없다.

 

데이터 타입 : 숫자와 문자

 

자바스크립트(Javascript)에서 자료형(Data Type)이란, 프로그래밍 언어로 조작 할 수 있는 값(숫자, 문자열, 불리언 등)의 종류이다. 숫자형(Number)은 우리가 알고 있는 숫자와 사실상 같은 성격을 지니고, 이를 이용해 사칙연산을 포함하여 연산작업을 실행할 수 있다.

• 정수

let num = 10 // 만약 데이터 값이 "10"으로 입력됐으면 데이터 타입은 정수가 아니라 string이 된다.

 

 

• 실수(float)

let num = 3.14

 

• 지수형(Exp)

let num = 2.5e5

 

• NaN

let num = "Hello" / 2 // 문자열을 숫자로 나눌 수 없다. NaN은 Not a Number, 숫자가 아닌 것을 뜻한다.

 

• 무한대(Infinity)

let num1 = 1 / 0  // 출력값 infinity
let num2 = -1 / 0 // 출력값 -infinity

 

• 문자열(String)

let str = "Hello World!" // " " 따옴표로 감싸져 있는 텍스트가 문자열이다.

문자열을 활용하는 주요 기능
문자열의 길이 확인하기	.length를 사용하여 문자열의 길이 정보를 확인한다.
문자열을 결합하기	.concat을 사용하여 문자열을 결합한다.
문자열을 자르기 : subsrt	.subsrt는 지정한 시작 인덱스부터 자를 문자의 길이만큼 문자열을 자른다.
문자열을 자르기 : slice	.slice는 지정한 시작 인덱스와 종료 인덱스만큼 문자열을 자른다.
문자열을 검색하기	.search는 검색한 문자열의 위치를 반환한다.
문자열을 대체하기	.replace는 특정 문자열을 찾아서 지정한 문자열로 치환한다.
문자열을 분할하기	.split은 지정한 구분자로 문자열을 분할하여 결과를 배열로 반환한다.

 

질문 & 더 알아보기

• substr( )을 배우고, vscode에서 실제로 코드를 작성해보던 중에 자동완성되는 substring( )과 혼동하게 되어 둘의 기능이 어떻게 다른지 알고 싶었다. 우선 substring( )은 문자열의 지정한 시작 인덱스부터 종료 인덱스 전까지의 문자열을 자른다. 반면 substr( )은 오늘 배운 내용처럼 문자열의 시작 인덱스부터 자를 문자의 길이만큼 문자열을 자른다는 차이가 있다.

 

오늘의 소감

 

내일배움캠프를 시작하고 첫 주가 굉장히 빠르게 지나갔다. 개인 학습만 진행하면서도 바쁜 일정이라고 느껴졌는데, 만약 조별 미니프로젝트까지 병행했다면 입문자로서는 제법 벅찼을지도 모르겠다. 웹개발 종합반을 완강하고, 과제 제출과 함께 학습질문에 대한 답변도 받아 일주일간 목표로 했던 학습량을 달성했다는 점이 큰 의미로 다가왔다. 새로운 팀원들과 이야기를 나누는 과정도 즐거웠다. 프로그래밍 기초 주차에서 학습 집중반을 편성받고 JS문법 강의를 수강하며 각자 이전에는 취업을 위해 어떤 노력을 해왔는지, 이번 기회를 통해 어떤 경험을 얻고자 하는지, 지난 주차에서 학습한 내용을 얼마나 이해했는지 서로 점검하는 과정에서 이번에는 JS 기초를 다지고, 실습 중에 사용할 수 있는 유용한 확장 프로그램과 코드를 적극적으로 공유해보기로 했다.