'JavaScript' 카테고리의 글 목록

Vue.js - 두개의 API Styles

Vue 컴퍼넌트들은 두개의 다른 API 스타일로 사용 될 수 있습니다. 1. Options API 2. Composition API * Options API Options API에서는 콤포넌트의 logic을 option 객체 (ex. data, methods, mounted ) 를 사용하여 정의 합니다. Option에 의해 정의된 Properties들은 function 안의 this에 의해 사용 가능합니다. this는 component instance입니다. Count is: {{ count }} * Composition API Composition API에서는 component의 로직을 import 된 API function을 사용하여 정의합니다. SFC에서 Component API는 Count is:..

JavaScript/Vue.js 2023. 1. 16. 15:52

Vue.js - SFC란

Single-File Components란 Vues 컴포넌트( components)들은 HTML과 유사한 형태인 Single-File-Component(=SFC) 포맷으로 쓰여진다. ( 결과 파일 : .vue ) * SFC란 하나의 file에 3가지 요소가 공존하는 format 입니다. 1. component의 로직( JavaScript ) 2. template ( HTML ) 3. styles ( CSS) Vue component를 사용할때 추천,사용 되는 방법 SFC 포맷 예시 Level is: {{ level }} 참고 : vue 공식 홈페이지 https://vuejs.org/

JavaScript/Vue.js 2023. 1. 16. 14:59

[JavaScript] 함수 기본 매개변수(파라매터) 설정하기 ft. NaN 방지

안녕하세요 오늘은 함수를 정의할때 매개변수의 기본 값을 설정하여 결과값이 NaN으로 나오는 것을 방지하는 법을 알아보겠습니다. 기본 매개변수 값 주는 방법(매개변수2에 기본값 부여) function 함수이름(매개변수1,매개변수2=부여할 값) { return ~~; } 예시) function plus(a,b=1){ return a+b; } console.log(3,4) // 결과값 7 console.log(3) // 결과값 4 만약 기본값을 주지 않는 다면 두번째 매개변수 값이 undefined로 들어가게 되고 3+undefined의 값인 NaN이 출력됩니다.(NaN - Not a Number) + 예전 방식 function plus(a,b) { b = typeof b !== 'undefined' ? b ..

JavaScript 2020. 12. 17. 16:12

[JavaScript] 2가지 함수 선언 / 함수구문과 함수표현(익명 함수)

안녕하세요 자바스크립트에는 두가지 함수 선언 방식이 있습니다. 1. 함수 구문 ( function statement ) 2. 함수 구문 ( function expression , 익명함수 ) 우선 함수 구문부터 알아보겠습니다. 함수 구문은 기본적인 함수 정의 방법으로 다음과 같은 규칙이 있습니다. function 함수이름(파라메터) { return ; } 예시) function plus(number) { number + number ; } var x = plus(2); // x의 결과값은 4 위 구문을 기본적으로 숙지한 다음 함수 표현식을 알아보겠습니다. 함수표현식은 변수로써 함수를 표현한다고 생각하시면 편합니다. 기본 규칙 var 변수 이름 = function(파라메터) { return } ; 예시) ..

JavaScript 2020. 12. 17. 12:34

[JavaScript] includes() 배열에 요소가 존재하는지 확인 하는 메소드

includes() 는 배열에 특정 요소가 존재하는지 확인하는 메소드 입니다. ( 결과값 : true / false ) 예제로 사용 방법을 알아보겠습니다. 예제) 다음과 같은 배열이 있을 때 const arrayNumber = [1,2,3]; 배열에 4 라는 값이 있는 지 확인 해보자 arrayNumber.includes(4); //결과 - false arrayNumber.includes(3); //결과 - true - String 배열에도 같이 적용 가능 const arrayString = ['apple','banana']; arrayString.includes('apple'); // 결과 - true arrayString.includes('grape); // 결과 - false 감사합니다.

JavaScript 2020. 10. 25. 17:29

[JavaScript] 자바스크립트에서 주석을 표시하는 방법

* 한줄 주석 주석을 표시하려는 곳에 // // 한 줄 주석입니다. * 한 줄 이상 주석 주석을 표시하려는 줄들 을 /* */로 감싸줍니다. /* 주석 내용 */ /* 주석 내용을 여러 줄로 표시하고자 합니다. */

JavaScript 2020. 9. 7. 21:02

[JavaScript] prompt() - 간단하게 사용자에게 입력값을 받는 메소드

자바스크립트에서 간단하게 사용자에게 입력값을 받을 때는 prompt() 메소드를 사용합니다. 사용 문법 1. prompt()만 사용 했을 경우 var test = prompt(); prompt() 메소드를 사용하면 다음과 같은 화면이 나타납니다. 입력 창에 만약 "안녕하세요" 라고 입력하고 확인을 누르면 var test가 "안녕하세요"로 정의됩니다. 2. prompt()에 사용자 입력 멘트를 추가 하고 싶을 때 다음과 같이 첫번째 파라메터에 문구를 추가해줍니다. var test = prompt("하고 싶은 말을 남겨주세요"); 다음과 같은 안내 문구와 같이 prompt 창이 나타납니다. 감사합니다.

JavaScript 2020. 9. 2. 22:12

[JavaScript] 문자를 대문자 또는 소문자로 변환하는 메소드

*요약 ( 예시는 아래 참고) 소문자로 변환 - 변수.toLowerCase(); 대문자로 변환 - 변수.toUpperCase(); *예시 예를 들어 "aA"라는 변수가 있을 때 //변수 선언 var testString = "aA"; //소문자로 변환 testString.toLowerCase(); --> 결과 "aa" //대문자로 변환 testString.toUpperCase(); --> 결과 "AA" 감사합니다.

JavaScript 2020. 8. 13. 22:35

인코딩의 Decoding

JavaScript → (8)건