목록JavaScript (25)
얼레벌레
값은 식(표현식 expression)이 평가되어 생성된 결과를 일컫음 - 모든 값은 data type을 가진다 - 메모리에 2진수, 즉 비트의 나열로 저장된다 - 메모리에 저장된 값은 데이터 타입에 따라 다르게 해석될 수 있다 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말함 ✔️ 리터럴 사용시 다양한 종류의 값을 생성할 수 있다 ⇨ 정수, 부동소수점, 2/8/16진수, 문자열, Boolean, null, undefined, 객체, 배열, 함수, 정규표현식 리터럴 표현식은 값으로 평가될 수 있는 문으로 표현식이 평가되면 새로운 값을 생성하거나 기존값을 참조함 ➰ 값으로 표현될 수 있는 문은 모두 표현식 ➰ 표현식과 표현식이 평가된 값은 동치(equivalent)..
컴퓨터는 CPU를 이용해 연산하고, 메모리를 사용해 데이터를 기억한다. - 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이며, 메모리 셀 하나의 크기는 1바이트(8비트) ⇨ 1바이트 단위로 데이터를 저장하고 읽어들임 - 각 셀은 고유의 메모리 주소를 가지며 이 메모리 주소는 메모리 공간의 위치를 나타냄 - 동일한 컴퓨터에서 동일한 코드를 실행하더라도 값이 저장될 메모리의 주소는 변경된다. 따라서 기억하고 싶은 값은 변수에 저장한다 변수: 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 - 값의 위치를 가리키는 상징적인 이름 변수명을 식별자(identifier)이라고도 하는데, 이 식별자는 값이 아니라 메모리 주소를 기억하여 저장된 값에 접근한다...
alert, prompt, confirm JavaScript 내의 기본 알림창은 알림창이 뜬 동안 스크립트가 일시 정지한다는 점, 그리고 스타일링이 불가하다는 단점이 있다. 그럼에도 빠르고 간단하다는 장점이 존재한다. alert() : 경고창 prompt() : 사용자의 입력을 받는 창 → prompt(A, default)로 default값 지정 가능하다. 기본 입력값이 문자열(string) 취소를 누를 경우 null로 뜸 confirm() : 사용자의 확인을 받는 창 확인 - true, 취소 - false 반환 형변환 자동 형변환 : 문자형이 포함된 연산일지라도 +를 제외한 연산기호는 자동 형변환 ex) “2”*3 ⇒ 6 명시적 형변환 String() : 문자열로 형변환 Number() : 숫자형으로 ..
✔️ 원하는 바 새로고침마다 랜덤으로 뜨는 quote 받아오기 새로고침마다 랜덤으로 뜨는 background 받아오기 ▪️ Quote Math 내장함수 사용해서 random한 번호 부여해주기 ▪️ Background 파일명 리스트로 저장하기 createElement()로 Js에서 새로운 태그 생성해주기 ⇨ 파일명이 random이라 html의 img 태그로 지정이 불가능하다. 따라서 Js에서 이미지를 생성한다. appendChild()로 html에 노드 추가하기 // Quote const quotes = [ {quote: 'All that glitters is not gold.', who: 'William Shakespeare'}, {quote: 'Genius is one percent inspiratio..
✔️ 원하는 바 초단위까지 보여주는 시계 만들기 한자리수 단위의 시,분,초면 앞에 0 채워넣기 요일, 날짜 등도 Show! ▪️ new Date()를 사용하면 javascript에서 제공해주는 시간을 얻어와 간편하게 시간을 작성할 수 있다. ▪️ 위와 같이 new Date()에서 get_()로 시간을 긁어오면 시간/분/초가 10보다 작은 경우 시계 모양이 이상해진다.(예를 들어 9시 3분인 경우 9:3) 어떻게 해결할까? if문으로 처리하기 if (minute.toString().length === 1){ minute = '0' + new Date().getMinutes(); } if (second.toString().length === 1){ second = '0' + new Date().getSeco..