유튜브 "코드깎는노인" 채널 광고 및 홍보하는 목적으로 사용하지 않았음을 알려드립니다.
유튜브보고 공부한 내용을 정리하는 목적으로 사용됨을 알려드립니다. 문제가 있을 시 삭제합니다.
[블로그 작성 승인 허가함]
js 기초 문법 1일차 - 공부
개발자가 개발하는 과정에서 데이터 내용들은 확인할 때 사용하는 공간이 콘솔창이다.
콘솔창에 확인하고 싶으면 <script> 태그 안에 console.log(123); 쓰면 된다. 써보자!
console.log(123);코드가 끝나는 곳에 ; 붙인다.
; 는 세미콜론이라고 한다.
상자 만들어보기
그럼 바로 실습 시작해보자!
let 변수 선언하고!
띄어쓰기하고!
자료(데이터)를 담을 수 있는 상자 box 만들고!
; 붙여보자!
그리고 코드 끝나는 곳에 습관으로 ; 붙이자
let box;변수 let 쓰고 box 라는 상자를 만들었다.
상자 안에 무엇이 있는지 콘솔창에 찍어보자!
console.log(box);찍어봤는데 undefined 라는 녀석이 나타났다..!
영어라서 겁 먹지마라!
콘솔창에 undefined 라고 나타나는 것은?
상자를 만들었는데 상자 안에 아무것도 없다 또는 빈어있다 정도로만 알아두면 된다.
쉽게 이야기하면 box 안에 무엇가를 넣어주지 않아서
undefined 라는 녀석이 나타났다고 알아두면 된다.
아! 그리고 자바스크립트에서 대문자, 소문자 구분한다.
상자 안에 무엇가를 넣어보자
아까 undefined 라는 녀석은 무엇가를 넣어주지 않아서 나타나는 녀석이라고 했다.
그럼 무엇가를 넣기 전에 잠깐!
상자 안에 무엇가를 넣어줄 때 = 이라고 작성하고 넣어주면 된다.
설명이 길어졌다! 일단 작성해보자!
let box;
box = "1"; // 문자
console.log(box);변수
let의 특징 알고 넘어가기변수
let쓰고 1번이상 쓴box라는 상자를 만들 수 없다. 다른 상자의 이름으로 만들어야 한다.
let쓰지 않고box만 쓰고 상자 안에 있는 무엇가를 바꿀 수 있다.
let 의 특징 알았으니 다시 본론으로 들어와서 이야기하면 아까 let box; 만들었으니 새로운 상자를 만들어주면 된다. let 특징 모르고 넘어가면 안돼!!
let = counter;
counter = 1; // 숫자
console.log(counter);일상생활에서 왼쪽이랑 오른쪽이랑 같으면 = 이라고 하지만
자바스크립트에서 = 은 오른쪽에 있는 것들은 왼쪽에 넣는다. 라고 알아두면 된다.
= 기준으로 오른쪽에 있는 코드들은 다 처리하고 박스한테 넣는다.
상자 안에 넣을 수 있는 문자열, 숫자 알아보기
상자 안에 넣을 수 있는 것들은 많다. 일단 문자열 숫자 있으니 넣어보자
쌍따옴표(" ") 같이 쓰면 문자 즉, 글자 라고 생각하면 되고
숫자만 입력하면 숫자라고 생각하면 쉽다 참 쉽쥬? (사실..어려움ㅠㅠ)
자! 그럼 문자열 숫자 넣어보자!
문자열 넣어줄 때 '' 안에 무엇가를 넣어주면 된다.
let = box;
box = "1"; // 문자
console.log(box);숫자 넣어줄 때는 그냥 숫자만 넣어주면 된다.
let = counter;
counter = 1; // 숫자
console.log(counter);