✋🏻 코드잇 강의 듣고 정리한 내용입니다.
1. 자바스크립트 콘솔(브라우저 콘솔) 출력문
console.log("hello world")- 브라우저의 콘솔 탭에서 간단한 코드 작성이 가능
2. html과 js 연동
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript Study</title>
</head>
<body>
<script src="./index.js"></script>
</body>
</html> 3. 세미콜론 및 주석
- 한 줄로 쓸 때는 세미콜론 필요
- 나눠서 쓸 때에는 자동으로 알아서 인식하므로 세미콜론 안 써도 됨.
→ 반드시 사용하자는 의견도 있고, 필요할 때만 쓰자는 의견도 있음.
- 주석: 코드 설명 및 메모, 이 코드를 왜 썼는지 목적을 알릴 때 사용
주석은 간결하게 작성 → 불필요하게 사용하면 가독성이 떨어짐. 다른 사람이 쓴 주석을 읽는 것도 중요
4. 자바스크립트 자료형
- 숫자 : 정수, 소수
- 문자열 : '+' 기호를 이용해 문자열끼리 연결 가능
- boolean : 참, 거짓 → 조건에 의한 결과값으로 사용
...etc
5. 자바스크립트 추상화
- 추상화 : 복잡한 것들을 목적에 맞게 단순화하는 것
불필요한 것을 숨겨 단순하고 간결하게 표현하면서도 핵심만큼은 명확하게 드러낼 수 있어야 함.
→ 변수, 함수, 객체 모두 추상화 개념이 담겨있음.
6. 변수
let price = 3000; //변수 선언 따로, 값 할당 따로
let name; name = "ssook";
console.log(price)
console.log(name) - 목적 : 값에 이름을 부여하기 위해 변수를 활용
7. 실습과제 1
커피를 만들 때 들어가는 재료들의 칼로리는 다음과 같습니다.
에스프레소 : 10 kCal 우유 : 170 kCal 초코시럽 : 50 kCal 휘핑크림 : 60 kCal
우리가 판매했던 메뉴들의 칼로리를 한번 계산해 보려고 하는데요, 각 재료의 이름을 변수 이름으로 사용하여, 메뉴들의 칼로리를 저장해 주세요.
let espresso=10;
let milk=170;
let chocolateSyrup=50;
let whippedCream=60;
console.log(espresso); // 에스프레소 칼로리
console.log(espresso + milk); // 라떼 칼로리
console.log(espresso + chocolateSyrup + milk); // 모카 칼로리
console.log(espresso + chocolateSyrup + milk + whippedCream); // 모카(휘핑 추가) 칼로리 
개발자에서, IT Business 담당자로. BrSE 업무를 수행하고 있습니다.