본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


javascript23

Javascript 프로퍼티 정의하기 자바스크립트(Javascript) 기초에서 나오는 개념 입니다. 자바스크립트에서 프로퍼티 정의는 프로퍼티를 추가하면서 해당 프로퍼티의 속성(attribute) 명시적으로 정의하거나 기존 프로퍼티의 속성을 재 정의하는 것을 의미 합니다. 쉽게 이해하기 위해 코드를 살펴보아야 하겠습니다! 아래와 같은 객체가 존재한다 가정하여 봅니다. let data = {}; data라는 변수에 속성을 정의하려면 일반적으로 아래처럼 할 수 있습니다. let data = {}; data.textData = '텍스트 데이터'; data.integer = 1234; console.log(data); textData라는 키 값으로 문자열 데이터를 대입하였고, integer라는 키 값으로 숫자 1234를 대입 하였습니다. 이러한 데.. 2022. 6. 20.
ES6 기능 정리(ECMAScript 6) ECMA라는 것은 표준화된 JavaScript를 만들기 위해 만들어진 사양을 의미 합니다. 그에 따른 버전인 ES6 버전에 대해서 간단하게 내용을 요약하여 보았습니다. 1. 변수 선언 방법의 변화(let, const) - let 은 블록 범위이며 값이 지정되어도 값을 바꿀 수 있습니다. - const도 블록 범위로 사용 되지만 값은 바꿀 수 없는 상수 입니다. var a = 1 if(1 == 1){ var a = 234 //함수 내부에 선언되지 않았으므로 글로별 변수와 대체 console.log(a) //234 } console.log(a) //234 ////////////////////////////////////////////////// let b = 1 if(1 == 1){ let b = 234 /.. 2021. 1. 9.
웹 프로그래머(웹 개발자)가 되어보자 - 9 4-4. 데이터(자료) 저번시간에는 문자형태의 데이터에 대해서 살펴보았습니다. 이번시간에 살펴볼 내용은 논리값 입니다. 논리값은 프로그램에서 정말 많이 사용됩니다. 고작 true와 false라는 간단한 형태의 값 인데 언제 사용될까요? 가령, 비밀번호가 일치하는지 예를들어봅시다. 비밀번호가 일치하면 로그인을 하게 하고 틀리면 로그인을 다시하게 하려고 합니다. 이때 사용되는 값이 바로 논리값 입니다. 또한 어떠한 쇼핑몰에서 내가 결재하려고 하는 상품이 가지고있는 캐쉬보다 더 비싸다면, 결재가 되어서는 안될 것 입니다. 이러한 경우에서도 논리값이 사용 됩니다. 논리값은 아래처럼 표현합니다. var ok = true; var no = false; console.log(ok, no); 논리값은 단순하게 사용되는.. 2020. 4. 20.
웹 프로그래머(웹 개발자)가 되어보자 - 8 4-3. 데이터(자료) 이전시간에는 문자에 대해서 살펴 보았습니다. 자바스크립트에서 문자는 순수한 문자로서의 기능이 존재하는 것이 아니라, 속성과 함수가 있는 것을 보았습니다. 문자의 길이를 알고 싶을때는 length라는 속성을, 문자의 내용을 교체하려면 replace 함수를 사용 하였습니다. var text = 'abcd'; console.log(text.length); text = text.replace('ab','cd'); console.log(text); 여기서 length는 문자의 길이를 알려주고, replace는 교체하는 방법이라고 이해하는 것이 좋겠습니다. 속성과 함수는 나중에 다시 살펴볼 예정 입니다. ^^ 일단은 자바스크립트의 문법, 공식이라고 생각하시면 됩니다. 그러면 숫자는 어떨까요?.. 2020. 4. 14.
웹 프로그래머(웹 개발자)가 되어보자 - 7 4-2. 데이터(자료) 이전시간에는 숫자로 이루어진 데이터를 살펴 보았습니다. 숫자는 다양한 연산이 가능하며, 변수뒤에 대입 연산자를 통해서 사용할 수 있었습니다. var number = 1234; var number2 = number * 10; 이번에 알아볼 내용은 문자 입니다. 문자는 쌍따옴표 또는 홑따옴표를 문자 내용에 앞 뒤로 붙여서 사용 할 수 있습니다. 문자 형태의 자료는 다양하게 사용됩니다. 예를들어 우리가 네이버나 다음, 구글등에 로그인 하는 아이디와 비밀번호는 문자 입니다. 또한 카카오톡에서 서로 채팅으로 주고받는 글의 내용도 문자입니다. 여기서 햇갈리면 안되는 것은 아래의 예제들도 전부 문자입니다. var number = '1234'; var number2 = "1234"; 위 numb.. 2020. 4. 10.
웹 프로그래머(웹 개발자)가 되어보자 - 6 3-4. 변수 앞 시간에서 우리는 변수와 상수에 대해 살펴 보았습니다. 변수는 변하는 값을 의미하며 대입연산자(=)를 통해서 값을 대입 할 수 있습니다. 상수는 변하지 않는 값을 의미하며 대입연산자(=)를 통해서 최초 1회만 선언 할 수 있습니다. 변수는 최초 선언시에 var를 붙여 주어야하며, 이후에 값을 변경하고자 할 때는 var를 생략 합니다. 위 내용이 3-1부터 3-3까지 배운 내용의 핵심 입니다. 변수에 대한 개념을 반드시 정리하고 다음단계로 넘어가야 합니다. 4-1. 데이터(자료) 이번 시간부터는 데이터에 대해서 살펴보겠습니다. 이미 우리는 숫자는 숫자끼리 연산(덧셈, 곱셈, 나눗셈 등)이 가능하다는 것을 알 수 있었으며, 문자는 더하기 연산자(+)를 통해서 문자를 붙일 수 있다는 것을 알고.. 2020. 4. 9.