본문 바로가기

분류 전체보기89

[스터디 1주차]9장 타입변화 와 단축 평가 타입 변환과 단축 평가 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅 * 이라고 합니다 개발자의 의도와 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 자동으로 변환 되는 것을 암묵적 타입 변환 또는 타입 강제 변환 이라 합니다. 암묵적 타입 변환 암묵적 타입변환이 발생하면 문자열, 숫자, 불리언 같은 원시타입 중 하나로 타입을 자동 변환한다.문자열타입으로 변환 +연산자는 문자열을 만나면 문자열 연결 연산자로 동작하여 암묵적으로 문자열로 타입을 변환함 // 숫자 타입 0 + '' // -> "0" -0 + '' // -> "0" 1 + '' // -> "1" -1 + '' // -> "-1" NaN +.. 2022. 2. 4.
[스터디 1주차]7장 연산자 7장 연산자 연산자는 하나의상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만듭니다. 예시 // 산술 연산자 5 * 4; // -> 20 // 문자열 연결 연산자 "My name is " + "Lee"; // -> 'My name is Lee' // 할당 연산자 color = "red"; // -> 'red' // 비교 연산자 3 > 5; // -> false // 논리 연산자 true && false; // -> false // 타입 연산자 typeof "Hi"; // -> string 산술 연산자 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다 이항 산술 연산자 2개의 피연산자를 연산하여 숫자 값 만듬 +더하기 , -빼기 , *곱하기 ,.. 2022. 2. 4.
[스터디 1주차] 6장 데이터 타입 6장 데이터 타입 자바스크립트는 7개의 데이터 타입을 제공합니다.(6개의 원시타입 과 객체타입) 원시 타입 숫자, 문자열, 불리언, undefined, null, symbol 객체 타입 객체, 함수 배열 등 숫자 타입 자바스크립트는 정수와 실수를 구분해서 데이터 타입을 지공하지 않고 하나의 Number 타입만 존재합니다. 숫자 타입은 모두 실수로 처리됨 (64비트 부동소수점 형식) 정수, 실수, 2진수, 8진수, 16진수 모두 숫자타입 이며 이를 참조하면 모두 10진수로 해석됨 var binary = 0b01000001; // 2진수 var octal = 0o101; // 8진수 var hex = 0x41; // 16진수 // 표기법만 다를 뿐 모두 같은 값이다. console.log(binary); /.. 2022. 2. 4.
[스터디 1주차] 5장 표현식과 문 5장 표현식과 문 표현식이 평가 되어 나온 결과 가 값(value) 즉, 변수에 할당되는 것이 값이다. 리터럴 리터럴 이란 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다. 리터럴 종류 정수 부동 소수점 2진수 8진수 문자열 불리언 null undefined 객체 배열 함수 정규 표현식 표현식 값으로 평가될 수 있는 문은 모두 표현식 이다 리터럴도 값을 생성하기 때문에 리터럴은 그 자체로 표현식 예시 //리터럴 표현식 10 'Hello' // 식별자 표현식 sum person.name arr[1] // 연산자 표현식 10 + 20 sum = 10 su !== 10 // 함수/메서드 호출 표현식 square() person.getName() 표현식은 값으.. 2022. 2. 4.
[스터디 1주차] 4장 변수 모던 자바스크립트 deep-dive 스터디 내용 정리한 것 입니다. 4장 변수 변수란? 컴퓨터는 CPU를 사용해 연산하고 메모리를 사용해 데이터를 기억한다. 변수(variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 값의 위치를 가리키는 상징적인 이름 변수에 값을 저장하는 것을 할당(assignment)(대입, 저장)이라 하고 변수에 저장된 값을 읽어 들이는 것을 참조(reference)라고 합니다. 식별자(Identifier) 변수의 이름을 식별자 라고함 식별자는 어떤 값이 저장되어 있는 메모리 주소를 기억하고 있다js 에서 변수, 함수 클래스 이름은 모두 식별자 변수 선언 변수를 사용하려면 반드시 선언 이 필요 (메모리 공간 확보) v.. 2022. 2. 4.
[Numble] 다른 색깔 찾기 게임 넘블에서 진행한 다른 색깔 찾기 게임 챌린지 참여! https://www.numble.it/45cee9d3-49ad-4f67-9d2a-14607c2eeba7 [React] 상태관리 라이브러리를 사용하지 않고 다른 색깔 찾기 게임 제작 시간은 금! 챌린지를 딱 4줄로 요약해볼게요 😉 www.numble.it ✔ 구현 요구사항 각 스테이지마다 Math.pow(Math.round((stage + 0.5) / 2) + 1, 2)개의 사각형이 표시됨 한 스테이지의 제한 시간은 15초 스테이지 바뀔 때 마다 random으로 사각형의 색상을 적용, 하나만 다른색깔 적용(정답 사각형) 정답 사각형을 클릭한 경우 다음 스테이지로 넘어가고 Math.pow(stage, 3) * 남은시간 만큼의 점수가 누적, 오답을 클릭하면.. 2022. 1. 27.