선돌이의 코딩하우스

5. 표현식과 문 값 “표현식”이 “평가”되어 생성된 결과 10 + 20 // 30 10+20 이 평가되어 숫자 값 30을 생성 모든 값은 데이터 타입을 갖고, 데이터 타입에 따라 다르게 해석됨! ⇒ 0100 0001 ⇒ number ? 65 , string ? ‘A’ 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 or 메모리 공간을 식별하기 위해 붙인 이름 ⇒ 변수에 할당되는 것은 “값” var score = 10 + 20; score라는 변수에 할당되는 것은 표현식이 아닌 30이라는 값 리터럴 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법 3 ⇒ 숫자 리터럴 3 ㅋㅋ ( 사람이 이해할 수 있는 아라비아 숫자를 사용한거) ⇒ 자바스크립트 엔진은 이를 평가해서 숫자 ..

메모리는 데이터를 저장할 수 있는 메모리 셀의 집합 메모리 셀 하나의 크기는 1바이트 컴퓨터는 메모리 셀의 크기인 1바이트 단위로 데이터를 저장 및 읽기 각 셀은 고유의 메모리 주소를 갖는다 10 + 20 위 연산을 실행하면 30이 새로운 메모리 셀에 저장 ⇒ 30을 재사용하고 싶다면 해당 메모리 주소로 접근해야함! ⇒ But, 자바스크립트는 개발자의 직접적인 메모리 제어를 허용하지 않음 (오류 발생 가능성 때문에) ⇒ 또 동일한 코드를 실행하더라도 값이 저장되는 메모리 주소는 달라진당 ⇒ 따라서 메모리 주소를 알 수도 없지만 직접 접근하는 것은 올바른 방법이 아님 ⇒ 변수를 이용해야! 변수 하나의 값을 저장하기 위해 확보한 메모리 공간을 식별하기 위해 붙인 이름 즉, 값의 위치를 가리키는 상징적인 이름..

모던 자바스크립트 Deep Dive를 읽은 후 정리한 내용입니다. 다른 프로그래밍 언어와 비슷한 부분들은 생략하였습니다. 1. 프로그래밍 프로그래밍이란? 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 ⇒ 해결해야 할 문제(요구사항)을 명확히 이해한 후 적절한 해결 방안을 정의하는 게 중요 복잡한 “문제”를 단순하게 분해하고, 자료를 정리하고 구분 ⇒ 순서에 맞게 배열 언어의 의미는 문맥에 있는 것이지 문법에 있는 것이 아니다. const number = 'string'; console.log(number * number); //NaN 문법적으로는 전혀 문제가 없지만 , 의미도 없음 ⇒ 코드는 해결 방한을 구현물!! 문법에 부합한 것은 물론이고, 수행하고자 하는 바를 정확히 수행해야 의미가 있다 2. 자바..

웹 페이지를 이용하다보면 코드/링크 등이 복사되는 버튼을 본 적이 있을 것이다! 리액트로 이를 구현하기엔 정말 간단하다. 바로 Clipboard API를 이용하면 된다. 별도의 라이브러리 추가할 필요 없이 이용 가능하다. navigator.clipboard.writeText('복사할 내용') 다음과 같이 이용하면 된다. 위 메소드는 Promise를 반환하는 비동기 메소드이기 때문에 await, then이랑 같이 사용하면 된다는 점!! 다음 코드의 문제점 useEffect( async ()=>{ await navigator.clipboard.writeText('hi'); alert('Copied!'); },[]); 이 코드를 실행시키면 동기적으로 잘 작동하지만 콘솔창에 에러가 하나 뜰 것이다. DOMexc..

변수 정의하기 : const, let 기존 자바스크립트는 변수를 정의하는 방법이 var로 유일했습니다. 하지만 여러 문제점이 있어서 const와 let이 생겼는데요, 어떤 문제점 때문에 생겼는지 알아본다면 const와 let의 특성을 더 쉽게 이해할 수 있을 거라 생각합니다! var의 문제점 1. function scope var는 유효범위가 함수 단위입니다. 따라서 함수 내에서 선언된 변수는 함수 내에서 사용할 수 있습니다. 프로그램은 하나의 큰 함수로 이루어져 있기 때문에 전역 변수는 프로그램 어디에서도 사용할 수 있습니다. 함수 스코프가 어떤 문제점을 갖느냐하면..! for(var i=0; i