본문 바로가기

Programming231

JavaScript 코드 테스트하는 방법 | jest | JavaScript 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript 코드를 테스트하는 방법에 대해서 알아보겠습니다. JavaScript 코드를 테스트 하려면, jest를 설치해줘야 합니다. $ npm install -g jest jest 설치가 되었다면, index.js 파일과 테스트 코드를 작성해야 합니다. index.js 파일을 다음과 같이 작성을 했습니다. function reverse(str) { return str.split('').reduce((rev, char) => char + rev, ''); } module.exports = reverse; 테스트 코드는 test.js로 만들고 다음과 같이 작성했습니다. const reverse = require('./index'); test('Reverse f.. 2020. 8. 30.
JavaScript 코드 디버깅 하는 방법 | node-inspect | JavaScript 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript 코드에서 디버깅 하는 방법에 대해서 알아보겠습니다. 다음 코드가 있습니다. function reverse(str) { return str.split('').reverse().join(''); } reverse('asdf'); 디버깅을 하기위해서 코드 안에 debugger 를 추가해 줍니다. function reverse(str) { debugger; return str.split('').reverse().join(''); } reverse('asdf'); 디버깅을 하기 위해서는 node-inspect 가 설치되어 있어야 합니다. 설치가 안되있다면, node-inspect를 설치합니다. $ npm install -g node-inspect 설치가 .. 2020. 8. 29.
배열(Array)을 일괄적으로 업데이트 하는 방법 | map | JavaScript 안녕하세요. 혀코입니다. 이번 시간에는 배열(Array)을 일괄적으로 업데이트 하는 방법에 대해서 알아보겠습니다. const var1 = [2, 4, 6]; 상수 var1을 만들고, 배열(Array) [2, 4, 6]을 var1에 저장했습니다. 상수 var2를 만들고, var1에 각 값에 2를 곱한 값을 var2에 저장하려면 map 함수를 사용해야 합니다. const var1 = [2, 4, 6]; const var2 = var1.map(x => x * 2); // [4, 8, 12] 이렇게 배열을 일괄적으로 업데이트 하는 방법에 대해서 알아봤습니다. 유용하셨다면, 공감과 구독 부탁 드립니다. 감사합니다. :) 2020. 8. 28.
문자열(string)을 거꾸로 출력하는 방법 | Algorithm | JavaScript 안녕하세요. 혀코입니다. 이번 시간에는 문자열(string)을 거꾸로 출력하는 방법에 대해서 알아보겠습니다. const var1 = 'English101'; 변수 var1을 만들고, English101이라는 문자열을 var1에 저장했습니다. 문자열을 거꾸로 출력하는 기능이 없기 때문에, 다음과 split함수를 사용해서 문자 배열로 만든다음, reverse 함수를 사용해서 순서를 뒤집고, join 함수를 사용해서 하나의 문자열로 만들어줘야 합니다. const var1 = 'English101'; console.log(var1.split('').reverse().join('')); // 101hsilgnE reverse 함수를 사용하지 않는 경우에는 다음과 같이 진행합니다. const var1 = 'Engl.. 2020. 8. 27.
숫자와 문자로 이루어진 배열을 하나의 문자열로 만드는 방법 | join | JavaScript 여러분 안녕하세요. 혀코입니다. 이번 시간에는 문자로 이루어진 배열을 하나의 문자열로 만드는 방법에 대해서 알아보겠습니다. const var1 = [1, 'a', 'b', 'c', 2]; 변수 var1을 만들고, [1, 'a', 'b', 'c', 2] 배열을 var1에 저장했습니다. 이 배열을 하나의 문자로 만들려면, join 함수를 사용해야 합니다. const var1 = [1, 'a', 'b', 'c', 2]; const var2 = var1.join(''); console.log(var2); // 1abc2 변수 var2을 만들고, 변수 var1에 join함수를 사용해서 변수 var2에 저장했습니다. console.log를 사용해서 변수 var2를 출력해보면, 숫자와 문자가 하나로 합쳐져 하나의 문.. 2020. 8. 26.
배열 순서를 역순으로 바꾸는 방법 | reverse | JavaScript 안녕하세요. 혀코입니다. 이번 시간에는 배열 순서를 역순으로 바꾸는 방법에 대해서 알아보겠습니다. const var1 = [1, 'a', 3, 'b', 5]; 변수 var1에 배열을 입력했습니다. 이 배열을 역순으로 바꾸려면, reverse 함수를 사용하면 됩니다. const var1 = [1, 'a', 3, 'b', 5]; const var2 = var1.reverse(); console.log(var2); // [5, "b", 3, "a", 1] 변수 var2를 만들고, 변수 var1에 reverse 함수를 사용해서 var2 변수에 저장했습니다. 변수 var2를 console.log로 출력하면 원래 배열의 값이 역순으로 저장된 것을 확인할 수 있습니다. 이렇게 배열 순서를 역순으로 바꾸는 방법에 대해.. 2020. 8. 25.
문자열(String)값을 문자(Character)로 이루워진 배열(Array)로 만드는 방법 | split | JavaScript 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript를 사용해서 문자열을 문자로 이루워진 배열로 만드는 방법에 대해서 알아보겠습니다. const var1 = 'English'; var1 변수에 English 라는 문자열이 있습니다. var2 변수를 만들어 English 문자열을 각 문자로 나눠 배열(Array) 형태로 만드려면, split 함수를 사용해야합니다. const var1 = 'English'; const var2 = var1.split(''); console.log(var2); // ["E", "n", "g", "l", "i", "s", "h"] var2 변수를 console.log로 출력하면, English의 각각의 문자가 배열의 형태로 저장된 것을 확인할 수 있습니다. 이렇게 문자열을.. 2020. 8. 24.
JavaScript에서 Map의 특징과 기본적인 사용방법 여러분 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript에서 Map의 특징과 기본적인 사용방법에 대해 알아보겠습니다. JavaScript에서 Map은 기본적으로 다음과 같은 형식으로 사용합니다. const map1 = new Map(); map1.set('name', 'Hyukho'); map1.set('country','Korea'); console.log(map1); // {'name' => 'Hyukho', 'country' => 'Korea'} console.log(map1.get('name'); // Hyukho JavaScript에서 Map은 다음과 같은 특징이 있습니다. 순서를 기억하며, object와 동일한 key value 쌍 형식의 데이터로 구성되어 있습니다. Key 값을 이용.. 2020. 8. 18.
JavaScript GSAP 라이브러리를 사용해서 애니메이션 효과 추가하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript GSAP 라이브러리를 사용해서 애니메이션 효과를 추가하는 방법에 대해서 알아보겠습니다. GSAP 라이브러리가 버전이 3으로 업그레이드 되면서, 기존 버전 2에 Tween, Timeline 플러그인등을 포함하게되었습니다. GSAP3 CDN 링크는 아래 웹페이지에서 확인 가능합니다. https://cdnjs.com/libraries/gsap GSAP3를 라이브러리를 사용하기 위해서는 아래와 같이 GSAP JS 파일을 body 태그 마지막 부분에 추가 해줍니다. GSAP3 HTML5 Boilerplate: gsap.to / gsap.from / x / roation / duration 여기에 header 태그를 만들고 h1을 만들어서 헤드라인을 적어보.. 2020. 8. 14.
JavaScript에서 Object의 특징과 기본적인 사용방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript에서의 Object의 특징과 기본적인 사용방법에 대해 알아보도록 하겠습니다. JavaScript에서 Object는 다음과 같은 형태를 기본적으로 사용합니다. const object1 = { name: 'Hyukho', age: 20, favorites: ['react', 'angular', 'vue'], greetings(){ console.log('Hello! My name is ' + this.name + ' and I am ' + this.age + ' years old.'); } }; JavaScript에서의 Object는 다음과 같은 특징을 가지고 있습니다. 순서에 상관없는 형태의 key와 value의 쌍으로 구성되어 있으며, value .. 2020. 8. 9.
JavaScript에서 Set의 특징과 기본적인 사용방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript에서 Set의 특징과 기본적인 사용방법에 대해 알아보겠습니다. JavaScript에서 Set은 다음과 같이 사용합니다. const set1 = new Set([1, 'apple']); console.log(set1); // {1, "apple"} JavaScript에서 Set은 다음과 같은 특징들을 가지고 있습니다. Set의 크기는 변경 가능합니다. Set은 중복되는 동일한 값을 허용하지 않습니다. For Loop을 통해 값을 표시할 수 있습니다. Set는 인덱스 값을 가지지 않습니다. 값을 찾아 삭제하는 것이 Array 보다는 효율적입니다. JavaScript의 Set의 특징들을 자세히 확인해 보겠습니다. Set의 크기는 변경 가능합니다. con.. 2020. 8. 9.
JavaScript에서 Array의 특징 및 기본적인 사용 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript에서 Array의 특징 및 기본적인 사용하는 방법에 대해서 알아보겠습니다. JavaScript Array는 다음과 같은 형태를 기본적으로 사용합니다. const array1 = [2, 3, 5, 3]; JavaScript Array는 다음과 같은 특징을 가집니다. Array의 각 값의 위치가 정해져 있으며, Index 값으로 각 값에 접근할 수 있습니다. For loop을 사용해서 값을 표시할 수 있습니다. Array 크기는 변경 가능합니다. Array에 동일한 값이 중복되어 있어도 이상없습니다. Array에 값으로 숫자(Number), 문자열(String), 객체(Object), 배열(Array) 등을 가질 수 있습니다. Array에서 특정 값을.. 2020. 8. 8.
JavaScript GSAP3 애니메이션을 일정 시간단위로 실행하는 방법 여러분 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript GSAP3 라이브러리를 사용해서 같은 Class를 가진 태그들을 일정한 시간단위에 따라 순차적으로 애니메이션을 실행하는 방법에 대해서 알아보겠습니다. 아직 GSAP3 라이브러리를 설치 안해보셨다면, GSAP3 라이브러리를 설치하는 방법에 대해서는 다음 포스트를 참고 부탁 드립니다. https://smilehugo.tistory.com/entry/javascript-gsap3-library-how-to-install JavaScript 애니메이션을 위한 GSAP3 라이브러리 설치하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript으로 애니메이션 효과를 연출하기 위해 JavaScript 애니메이션 라이브러리인 GSAP3을 설치.. 2020. 8. 5.
JavaScript GSAP3 애니메이션 시간 지연 효과 적용하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript GSAP3 라이브러리를 사용해서 애니메이션을 구현할 때 시간 지연 효과를 적용하는 방법에 대해서 알아보겠습니다. 아직 GSAP3 라이브러리를 설치 안해보셨다면, GSAP 라이브러리를 설치하는 방법에 대해서는 다음 포스트를 참고 부탁 드립니다. https://smilehugo.tistory.com/entry/javascript-gsap3-library-how-to-install JavaScript 애니메이션을 위한 GSAP3 라이브러리 설치하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript으로 애니메이션 효과를 연출하기 위해 JavaScript 애니메이션 라이브러리인 GSAP3을 설치하는 방법에 대해서 알아보겠습니다. GSAP3 .. 2020. 8. 4.
JavaScript GSAP3 애니메이션 속도 커브 옵션 ease 14가지 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript GSAP3 애니메이션 속도 커브 옵션 14가지에 대해 알아보겠습니다. 아직 GSAP3 라이브러리를 설치 안해보셨다면, GSAP3 라이브러리를 설치하는 방법에 대해서는 다음 포스트를 참고 부탁 드립니다. https://smilehugo.tistory.com/entry/javascript-gsap3-library-how-to-install JavaScript 애니메이션을 위한 GSAP3 라이브러리 설치하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript으로 애니메이션 효과를 연출하기 위해 JavaScript 애니메이션 라이브러리인 GSAP3을 설치하는 방법에 대해서 알아보겠습니다. GSAP3 라이브러리를 설 smilehugo.tist.. 2020. 8. 4.
JavaScript GSAP3 애니메이션 시간 제어하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript GSAP3 라이브러리를 사용해서 애니메이션을 구현시 시간을 제어하는 방법에 대해서 알아보겠습니다. 아직 GSAP3 라이브러리를 설치 안해보셨다면, GSAP3 라이브러리를 설치하는 방법에 대해서는 다음 포스트를 참고 부탁 드립니다. https://smilehugo.tistory.com/entry/javascript-gsap3-library-how-to-install JavaScript 애니메이션을 위한 GSAP3 라이브러리 설치하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript으로 애니메이션 효과를 연출하기 위해 JavaScript 애니메이션 라이브러리인 GSAP3을 설치하는 방법에 대해서 알아보겠습니다. GSAP3 라이브러리를 .. 2020. 8. 4.
JavaScript GSAP3 회전 애니메이션 구현하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript GSAP3 라이브러리를 사용해서 회전 애니메이션을 구현하는 방법에 대해서 알아보겠습니다. 아직 GSAP3 라이브러리를 설치하지 안해보셨다면, GSAP3 라이브러리를 설치하는 방법에 대해서는 다음 포스트를 참고 부탁 드립니다. https://smilehugo.tistory.com/entry/javascript-gsap3-library-how-to-install JavaScript 애니메이션을 위한 GSAP3 라이브러리 설치하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript으로 애니메이션 효과를 연출하기 위해 JavaScript 애니메이션 라이브러리인 GSAP3을 설치하는 방법에 대해서 알아보겠습니다. GSAP3 라이브러리를 설 s.. 2020. 8. 4.
JavaScript GSAP3 애니메이션 gsap.to / gsap.from 사용하는 방법 여러분 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript 애니메이션을 위한 GSAP3 라이브러리의 기본이 되는 gsap.to 와 gsap.from 을 사용하는 방법과 차이점에 대해서 알아보겠습니다. 아직 GSAP3 라이브러리를 설치 안해보셨다면, GSAP3 라이브러리를 설치하는 방법에 대해서는 다음 포스트를 참고 부탁 드립니다. https://smilehugo.tistory.com/entry/javascript-gsap3-library-how-to-install JavaScript 애니메이션을 위한 GSAP3 라이브러리 설치하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript으로 애니메이션 효과를 연출하기 위해 JavaScript 애니메이션 라이브러리인 GSAP3을 설치하는 방법.. 2020. 8. 4.
JavaScript 애니메이션을 위한 GSAP3 라이브러리 설치하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript으로 애니메이션 효과를 연출하기 위해 JavaScript 애니메이션 라이브러리인 GSAP3을 설치하는 방법에 대해서 알아보겠습니다. GSAP3 라이브러리를 설치하기 위해서는 CDN 링크 또는 js 파일이 필요합니다. CDN 링크는 https://cdnjs.com/libraries/gsap 에서 확인이 가능하며 현재 CDN 링크는 https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.min.js 입니다. CDN 링크가 아닌 JS 파일을 사용하시길 원하시는 분들은 아래 파일을 사용하시면 됩니다. 여기서는 CDN 링크를 통해서 GSAP3 라이브러리를 설치하는 방법으로 진행하겠습니다. 다른 JavaScript .. 2020. 8. 4.
jQuery를 사용해서 문자열 분리하는 방법 | split() 안녕하세요. 혀코입니다. 이번 시간에는 jQuery를 사용해서 문자열을 분리하는 방법에 대해서 알아보도록 하겠습니다. jQuery로 문자열을 분리할 때는 split() 함수를 사용합니다. 아래와 같이 URL 비슷한 문자열이 있다고 가정해 보겠습니다. let customURL = "https://www.naver.com/en-us/products/cell-phone"; let customURL2 = "https://www.naver.com/en-us/downloads/cell-phone"; 여기서 구조적으로 products 또는 download 단어가 있는 부분만을 추출고자 할때, 해당 단어를 추출하는 방법은 아래와 같이 진행하면 됩니다. customURL.split('/'); // ["https:", ".. 2020. 8. 1.
jQuery를 사용해서 특정 태그의 Attribute 값을 읽는 방법 | attr() 안녕하세요. 혀코입니다. 이번 시간에는 jQuery를 사용해서 특정 태그의 Attribute 값을 읽는 방법에 대해서 알아보도록 하겠습니다. jQuery로 특정 태그의 Attribute 값을 읽으려면, attr() 함수를 사용해야 합니다. 해당 웹사이트에 jQuery 라이브러리가 추가되어 있고, 다음과 같은 코드가 웹페이지에 있다고 가정해 보겠습니다. ... form 태그의 action attribute의 값을 읽어서 변수에 저장하고 그 값을 출력해 보도록 해보겠습니다. var formActionText = $('form').attr('action'); console.log(formActionText); // https://www.google.com 셀렉터로 form 태그를 $('form') 이런 형식으.. 2020. 7. 31.
jQuery에서 mouseenter, mouseleave 사용하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 jQuery에서 mouseenter와 mouseleave를 사용하는 방법에 대해서 알아보겠습니다 jQuery에서 mouseenter와 mouseleave를 사용하면, 특정 html 요소에 마우스를 올려놓거나 내려놓거나 할때의 이벤트를 잡아서 이펙트를 구현할 수 있습니다. Hello mouseenter는 mouse가 클래스가 mouse-enter인 html 요소에 올려지게 되면, 해당 이벤트를 감지하게 되고, 위 코드에서 function(){}을 사용해서 이펙트 효과를 구현했습니다.. 여기서는 text를 사용해서 클래스가 mouse-event인 html 요소안의 p 태그를 찾아 그 해당 텍스트를 Mouse is entered로 변경했습니다. mouseleave는 mo.. 2020. 2. 18.
jQuery에서 find 사용하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 jQuery에서 find를 사용하는 방법에 대해서 알아보겠습니다. jQeury에서 find를 사용하면 원하는 html 태그를 쉽게 찾을 수 있습니다. Hi. My name is Hyukho. Welcome to my blog 여기에서 jQuery find를 사용해서 span 태그를 찾고 span 태그의 텍스트 색상을 빨간색으로 지정해보겠습니다. Hi. My name is Hyukho. Welcome to my blog jQuery find를 사용해서 p 태그 안의 span 태그를 찾고 css를 사용해서 span 태그안의 텍스트 색상을 빨간색으로 변경했습니다. 이렇게 jQuery에서 find를 사용하는 방법에 대해서 알아봤습니다. 유용하셨다면, 공감과 구독 부탁 드립.. 2020. 2. 16.
jQuery에서 addClass, removeClass 사용하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 jQuery에서 addClass, removeClass 사용하는 방법에 대해서 알아보겠습니다. jQuery에서 addClass를 사용하면, selector로 잡은 html 태그에 class를 지정할 수 있으며, removeClass를 사용하면, selector로 잡은 html 태그에 class를 제거할 수 있습니다. Hello World div 태그의 p 태그에는 원래 class 가 없는데, addClass를 사용해서 red class를 추가해줬습니다. style에는 red 클래스로 글자색을 빨간색으로 설정해두었기 때문에 결과적으로 글자는 Hello World가 빨간색 글자로 표시됩니다. 이번에는 removeClass 를 사용해 보겠습니다. Hello World d.. 2020. 2. 16.
jQuery에서 text를 사용하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 jQuery에서 text를 사용하는 방법에 대해서 알아보겠습니다. jQuery에서 text를 사용하면, html 태그 안의 텍스트를 변경할 수 있습니다. 우선, div 태그안에 p를 만들고 Hello World 글자를 적어놓겠습니다. Hello World 다음으로 jQuery text를 사용해서 Hello World 글자를 바꿔 보도록 하겠습니다. Hello World jQuery selector로 div의 p를 잡고, text를 써서 Hello World를 Text has been changed!로 변경했습니다. 이렇게 jQuery에서 text를 사용하는 방법에 대해서 알아봤습니다. 유용하셨다면, 공감과 구독 부탁 드립니다. 감사합니다. :) 2020. 2. 15.
jQuery에서 css를 사용하는 방법 안녕하세요. 혀코입니다. 오늘은 jQuery에서 css를 사용하는 방법에 대해서 알아보겠습니다. jQeury에서 css를 사용하는 방법은 다음과 같습니다. 우선, 간단한 html로 사각형을 그려보겠습니다. 가로가 300px 세로가 200px인 violet 의 배경색을 가진 직사각형을 그렸습니다. css를 사용해서 배경색을 변경해 보겠습니다. `$('.box').css({'background-color': 'yellow'});`를 써서 직사각형의 배경색을 노란색으로 바꿀 수 있습니다. 이렇게 jQuery에서 css를 사용하는 방법에 대해서 알아봤습니다. 유용하셨다면, 공감과 구독 부탁 드립니다. 감사합니다. :) 2020. 2. 15.
JavaScript에서 반복문(for loop)을 사용할때 break, continue 사용하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript에서 반복문(for loop)을 사용할때, break, continue를 사용하는 방법에 대해서 알아보겠습니다. JavaScript에서 반복문(for loop)을 사용할 때, break을 사용하는 방법은 다음과 같습니다. for (var i = 0; i < 10; i++ ) { console.log(i); if(i == 5) { break; } } for loop이 0부터 9까지의 숫자를 나열하는 데 if문으로 i가 5와 같은 경우 break하라고 정의되어 있습니다. 따라서 위의 for loop은 0, 1, 2, 3, 4, 5 가 출력됩니다. JavaScript에서 반복문(for loop)을 사용할 때, continue를 사용하는 방법은 다음과 같.. 2020. 2. 14.
JavaScript에서 반복문(for loop) 사용하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript에서 반복문(for loop)을 사용하는 방법에 대해서 알아보겠습니다. JavaScript에서 반복문(for loop)을 사용하는 방법은 다음과 같습니다. for (var i = 0; i < 10; i++) { console.log(i); } // 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 for loop의 첫번째 parameter에서 i를 0으로 선언하고 두번째 parameter에서 조건식인 i가 10보다 작다는 조건을 정의하고, 세번째 parameter에서 for loop이 돌면서 i값이 어떻게 변할지에 대해 정의합니다. 이렇게 JavaScript에서 반복문(for loop)을 사용하는 방법에 대해서 알아봤습니다. 유용하셨다면, 공감과.. 2020. 2. 13.
JavaScript에서 삼항연산자를 사용하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript에서 삼항연산자를 사용하는 방법에 대해서 알아보겠습니다. JavaScript에서 삼항연산자를 사용하는 방법은 다음과 같습니다. var num = 5; var output = num > 5 ? 'number is greater than five' : 'number is less than equal to five'; num > 5 조건문이 참이면, 첫번째 항인 'number is greater than five'가 output 변수에 저장되고, 조건문 num > 5 가 false이면, 두번째 항인 'number is less than equal to five'가 output 변수에 저장됩니다. 이렇게 JavaScript에서 삼항연산자를 사용하는 방법에.. 2020. 2. 13.
JavaScript에서 조건문(if, else) 사용하는 방법 안녕하세요. 혀코입니다. 이번 시간에는 JavaScript에서 조건문(if, else) 사용하는 방법에 대해서 알아보겠습니다. JavaScript에서 조건문(if, else)를 사용하는 방법에는 크게 3가지가 있습니다. if 만 사용하는 방법, if와 else를 사용하는 방법, if와 else if, else를 사용하는 방법 이렇게 3가지가 있습니다. if 만 사용하는 방법 if (num > 3) { console.log('number is greater than three'); } num에 저장된 숫자가 3보다 큰 경우에만 'number is greater than three'가 출력됩니다. if와 else를 사용하는 방법 if (num > 3) { console.log('number is greate.. 2020. 2. 12.