[JavaScript study] 기초

이호현·2022년 1월 21일
1

📚 JavaScript 📚

목록 보기
1/4
post-thumbnail

javascript 공부를 하며 기초 내용들을 정리해 보려 한다.

javascript 란❓

먼저 javascript에 대해 간단히 설명해 보자면 1995년 12월 4일 개발된 언어로 브랜든 아이크가 10일 만에 설계한 것으로 시작한다.

javascript는 모질라 재단 프로토타입 기반 프로그래밍 언어로, 스크립트 언어에 해당된다. 특수한 목적이 아닌 이상 모든 웹 브라우저에 인터프리터가 내장되어 있다.

html이 웹 페이지의 기본 구조를 담당하고
css가 디자인을 담당한다면
javascript는 클라이언트 단에서 웹페이지가 동작하는 것을 담당한다.

쉽게 비유하자면
html은 자동차 뼈대 🚗
css는 자동차의 외관 🚗🚗
javascript는 자동차를 움직이는 동력이라고 볼 수 있다. 🚗🚗🚗

💡 JavaScript Variable

변수 선언

javascript에서 변수 선언을 하려면 const와 let 두 가지만 알면 된다.
var도 가능하지만 var을 사용하면 오류가 쉽게 발생할 수 있어서 쓰지 않기로 한다😀

const와 let의 차이점은

const a = 10;
let b = 10;

const - 재선언 금지, 재할당 금지
let - 재선언 금지, 재할당 가능

위와 같다.

쉽게 생각하면 기본적으로 const를 사용하고 때때로 필요할 경우에만 let을 써주면 될거 같다.

*추가로 너무 긴 변수명을 사용 할 경우 VariableTooLong 이런 식으로 각 단어의 첫 단어를 대문자로 작성해준다.
파이썬의 경우엔 Variable_too_long

💡 Basic Data Type

javascript 데이터 타입으론
number, string, boolean이 있다. 각각 숫자 문자 그리고 참 거짓인데

boolean 에서
true = 켜져있음
false = 꺼져있음이라고 생각하면 편하고

또 다른 값으로는
null - 비어있음
undefined - 컴퓨터가 인지하고 있지만 값이 없음
여기서 null 과 undefined는 엄연히 다르다.

💡 Array

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];

javascript에서 배열로 데이터를 나열하는 방법 중 하나는
[] 안에 콤마(,)로 데이터를 나열한다.
여기엔 변수도 쓰일 수 있고, boolean, text, 숫자 등 데이터 정렬이 가능하다

위 코드에서 daysOfWeek 이란 변수에 하나의 값을 더 추가하고 싶다면

daysOfWeek.push("sun")

.push를 사용해 추가해주면 된다.

💡 Object

const player = {
  name: "hero"
  points: 10,
  fat: true,
};

object는 property를 가진 데이터를 저장해주며 {}를 사용한다.

property를 불러오는 간단한 방법으론 2가지가 있다

console.log(player.name);
console.log(player["name"]);

선언된 object를 바꾸는 것은 불가능 하지만 property를 바꾸는것과 추가하는 것은 가능하다.

player.points = 15; // points가 15로 바뀜
player.age = 20; // age란 property 추가

💡 function

function sayHello(nameOfPerson, age) {
  console.log("Hello my name is " + nameOfPerson + " and I'm " + age);
}

function 선언은

function 함수명() {
실행코드
}

위와 같은 구조로 사용한다.

❗️function 은 object안에서도 사용할 수 있다.

감사합니다😊
profile
# HoHo.log :)

0개의 댓글