[제대로 파는 자바스크립트] 1 - 3. copy of value VS copy of reference
·
FrontEnd/JavaScript
원시 타입(copy of value) VS 참조 타입(copy of reference) # 원시 타입 : 값에 의한 복사 copy of value let number1 = 1; let string1 = 'ABC'; let bool1 = true; let number2 = number1;//원시 타입 복사 let string2 = string1; let bool2 = bool1; number2 = 2; //재설정 string2 = '가나다'; bool2 = false; console.log('~1:', number1, string1, bool1); //~1: 1 ABC true console.log('~2:', number2, string2, bool2); //~2: 2 가나다 false //복사한 변수를..
[제대로 파는 자바스크립트] 1 - 2. 연산자
·
FrontEnd/JavaScript
# 비교 연산자 연산자 의미 권장 x == y 값이 같다. x === y 자료형, 값이 같다 권장 x != y 값이 다르다. x !== y 자료형 또는 값이 다르다. 권장 x y 사전순으로 y가 먼저 나온다. x >= y 사전순으로 y가 먼저 오거나 같다. console.log( '1' == '1', '1' == 1, '1' == 2 ); // true true false # 무한대 (-Infinity o) let x = 1 / 0; console.log(x, typeof x); // Infinity number # 숫자가 아닌 것 (-NaN x) let x = 1 / 'abc'; let y = 2 * '가나다'; let z = NaN; console.log(x, typeof x); console.log..
[제대로 파는 자바스크립트] 1 - 1. 기본 명령어와 자료형
·
FrontEnd/JavaScript
# 기본적인 명령어 console.log( 값 ); : 콘솔에 데이터 출력 (개발자용 기능으로 소프트웨어 외적으로 영향 끼치지 않음.) 콘솔 비우기: Ctrl + L console.info('로그 - 기능적으로는 log와 같음. 사용하기에 따라 용도 구분 가능'); console.warn('경고 - 문제가 될 수 있는 부분'); console.error('오류 - 에러 발생 상황'); # 변수와 상수 let : 변수 const : 상수 # 컴퓨터 상식 CPU: 일하는 사람 뇌 - 작업을 진행하는 주체 cpu가 좋으면 속도가 빨라짐 보조기억장치(SSD, HDD): 서랍 상대적으로 저장공간은 넓고 접근 속도는 느림 소프트웨어(코드)가 저장되는 곳 메모리(RAM): 책상 위 공간 상대적으로 저장공간은 좁고 접..
[따라하며 배우는 HTML, CSS] 1 - (4) HTML 기본 태그와 역할
·
FrontEnd/HTML.CSS
Heading: ~ : 주로 웹 페이지에서 표시하려는 제목으로 사용 (은 하나의 페이지에서 제일 큰 주제를 위해 한 번만 사용하는 것 추천.) Paragraphs: : 문단을 정의할 때 사용됩니다. Preformmatted Text : 미리 정의된 형식의 텍스트를 정의할 때 사용합니다. : 텍스트에 사용된 여백과 줄 바꿈이 모두 그대로 브라우저 화면에 나타납니다. List(목록태그) : HTML 문서에서 목록을 나타내는 태그 ( 종류: 크게 3가지) 1. 순서가 있는 목록: Ordered List * ol은 속성 reversed, start, type에 따라 리스트를 원하는 양식으로 바꿀 수 있습니다. 더보기 2. 순서가 없는 목록: Unordered List * ul은 type 속성을 square로 하..