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

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

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


자바스크립트22

Javascript 프로퍼티 정의하기 자바스크립트(Javascript) 기초에서 나오는 개념 입니다. 자바스크립트에서 프로퍼티 정의는 프로퍼티를 추가하면서 해당 프로퍼티의 속성(attribute) 명시적으로 정의하거나 기존 프로퍼티의 속성을 재 정의하는 것을 의미 합니다. 쉽게 이해하기 위해 코드를 살펴보아야 하겠습니다! 아래와 같은 객체가 존재한다 가정하여 봅니다. let data = {}; data라는 변수에 속성을 정의하려면 일반적으로 아래처럼 할 수 있습니다. let data = {}; data.textData = '텍스트 데이터'; data.integer = 1234; console.log(data); textData라는 키 값으로 문자열 데이터를 대입하였고, integer라는 키 값으로 숫자 1234를 대입 하였습니다. 이러한 데.. 2022. 6. 20.
타입스크립트 데코레이터(Typescript Decorator) 타입스크립트를 활용하여 만나보는 데코레이터(Decorator) 입니다. 앵귤러(Angular)를 활용하여 개발을 하다 보면 자주 만나는 기능이라 사실 앵귤러 환경에서만 지원되는 기능이라 생각 했었는데 타입스크립트에서 지원하는 기능인 줄 몰랐었습니다. 이래서 사람은 역시 공부를 깊게 해야되는가 봅니다.. * 기본적인 타입스크립트 개발환경을 알아야 합니다. 데코레이터는 자바의 에노테이션과 비슷한 느낌이 드는 기능으로, 데코레이터가 붙은 클래스, 메소드(함수) 및 변수 등에 데코레이터에서 정의된 기능이 동작하는 것을 의미 합니다. 아래 클래스 형태의 데코레이터가 적용 된 타입스크립트 코드를 살펴 보겠습니다. * 클래스에 적용하기, 파일 이름 : index.ts function whoAmI(target : Fu.. 2021. 7. 5.
웹 프로그래머(웹 개발자)가 되어보자 - 16 6-2. 배열 저번시간에는 배열에 대해서 살펴보았습니다. 배열은 데이터를 순차적으로 보관하는 기능입니다. 이번시간에는 배열의 특징에 대해서 살펴보려고 합니다. var text1 = "abcd"; var text2 = text1; text1 = 1234; console.log(text1); console.log(text2); 문제되는 것이 없는 내용입니다. text1만 변경하였으므로 text2는 text1에 처음 만들어진 내용이 담겨있습니다. 그러면, 아래 내용을 한번 살펴봅니다. var array1 = [1,2,3,4]; var array2 = array1; array1[1] = 100; console.log(array1); console.log(array2); 이럴수가..array2의 값도 변화하였습니.. 2020. 5. 29.
웹 프로그래머(웹 개발자)가 되어보자 - 14 5-4. 비교문 앞시간까지 if 조건문을 활용하여 보았습니다. 조건문에는 if조건문 말고 다른 형태의 조건문도 존재합니다. 아래 예문을 살펴보겠습니다. var who = '치킨'; switch (who) { case '치킨': console.log('치킨입니다.'); break; case '무': console.log('무 입니다.'); break; default: console.log('치킨도 아니고 무도 아닙니다 : ' + who); } switch라는조건문이 나타났습니다. switch조건문은 if와 사용법이 비슷합니다. switch 소괄호에 판별할 값을 넣어주고 대괄호로 경우(case)를 작성하여 줍니다. 들어온 변수값이 해당 경우(case)에 맞으면 break라는 명령어(예약어)를 만나기 전까지 .. 2020. 5. 20.
웹 프로그래머(웹 개발자)가 되어보자 - 12 5-2. 비교문 이번에도 비교문 if 에 대해서 알아보겠습니다. 비교문 if에 소괄호에 논리값을 넣어서 조건에 따라 대괄호 내용이 실행되도록 하였었습니다. 그러면 복습하는 차원에서 아래문제를 풀어보도록 합니다. * 문제 : 5-2-1 "변수이름 number를 문자형태의 숫자를 만들어준 뒤에 크기가 10이 넘을경우 10보다 크다고 알려주세요." 변수를 number를 prompt를 사용하여 값을 대입하여도 괜찮습니다. 직접 문제를 풀어본 뒤에 아래 정답을 살펴보아 주세요. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. 아래는 위 문제에 대한 답 입니다. *답 var number = "20"; if(Number(number) > 10){ console.log(.. 2020. 5. 14.
웹 프로그래머(웹 개발자)가 되어보자 - 7 4-2. 데이터(자료) 이전시간에는 숫자로 이루어진 데이터를 살펴 보았습니다. 숫자는 다양한 연산이 가능하며, 변수뒤에 대입 연산자를 통해서 사용할 수 있었습니다. var number = 1234; var number2 = number * 10; 이번에 알아볼 내용은 문자 입니다. 문자는 쌍따옴표 또는 홑따옴표를 문자 내용에 앞 뒤로 붙여서 사용 할 수 있습니다. 문자 형태의 자료는 다양하게 사용됩니다. 예를들어 우리가 네이버나 다음, 구글등에 로그인 하는 아이디와 비밀번호는 문자 입니다. 또한 카카오톡에서 서로 채팅으로 주고받는 글의 내용도 문자입니다. 여기서 햇갈리면 안되는 것은 아래의 예제들도 전부 문자입니다. var number = '1234'; var number2 = "1234"; 위 numb.. 2020. 4. 10.