-
변수
*본 포스팅은 '모던 자바스크립트 Deep Dive' 의 내용을 입맛대로 재구성해본 것입니다잇~! 변수란 무엇이고, 왜 필요한가 ? 컴퓨터는 CPU를 이용해 연산하고 , 메모리를 통해 데이터를 기억한다. 각 셀은 고유의 메모리 주소를 가지며, 0부터 시작해서 메모리의 크기만큼 정수로 표현된다. 메모리에 저장할 데이터는 데이터 타입과 상관없이 모두 2진수로 처리한다. (위 사진은 이해를 돕고자 10진수로 표현함.) · · · 10 + 20이라는 연산을 예로 들면 연산 결과로 나온 30이라는 값은 임의의 메모리 주소를 부여 받는데, 이를 재사용하고자 할 땐 저장된 메모리 공간에 직접 접근하는 방법 밖에 없다. · · 그러나 메모리 주소를 통해 직접 값에 접근하는 것은 매우 위험하다. 실수로 운영체제가 사용하..
2022.06.22 13:59 -
const & let
const a = 5; const b = 3; let myName = "bongbong" a + b; // a와 b 값은 const로 선언이 되었기 때문에 변하지 않는 값으로 고정된다. "my name is " + myName // "my name is bongbong" myName = "bungbung" // myNamedms let 선언 되었기 때문에 왼쪽과 같은 방식으로 새로운 값을 할당할 수 있다. "my new name is " + myName // "my new name is bungbung" 여기서 보통 같이 등장하는 var 이라는 statement는 코드 의미가 불분명하므로 (재선언, 재할당이 모두 가능하기에) 기본적으로 const 로 변수 선언하되, 바뀔 여지가 있는 변수들만 let 선언..
2022.06.07 12:08 -
code block style test
Loop https://highlightjs.org/
2022.06.01 23:28 -
Javascript - Datatype
string & number variable & constant 대입 연산자 ' = ' 산술 연산자 여러가지 비교연산자(comparison operator) & boolean 조건문 *리팩토링 (중복의 제거) : this(자기 자신의 tag를 지칭 --> 일일히 index를 붙이지 않아도 된다.) if(this.value === 'night') {~} target( 임의의 tag를 가리킬 때) var target=document.querySelector('body'); target.style.backgroundColor='black';
2022.06.01 22:08 -
Javascript와 HTML의 만남
HTML에게 Javascript를 입히는 방법은 tag를 사용하는 것이다. "HTML아, 이제부터 나오는 내용은 Javascript로서 해석을 하렴." 1) event 웹브라우저는 웹브라우저 위에서 일어나는 사건들 중, 기념할만한 'event' 들 몇가지를 정의( 'on-' 으로 표현되는 것들)하는데 , 이 event들을 이용해서 사용자와 상호작용할 수 있는 풍요로운 웹사이트를 만들 수 있을 것이다. 2) console Javascript를 실행해보고자 할 때 일일히 코딩 프로그램을 열어서 작업할 필요없이, 브라우저 내에서 inspect로 들어가 console tap에서 실행해볼 수 있다. 뿐만아니라, console 창을 통해 이미 만들어진 페이지에서 필요에 따라 문제를 해결할 수 있다. (inspect..
2022.06.01 12:24