본문 바로가기
JavaScript 문법 기초 1주차!

JavaScript 문법기초1

by 픠버 2022. 11. 7.

console.log('') -데이터들을 출력할수 있는 문구이다!

 

Terminal - nodejs 를 사용하여 자바스크립트 파일을 실행할 수 있는 전용 번역기이다

우리가 작성한 코드들을 실행할 수 있다.

//를 통해 주석표시를 할 수 있다. 코드 설명할 때 많이 쓰인다

 

변수 변수는 저장해 놓은 데이터 또는 값을 가르키는 이름표이다!

 

ex) let 변수 이름 = 값

변수이름을 선언했고 변수에 값을 할당했다고 한다.

 

let 뿐만 아니고const라는 키워드를 활용해서 변수를 선언하고 값을 할당 할 수 있다.

하지만 const는 let 과 달리 한번 값을 할당하고 나면 다시 할당 할 수 없다는 차이가 있다.

다시 할당 할 일 없을때 많이 사용한다.

 

기본 데이터 타입 number,string,boolean,null,undefined 에 대해 배웠다.

number 숫자, string 문자열 , Blooean true/false , nul 텅 비어있는 값 ,undefined 변수를 선언만 하고 값이 할당 x

 

연산자

어떤 데이터와 데이터를 처리해 결과값을 반화해준다!

템플릿 리터널 - 백틱(``)을 사용하여 문자열 데이터를 표현할 수 있다.

 

console.log(`이 신발의 가격은 ${shoesPrice} 원 입니다.`) 이처럼 전체 문단에 백틱을 이용하여 간단하게 표현이 가능하다

-산술연산자

-증감연산자 

-대입연산자 

-비교연산자  < <= > >=  true false

-논리연산자  || (or), &&(and),!(not) 와 같은 연산자

-일치연산자 1===1 // true.   ,   1===2 // false. 등 문자도 가능하다.

 

 

문제.

Q. 상품 가격을 나타내는 2개의 변수를 선언하고 각각의 변수에 원하는 가격값을 할당해보아요. 두 상품을 더한 가격 역시 총가격을 나타내는 변수에 할당해봅니다. 마지막으로 총가격의 20% 할인된 가격을 구해서 '총 몇 원에 물건을 구입합니다.' 라는 문자열을 출력합니다

const shose = (2000)
const pants = (1000)
const totalprice =(shose+pants)
console.log(`${totalprice*0.8}원에 물건을 구입합니다.`

const 에 상품 가격 변수이름을 적용하고 변수 값을 정해준다 . 두변수 더한거를 totalprice 변수에 넣고 로그창에 뛰어준다.

 

if 조건문 // 조건을 만족할 때 실행.

else 구문의 조건을 만족하지 않았을 때 실행하고 싶은 코드를 else 구문과 함께 작성

else if 구문을 활용하면 더 많은 조건을 판단하고 코드를 실행할 수 있다!

거리를 의미하는 변수를 선언하고 원하는 숫자값 (단위는 km라고 가정) 을 할당합니다. 2km 미만이면 "걸아가자"를, 2km 이상이고 5km 미만이면 "택시를 타자"를, 그 외에는 "기차를 타자"를 출력해봅니다.

 

 

const distance = 7
if (distance < 2) {
console.log('걸어가자')
} else if (distance >=2 && distance <5) {
console.log('택시를 타자')
} else {
console.log('기차를 타자')
}
 
변수 distance 주고 if문과 else if  else 를 써서 조건문을 완성 시켰다.
 
함수
함수는 특정 작업을 수행하는 코드의 집합이다.

function 함수명(매개변수들...) {

이 함수에서 실행할 코드들

return 반환값

}

함수의 선언과 호출 , 함수명은 함수가 하는 일들을 대표하는 이름이면 좋다.

 

 

 

오늘 한번에 여러 강의를 들어서 정리는 안되는 느낌이지만 웹개발 강의를 듣고 자바스크립트 기본문법 강의를 들어보니 '아 이게 이거였구나' 하면서 들을 수 있어서 이해하기 편했다. 한번씩 잘 알지는 못하지만 사용했던 코드라 반가웠고 전에 했던 미니프로젝트를 생각하면서 이럴때 이런 방법을 사용하면 좋겠구나 하면서 응용을 하여 더 완벽한 미니 프로젝트를 만들 수 있을거 같다는 자신감이 생겼다. 아직 정리는 안된 상태이지만 복습하면서 실전에서 쓰면서 익히면 내거가 될거 같다는 느낌을 많이 받은 하루였다.  

 

 

 

 

 

 

 

'JavaScript 문법 기초 1주차!' 카테고리의 다른 글

데이터 타입  (0) 2022.12.02
JavaScript  (0) 2022.12.01
Javascript 기초  (0) 2022.11.30
javascript  (0) 2022.11.30
자료구조  (0) 2022.11.26