Jerry

객체 객체(object)는 자료형의 일종으로 다양한 값을 모아 둔 또다른 값입니다. 객체의 종류는 크게 배열(array), 함수(function), 배열이나 함수가 아닌 객체로 나눌 수 있습니다. 배열 맨 앞에 값을 추가하려면 unshift라는 기능 배열 맨 뒤에 값을 추가하려면 push라는 기능 배열 맨 뒤에 값을 제거하려면 pop이라는 기능 배열 맨 앞에 값을 추가하려면 unshift라는 기능 배열 중간 또는 원하는 위치의 값을 추가/제거 하려면 splice라는 기능 배열 안의 요소를 찾으려면 includes라는 기능 (true / false) 배열 안의 임의 값의 위치를 찾으려면 indexOf / lastIndexOf라는 기능 const인데 수정 가능한 이유는 뭔가요? const에는 새로운 값을 대..

논리연산자 !연산자: 식 앞에 !를 붙이면 반대 논리값으로 변한다 이 성질을 이용해 다른 자료형을 불 값으로 형 변환할 수도 있습니다. ! 연산자를 연이어 두 번 쓰면 됩니다. > !!'a'; !!false !!'' !!0 !!NaN !(2 !2 < 0; < false ※ 연산자 우선순위 | MDN 연산자 우선순위 - JavaScript |..

1강 팁(Tip) 문법을 완벽히 알려는 것 Nono 적당히~ HTML/CSS도 공부하는걸 추천 초반일수록 돈 아끼려 하지 않고 준비시간을 줄이기 위해 어떤 수를 쓰더라도 그걸 줄이려고 하는걸 추천 에디터가 좋을수록 오타도 잡아주고 자동완성을 해줘서 타자를 아껴줄 수 있겠죠 (생산성 -> 연봉) 브라우저가 자바스크립트를 실행해주기 때문에 크롬 브라우저를 설치해준 것 매년 자바스크립트는 다른 버전이 나온다 => 최신 자바스크립트를 실행하기 위해서 node.js가 있으면 브라우저가 없어도 자바스크립트 코드를 실행시킬 수 있다 // 콘솔 프롬프트 (크롬 F12) 자바스크립트는 웹 페이지의 작동을 담당하도록 개발된 언어이며, 실제로 대부분 웹 사이트는 자바스크립트를 사용합니다. 웹 브라우저는 어떻게 자바스크립트 ..

모던 자바스크립트 Deep Dive 6장 데이터 타입 자바스크립트의 모든 값은 데이터 타입을 갖는다. 자바스크립트(ES6)는 7개의 데이터 타입을 제공한다. 구분 데이터 타입 설명 원시 타입 숫자 타입 하나의 숫자 타입(실수, 정수 구분 없음) 문자열 타입 문자열 불리언 타입 참/거짓 undefined 타입 var 키워드로 선언된 변수에 암묵적으로 할당되는 값 null 타입 값이 없다는 것을 의도적으로 명시할 때 사용하는 값 심벌 타입 ES6에서 추가된 7번째 값 객체 타입 객체, 함수, 배열 등 숫자 타입 값 1과 문자열 타입 값 '1'은 비슷해 보이지만 전혀 다른 값이다. 서로 값을 생성한 목적과 용도가 다르다. 숫자 타입은 주로산술 연산을 위해 생성하지만 문자열 타입은 주로 텍스트를 화면에 출력하기..

모던 자바스크립트 Deep Dive 5장 표현식과 문 개념을 이해한다는 것은 바로 용어를 정확히 이해하고 설명할 수 있다는 것이다. 만약 용어의 의미를 정확히 설명할 수 없다면 개념을 제대로 이해하지 못한 경우가 많다. 값(value) 값(value)은 식(표현식, Expression)이 평가(value)되어 생성된 결과를 말한다. 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미한다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 리터럴(literal) 리터럴(literal)은 사람이 이해할 수 있는 문자(아라비아 숫자, 알파벳, 한글 등) 또는 미리 약속된 기호("", '', ., [], {}, // 등)를 사용해 값을 생성하는..

모던 자바스크립트 Deep Dive 4장 변수 10 + 20 컴퓨터(자바스크립트 엔진)도 사람과 유사하게 자바스크립트 코드를 실행한다. 자바스크립트 엔진이 위 코드를 계산(평가)하려면 먼저 10, 20, +라는 기호(리터럴과 연산자)의 의미를 알고 있어야 하며, 10 + 20이라는 식(표현식)의 의미도 해석(파싱)할 수 있어야 한다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리의 셀 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들인다. 각 셀은 고유의 메모리 주소를 갖는다. 메모리 주소는 메모리 공간의 위치를 나타내며, 0부터 메모리 크기만큼 정수로 표현..

모던 자바스크립트 Deep Dive 3장 자바스크립트 개발 환경과 실행 방법 자바스크립트 실행 환경 모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다. Node.js도 자바스크립트 엔진을 내장하고 있다. => 기본적으로 브라우저에서 동작하는 코드는 Node.js에서도 동작한다. But, 용도가 다르다! 브라우저는 HTML, CSS, 자바스크립트를 실행해 웹페이지를 브라우저 화면에 렌더링 하는 것이 주된 목적 Node.js는 브라우저 외부에서 자바스크립트 실행 환경을 제공하는 것이 주된 목적 자바스크립트 코어인 ECMAScript를 브라우저와 Node.js 실행 가능하지만, ECMAScript 이외에 추가로 제공하는 기능은 호환되지 않는다. ex) DOM API - ..

모던 자바스크립트 Deep Dive 1장 프로그래밍 프로그래밍이란? 컴퓨터에게 실행을 요구하는 커뮤니케이션으로 해결해야 할 문제(요구사항)를 명확히 이해한 후 적절한 문제 해결 방안을 정의해야 한다. 대부분의 문제(요구사항)는 복잡하며 명확하지 않을 수 있으므로, 문제(요구사항)를 명확히 이해하는 것이 우선되어야 하며 복잡함을 단순하게 분해하고 자료를 정리하고 구분해야 하며 순서에 맞게 행위를 배열해야 한다. 이때 필요한 것이 Computational thinking이다. 컴퓨터와 사람은 사고, 인지 방식이 다르므로, 컴퓨터 관점에서 문제를 사고해야 한다. 프로그래밍 언어 문제 해결 방안을 컴퓨터에게 전달되기 위해 컴퓨터가 이해할 수 있는 언어인 '기계어'로 명령을 전달해야 한다. 기계어로 직접 명령을 ..