JavaScript 20

자바스크립트 객체를 다루는 방법

객체를도 값이기 때문에 다루기 위해서는 변수에 할당하면서 이름을 만들어준다. let my = { name: '심명섭', age: 345, height: 371, myNull: null, hobby: { title: '개발', lang: 'javascript' } } 이상태에서 객체에 값에 접근하는 방법은 두가지가 있다. 1. 점 표기법 console.log(my.name); // 심명섭 이렇게 객체 이름다음에 마침표(.) 다음에 값의 이름을 넣는다. 가장 간단하고 많이 사용하는 방법이다. 하지만 한가지문제가 있다. 지난 포스팅에서 말했듯이 ' ' 따옴표로 감싸주어야하는 이름을 가진경우에는 점 표기법으로 접근이 불가능하다. let my = { 'my name': '심명섭', } 이렇게 되어있다고 가정하고 ..

JavaScript 2020.08.26

자바스크립트의 객체 (object)

영어로는 object라고 한다. 여러가지 값을 한번에 담을 수 있는 상자라고 생각하면 된다. 자바스크립트의 거의 모든것이 객체로 되어있기 때문에 객체를 아는 것은 자바스크립트를 아는데 굉장히 중요하다 객체만드는 법은 중괄호 {} 를 사용한다 . ex) { userName : '이름', userAge: 24, userBool : true, userNull : null } 쉼표(,) 오른쪽에 있는 값을 value 왼쪽에 있는 값을 Key(값 이름) 이라고 부른다. 이렇게 키와 벨류 한쌍을 속성 영어로는 property라고 한다. 그래서 키를 propertyName , 값을 propertyValue 라고도 한다. propertyName은 문자열 형태이며 propertyValue는 어떠한 자료형이라도 올 수 있..

JavaScript 2020.08.26

null 과 undefined 의 차이

let coder; console.log(coder); 위와 같은 코드를 출력하면 어떤 값이 나올까 ? 바로 undefined 가 나온다. 변수를 선언 후에 초기값을 주어 주지 않았으니 당연히 정의되지않았다는 표시로 undefined라고 표현이된다. null은 의도적으로 비어있는 값을 표현하고 싶을 때 null 을 넣는다. let coder; console.log(coder); // undefined coder = null; console.log(coder); //null 의미는 모두 값이 없다라는 것을 지칭하는 것이지만, 선언을 하고 값을 지정하지 않은 undefined 와 의도적으로 표현한 null인 것인지의 차이다. 비교문을 써서 비교해보면 console.log(x == y); console.log..

JavaScript 2020.08.25

템플릿 문자열

아래 코드를 살펴보자 let year = 2020; let month = 8; let day = 25; console.log('오늘은 ' + year + '년 ' + month + '월 ' + day + '일 입니다.'); 단순히 변수에 담긴 년 / 월 / 일을 호출 하는 함수이다. 이렇게 사용하여도 큰 지장은 없으나 템플릿 문자열을 사용한다면 더 쉽고 간편하게 표현할 수 있다. 템플릿은 `` (그레이브, 키보드 1 옆에 문자) 안에 담고 나머지는 $사인과 중괄호 안에 담으면 된다. console.log(`오늘은 ${year}년 ${month}월 ${day}일 입니다.`); + 기호도 생략되고 눈으로봐도 이해하기 쉬운 코드가 나온다. 그리고 또한 함수도 호출 할 수 있다. let number = 3; f..

JavaScript 2020.08.25

Javascript 내장객체

오늘은 자바스크립트 내에 내장된 객체를 알아보겠습니다. 내장 객체 생성의 기본은 new 라는 키워드와 생성 함수를 사용합니다. 참조변수(인스턴스 이름) = new 생성함수(); 이런식으로 되는거죠. 객체라는건 기능과 속성을 가지고 있습니다. 예를 들어서 사물 tv에 비유를 하자면 tv를 온/오프 하는 기능 볼륨을 up/down 하는 기능 모두는 메소드에 해당합니다. 속성은 티비의 가로길이 세로 길이 색상이나 무게등이 속성에 속합니다. 그럼 tv의 색상과 가격을 출력하는 코드를 작성해보록 하겠습니다. var tv = new Object(); tv.color = "blue"; tv.price = "3000000"; tv.info = function(){ document.write("tv 색상 : " + th..

JavaScript 2020.03.27

[Do it] Javascript 반복문 ( 구구단 출력 )

반복문으로 구구단 출력해보는 건 프로그래밍 처음 배울때 해본 것 같은데.. 정말 오랜만에 찍어보는것 같습니다. 일단 문제는 while문을 이용하여 구구단 중 5단을 출력하세요. 라는 문제입니다. 일단 이 문제부터 풀어보겠습니다. while문의 사용방법은 , var 변수 = 초기값; while(조건식){ 코드; 증감식; } 입니다. 문제를 풀어보면 , var i = 1; while(i

JavaScript 2020.03.26

[Do it] Javascript 도전 미션 - 2

02. 질의응답 창을 이용하여 4분기 판매량을 입력하고, 전 분기 평균 판매량보다 판매량이 높거나 같을 경우에는 '판매량이 평균 이상입니다.' 라고 출력하고, 낮을 경우에는 평균 미달입니다. 라고 화면에 출력하세요. (사진이 없지만 1분기 : 1200 / 2분기 : 1300 / 3분기 : 1000 입니다.) === 풀 이 === 일단 1~3분기에 있는 값과 4분기의 값을 넣기 위해서 다른 풀이와는 조금 다르게 저는 배열을 사용하였습니다. var quarter = [1200,1300,1000,null]; quarter이라는 배열 인덱스 기준 3번째에 null 값으로 비워두고 나머지는 1~3분기 액수를 채웠습니다. 그리고 1~3분기 모든 값의 평균 판매량을 알기 위해 평균값을 구해줍니다. var avg = ..

JavaScript 2020.03.25

[Do it] Javascript 도전 미션 - 1

01. 진영이의 하루 지출 내역은 교통비 3000원, 식비 6000원, 음료비 3000원 입니다. 삼항 조건 연산자를 사용하여 하루 적정 지출 비용인 1만 원을 초과했을 경우에는 "000원 초과: 라고 출력하고, 아닐 경우에는 "돈 관리를 잘 했어요!" 라고 출력하세요. === 풀 이 === 조건을 따져보자. 일단 진영이의 하루 지출 내역은 나와있다. 교통비 3000 / 식비 6000 / 음료비 3000 = 총합 12000원이라는 금액을 산출 할 수 있다. 이것을 그대로 코드화 시킨다. var price1 = 3000; var price2 = 6000; var price3 = 3000; 하루 적정 지출비용이 1만원으로 지정되어있다. 초과했을 경우는 초과금액을 출력해야 하며 미초과시 돈 관리를 잘했다고 출..

JavaScript 2020.03.25

자바스크립트 기초문법 ( 변수 )

자바스크립트의세 변수의 저장은 var로 지정합니다. var 는 string형 int형 bool형 null 등 모든 자료형을 담을 수 있습니다. C / C++ / Java 등은 자료형이 나누어져 있습니다. int double 등으로 지정을 하지만 자바스크립트에서는 var로 대체합니다. var 키워드는 대입되는 값을 가지고 타입을 결정합니다. 예를들어 int num = 10; // 정수형 num에 10을 저장 var num = 10; // 10이 정수이니 num에 정수를 담아라. 라는 뜻이 되겠네요. ( 해석이 좀 이상한가요 ? ) C#에서도 동일하게 var 키워드(암시적 형식 지역 변수)를 사용하기도 합니다. 다이나믹 등 더 자세한 설명으로 들어갈 수 있지만 차후 포스팅에 서술하도록 하겠습니다. 변수의 선..

JavaScript 2020.03.25
728x90