동석쿠
프로그래밍 공부
동석쿠
전체 방문자
오늘
어제
  • 공부 (80)
    • 공부기록 (64)
      • 웹개발 (6)
      • Java (7)
      • cs 공부 (3)
      • http 웹 기본 지식 (8)
      • 자바 스프링 (20)
      • 개인 미니프로젝트 (3)
      • 알고리즘 공부 (6)
      • 면접준비 (2)
      • 프론트공부 (8)
      • 파이썬 플라스크 (1)
    • 항해99 기록 (14)
      • 회고록 (10)
      • 팀프로젝트 (3)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 항해99
  • 스프링
  • 리프레쉬토큰
  • API
  • lombok
  • 리액트
  • 파이썬
  • 스프링부트
  • JPA
  • Get
  • 문법
  • 리프레시토큰
  • 리스트
  • Post
  • 자바
  • 자바스크립트
  • Java
  • 상속
  • 프로그래머스
  • 알고리즘

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
동석쿠

프로그래밍 공부

자바스크립트 기본 문법
공부기록/프론트공부

자바스크립트 기본 문법

2022. 5. 29. 12:57

변수 선언

 

자바스크립트에는 변수를 선언할때 var, const, let 세가지 방식이 있다 간단하게

  • var는 예전 방식
  • const 변수의 변경을 막아주는 방식
  • let 변수의 변경을 허용하는 방식

var는 사용하지 말 것 var는 자바스크립트의 오래된 것, let같은 것이지만 var을 쓰면 let, const로 구분할 수 없고

코드를 읽으면서 의미를 얻을 수 없음.

var a = 3
a = 2 //가능

const b = 3
b = 2 //오류 발생

let c = 3
c = 2 //가능

배열

const nonsense = [1, 2, "hello", false, null, true]
console.log(nonsense) // [1, 2, "hello", false, null, true]

//접근하는 방법
console.log(nonsense[0]) // 1

//추가하는 방법
nonsense.push("hihi")

console.log(nonsense) // [1, 2, "hello", false, null, true, "hihi"]

Objects

만약 오브젝트 없이 구현한다면?

const playerName = "dongseok";
const playerPoints = 1234;
const playerHandsome = false;
const playerFat = "little bit";

오브젝트를 사용한다면?

const player = {
    name : "donseok",
    points : "1234",
    handsome : false,
    fat : "little bit"
}

console.log(player);
console.log(player.name);

오브젝트 업데이트

player.fat = false;
console.log(player) // => 바뀜

오브젝트 안에 무언가를 수정하는것은 const여도 문제가 없음

 

오브젝트에 무언가를 추가할 때

player.lastName = "potato"

console.log(player)

추가된 것을 확인할 수 있다.

 

함수

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

sayHello("name", 20);

 

조건문

if (조건) {
	내용
}
else if (조건) {
	내용
}
else {
	내용
}

 

'공부기록 > 프론트공부' 카테고리의 다른 글

리액트 공부2. 동적 UI (if사용), 반복문(map()사용), 입력  (0) 2022.05.31
Vue 기초 공부  (0) 2022.05.31
뷰 인텔리제이 프로젝트 생성  (0) 2022.05.30
리액트 공부1. 기초 JSX 사용법 (리액트의 자바스크립트)  (0) 2022.05.30
리액트 인텔리제이 프로젝트 생성  (0) 2022.05.30
    '공부기록/프론트공부' 카테고리의 다른 글
    • Vue 기초 공부
    • 뷰 인텔리제이 프로젝트 생성
    • 리액트 공부1. 기초 JSX 사용법 (리액트의 자바스크립트)
    • 리액트 인텔리제이 프로젝트 생성
    동석쿠
    동석쿠

    티스토리툴바