본문 바로가기

Study/JavaScript16

[모던 자바스크립트] 02 프로그래밍의 기본, 변수와 자료형 살펴보기 1. 프로그램에서 입력받고 출력하는 방법 alert() 함수: 알림 창을 표시. alert() 함수의 소괄호 안에 메세지를 입력하거나 변수를 사용하면 알림 창에 텍스트나 변숫값을 표시할 수 있음. confirm() 함수: 확인 창을 표시. [확인]과 [취소] 버튼이 있어 사용자가 어떤 버튼을 클릭했는가에 따라 서로 다른 반환값을 나타냄. [취소]버튼 클릭시 false 반환. prompt() 함수: 사용자가 간단한 값을 입력할 수 있는 프롬프트 창을 표시. 입력 기본값을 지정할 수도 있음. 값 입력 취소시 null 반환. 2. 프로그램과 친해지려면 변수부터 익히자 변수 선언 let 상수 선언 const 변수 선언시 var를 사용하게 되면 변수 호이스팅이 발생. 호이스팅(hoisting): '끌어올린다'는 .. 2023. 1. 9.
[모던 자바스크립트] 01 자바스크립트 시작하기 1. 자바스크립트를 위한 기본 상식 자바와 자바스크립트는 붕어와 붕어빵 같은 사이! 붕어빵 안에 붕어 없음.. 에크마스크립트(ECMA Script)와 자바스크립트는 같다고 할 수 있을까? 아니요. 에크마스크립트는 자바스크립트를 기반으로 표준화된 스크립트 언어임. 자바스크립트는 에크마스크립트의 표준 사양을 따르는 가장 유명한 언어이지만, 이 외에도 여러 스크립트 언어가 있음. 2. 웹 개발에서 자바스크립트의 역할 클라이언트(client): 사용자의 눈에 보이는 부분 서버(server): 눈에 보이지 않는 부분 '서버 컴퓨터(server computer)': 인터넷에 직접 연결된 컴퓨터. 사이트에서 사용하는 텍스트와 이미지, 동영상, 게시판 정보 등 사이트와 관련된 모든 정보가 저장됨. '클라이언트 컴퓨터(.. 2023. 1. 9.
08. 불변성 데이터 불변성(Immutability) 원시 데이터: String, Number, Boolean, undefined, null 참조형 데이터: Object, Array, Function // 원시형 데이터 let a = 1 let b = 4 console.log(a, b, a === b) // expected output: 1 4 false b = a// b가 a와 같은 저장소를 바라보게 됨 console.log(a, b, a === b) // e.o: 1 1 true a = 7 console.log(a, b, a === b)// e.o: 7 1 false let c = 1 console.log(b, c, b == c)// e.o: 1 1 true -> 데이터 불변성! // 원시형 데이터는 생김새가 같으.. 2022. 3. 24.
07. 전개 연산자 // 전개 연산자(Spread) const fruits = ['Apple', 'Banana', 'Cherry'] console.log(fruits) //expected output: ["Apple", "Banana", "Cherry"] console.log(...fruits) // 전개 연산자. 문자 데이터로 출력됨. // e.o: Apple Banana Cherry // console.log('Apple', 'Banana', 'Cherry')와 같은 결과 // toObject = 객체 데이터로 변화시킴. function toObject(a, b, c) { return { a: a, b: b, c: c } } console.log(toObject(...fruits)) // e.o: {a: "Apple",.. 2022. 3. 24.