바텐더에서 개발자로 바텐더에서 개발자로

I. 전역 객체 (global object) 1. 언제 어디서든 들이마실 수 있는 공기와도 같은 존재 죽음은 바람과 같지, 늘 내 곁에 있으니. - 아이오니아 추방자 야스오 2. 코드로 선언하지 않아도 전역 범위에 항상 존재하는 객체 // 위의 코드를 브라우저 콘솔에 출력해 볼 것 console.log(this); console.log( this === window, window === self, self === frames ); ✨globalThis : 통일된 식별자 console.log(globalThis); 3. 전역 객체에 포함되는 것 ① 표준 빌트인 객체 ② 호스트 객체 : 환경에서 제공하는 기타 객체들(브라우저의 Web API, Node.js API 등) ③ 전역으로 설정된 var 변수와 전역..

I. 객체의 기본 사용법들 1. 객체 생성과 프로퍼티 접근 const food1 = { foodName: '햄버거', foodPrice: 5000, foodVegan: false }; console.log(food1);// {name: '햄버거', price: 5000, vegan: false} console.log( food1.foodName, // 💡 마침표 프로퍼티 접근 연산자 food1['foodPrice'] // 💡 대괄호 프로퍼티 접근 연산자 ); ✨식별자 명명 규칙에 벗어나는 키 이름 사용시 변수명 등으로 사용할 수 없는 이름의 키인 경우, 대괄호 프로퍼티 접근 연산자로만 가능 const obj = { 1: '하나', // 숫자도 객체의 키로는 사용 가능 'ab-cd': 'ABCD', // ..

I. 함수의 의미와 사용법 1. 기본 문법 function 함수명 (입력값) { // 수행할 일 return 반환값 // 있을 시 } 함수명(입력값); 2. 함수를 사용한다는 것 - 반복될 수 있는 작업을 정의해두는 것 // 함수 사용 전 let cookie = 3000, icecream = 4000; console.log(`${cookie} + ${icecream} = ${cookie + icecream}`); console.log(`${cookie} - ${icecream} = ${cookie - icecream}`); console.log(`${cookie} * ${icecream} = ${cookie * icecream}`); console.log(`${cookie} / ${icecream} = ..

I. 블록문과 스코프 1. 블록문 - 0개 이상의 statement들을 묶은 단위 - 일반적으로, 이후 게시물에서 설명할 제어문 함수 등에 사용 - 새로운 스코프* 생성 *스코프 (scope) 식별자들이 유효하게 사용될 수 있는 범위 다음과 같이 { } 로 묶여있는 부분을 스코프라고 한다. 스코프 내에서 정의된 변수들은 스코프 바깥에서 사용이 불가능하다. 하지만, 스코프 밖에서 정의된 변수는 스코프 안에서 사용이 가능하다. 예시를 들어보자. 스코프 밖에서 정의된 변수 x는 스코프 안에서도 사용될 수 있지만, 스코프 안에서 정의된 변수 y는 스코프 밖에서 사용될 수 없다. 이러한 구조를 사진으로 예를 들자면, 위와 같은 사진이 될 수 있다. 썬팅이 잘 된 자동차를 사이에 두고, 자동차 바깥에 있는 x는 y..

I. 자바스크립트의 자료형 1. 불리언 ( boolean ) 2. 숫자 ( number ) 3. 문자열 ( string ) 4. undefined - 값이 부여되지 않은 상태 - 이것도 값임 5. null - 의도적인 빈 값을 의미 - null도 값임 또한, 자바스크립트는 동적 타입을 가진 언어이다. - 특정 값이 할당된 변수에, 그와 다른 자료형의 값을 넣는 것이 가능 - 자유롭지만 그만큼 자료형 관련 오류들에 취약함 typeof 연산자 : 뒤에 오는 값의 자료형을 반환 getUpperCase() : 주어진 문자열을 대문자로 바꾸는 함수 'hello' 라는 문자열에 대해 'HELLO' 라는 대문자를 반환 문자열이 아닌 숫자를 넣으면 오류 발생 II. 문자열(string) - 텍스트 데이터 1. 기본 표..

- JavaScript 란? 자바 스크립트란, html이나 css 와 같은 기능이 제한된 마크업 언어가 아니라 '프로그래밍 언어' 이다. 또한, 컴파일 과정이 없는 '인터프리터 언어' 이기 때문에 개발 과정이 빠르고 유연하지만, 버그가 덜 걸러지고, 실행이 좀 느리다는 단점이 있다. 그리고 자바 스크립트는 동적 자료형을 가진다. 위와 같이 숫자로 저장된 변수의 값을 문자열(String), 불리언(Boolean), 객체나 배열, 함수로도 바꿀 수 있다. - Console 활용하기 콘솔이란, 자바 스크립트만의 기능이 아닌 환경*의 기능이라고 할 수 있다. 따라서 콘솔을 열어 확인하지 않는 이상은 소프트웨어 외적으로 영향을 끼치지 않는다. 콘솔을 활용하는 기본적인 문법은, 처럼 여러 값을 나열하고 싶다면 , ..