본문 바로가기

js14

[JS] 자바스크립트 함수 정의 방법: 함수 선언식과 (익명)함수 표현식 자바스크립트에서 함수를 정의하는 방법에 대해서 알아봅니다. 총 6가지로 알려져 있으나, 실제로 많이 사용하는 방식은 '함수 선언식'과 '함수 표현식'입니다. 이 둘의 용법과 예시, 차이점을 알아봅니다. [ Contents ] 1. 함수 선언 function 함수명(파라미터) { } 가장 무난한 방법입니다. console.log(plus(1, 2)); function plus(a, b) { return a+b; } 함수는 실행 시간 이전에 정의하므로, 선언문이 아래에 있어도 호출할 수 있습니다. 2. 함수 표현식 var 함수명 = function (파라미터) { } 모던 프로그래밍 언어에서 자주 보이는 함수 표현식입니다. 마치 함수도 변수 선언하듯이 정의할 수 있어요. let plus = function(.. 2023. 9. 13.
[JS] 자바스크립트 연산자: 나머지(%), 증감(++, --), 논리(!, ||, &&), 일치(===), ??(Null 병합), 삼항 연산자 자바스크립트에서 사용되는 연산자의 종류에 대해서 알아봅니다. [ Contents ] 1. 산술 연산자 기본적인 산술연산 +, -, /, *은 다 있습니다. let a = 9; console.log(a%2); // 나머지: 1 나머지 연산자 %도 통용되는 편이죠. let a = 9; console.log(a//2); // 몫 연산자는 없음 다만 몫 연산자는 없네요.. let num = 5; console.log(num++); //후위연산 -> 5 console.log(num); // 현재 num 값 -> 6 console.log(++num); //전위연산 -> 7 파이썬에는 없는 증감 연산자가 자바스크립트에는 있습니다. 전위연산은 먼저 증감 연산이 처리되며, 후위연산은 이후에 증감 연산이 처리된다는 차이가.. 2023. 9. 13.
[JS] 자바스크립트 변수와 상수 선언: let, var, const (feat. let과 var의 차이) 자바스크립트에서 let과 var를 사용해서 변수를 선업하는 방법을 알아봅니다. 그리고 const로 상수를 선언하는 법도 알아봅니다. [ Contents ] 1. let { } 코드블록 안에서만 사용할 수 있는 지역변수 선언 let은 사역동사로 '~하게 하다' 라는 뜻이 있습니다. 자바스크립트에서는 '이제부터 이 변수의 이름을 이걸로 하자' 라는 느낌입니다. let은 ES6 버전부터 도입되었으며, { } 코드블록 안에서만 사용할 수 있는 지역 변수입니다. (local variable) 2. var 함수 내 어디서든 사용할 수 있는 변수 선언 (Main함수에서는 전역) var는 'variable'의 약자로, ES6 버전 전에는 var를 통해서만 변수를 선언했습니다. 하지만 현재에는 let만 사용하도록 권고되.. 2023. 9. 13.
[JS] 자바스크립트 개발환경 세팅: 브라우저 개발자도구, VS코드 자바스크립트 개발을 위한 개발환경을 설정합니다. 자바스크립트는 여러 브라우저와 에디터에서 실행할 수 있으나, 여기에서는 크롬 개발자 도구와 VS코드를 알아봅니다. [ Contents ] 1. 브라우저 개발자 도구 동적 웹프로그래밍을 위한 언어이므로, 브라우저에서 자바스크립트를 실행할 수 있습니다. (크롬, 웨일, 엣지 등) 예를 들어, 크롬(Chrome) 브라우저에서 F12를 누르면 개발자 도구가 열립니다. 개발자 도구의 콘솔창에서 자바스크립트를 실행할 수 있습니다. 다만 아무 웹페이지에서나 자바스크립트가 모두 실행되진 않습니다. 따라서 빈페이지(about:blank)에서 실습을 진행해야 하는 단점이 있습니다. 또한 인터프리터 방식으로 한줄마다 실행되므로 긴 코드를 짜고 테스트하기는 어렵습니다. 2. 비.. 2023. 9. 12.
[JS] 자바스크립트(JavaScript)란? 동적 웹프로그래밍과 모던 자바스크립트 자바스크립트 언어의 개념에 대해서 알아보고, 주요 기능인 동적 웹페이지 제공에 대해 자세히 살펴봅니다. 이후 모던 자바스크립트도 소개합니다. [ Contents ] 1. 자바스크립트 (JavaScript) 웹페이지를 동적으로 만들어주는 프로그래밍 언어 자바스크립트는 '자바(Java)'와 이름은 비슷하지만 전혀 다른 프로그래밍 언어입니다. 자바스크립트는 웹페이지에서 마우스나 키보드 입력 등의 특정 조건의 이벤트를 처리하고 동적으로 갱신하게 해줍니다. 2. 동적 웹프로그래밍 사용자와 상호작용하며 반응하는 웹페이지 과거 HTML과 CSS로 이루어진 웹페이지를 '정적(Static)'이라고 표현합니다. 사용자는 서버에서 보내온 정적인 페이지만 읽고 요청할 수 있었죠. 비유하자면 종이책과 비슷합니다. 해당 페이지를.. 2023. 9. 11.