11장 원시 값과 객체의 비교 -원시타입과 객체 타입의 차이점- 원시 값 객체 값 변경 불가능항 값 변수에 할당하면 변수에는 실제 값이 저장 변수에 할당하면 변수에는 참조 값이 저장 변수를 다른 변수에 할당하면 원시 값이 복사되어 전달 변수를 다른 변수에 할당하면 참조 값이 복사 11-1 원시 값 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이다. 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이고, 값은 변수에 저장된 데이터로서 표현식이 평가되어 생성된 결과를 말한다. // const 키워드를 사용해 선언한 변수는 재할당이 금지된다. 상수는 재할당이 금지된 변수 일 뿐이다. const o = {}; // const 키워드를 사용해 선언한 변..
10장 객체 리터럴 10-1 객체란? 자바스크립트는 객체 기반의 프로그래밍 언어 원시 값은 변경 불가능한 값 이지만 객체는 변경 가능한 값이다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며 프로퍼티는 키와 값으로 구성 된다.자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다. 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 따라서 함수도 프로퍼티 값으로 사용할 수 있다. 프로퍼티 값이 함수일 경우, 일반 함수와 구분하기 위해 메서드라 부른다. 이처럼 객체는 프로퍼티와 메서드로 구성된 집합체이다. 프로퍼티 : 객체의 상태를 나타내는 값 메서드 : 프로퍼티(상태 데이터)를 참조하고 조작할 수 있는 동작 var person = { // 프로퍼티 name : 'Lee', age..
2주차 07.연산자 연산자 연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. 이 때 연산의 대상을 피연산자라 한다. //산술연산자 5 * 4 // -> 20 //문자열 연결 연산자 'My name is ' + 'Lee' // -> 'My name is Lee' //할당 연산자 color = 'red' // -> 'red' //비교 연산자 3 > 5 // -> false //논리 연산자 true && false // -> false //타입 연산자 typeof 'Hi' // => string 7-1. 산술연산자 산술연산자 산술연산자는 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가능한 경우, NaN을..
1주차 04.변수 4-1. 변수란 무엇인가? 왜 필요한가? 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어들인다. 컴퓨터는 모든 데이터를 2진수로 처리한다. 따라서 메모리에 저장되는 데이터는 데이터의 종류(숫자, 텍스트, 이미지, 동영상 등)와 상관없이 모두 2진수로 제공된다. 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고, 저장된 값을 읽어 들여 재사용하기 위해 변수라는 메커니즘을 제공한다. 변수 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 값의 위치를 가리키는 상징적인 이름이다. var re..
📕문제 설명 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. ※ 제한조건 N의 범위 : 100,000,000 이하의 자연수 💻나의 풀이 function solution(n) { var answer = 0; var m = String(n); for (let i = 0; i < m.length; i++){ answer += parseInt(m[i]); } // [실행] 버튼을 누르면 출력 값을 볼 수 있습니다. console.log('Hello Javascript') return answer; }
하위 요소의 탐색 특정 하위 요소를 탐색하기 위한 메소드 .children()과 .find()의 차이점 .children() 바로 아래 요소, 자식 요소에서만 찾을 때 .find() 자식을 포함한 모든 하위 요소에서 찾을 때 출처 :jquery api I II A B 1 2 3 C III li의 'item-li'클래스의 하위 요소 중 li 를 모두 찾아 css를 변경하고 싶다면 --> .find() $( "li.item-ii" ).find( "li" ).css( "background-color", "red" ); li 의 'item-li'클래스의 자식 요소 중 li 선택하여 css를 변경하고 싶다면 --> .children() $( "li.item-ii" ).children( "li" ).css( "ba..
