본문 바로가기

Frontend/JavaScript55

JavaScript의 기초 문법 : 제어문 - 조건문 (if / switch-case) JavaScript 제어문은 조건에 따라 로직을 실행(조건문)하거나 반복실행(반복문)할 때 사용한다. JavaScript의 조건문은 if문과 switch-case문이 있다. ifif(조건문){조건문이 참일 때 실행되는 로직}if문은 조건문이 참일 때 로직을 실행하고, 그렇지 않을 때는 로직을 실행시키기 않고 if문 밖으로 빠져나간다. if문의 경우에는 if문 하나만 작성하는 단순if문, if문을 여러개 작성하는 다중if문, if문 안에 if문을 작성하는 중첩 if문(중첩if문의 경우에는 가독성이 많이 떨어지기 때문에 사용시 유의해야한다.), 참이 아닐 때의 로직도 작성하는 if-else문 그리고 if-else문이 여러개 들어간 if-else if-else문이 있다. if-else문if(조건문){조건문이 .. 2024. 7. 18.
JavaScript의 기초 문법 : 연산자 모든 프로그래밍 언어의 경우에는 산술연산자, 비교연산자 그리고 논리연산자를 반드시 가지고 있다. 나머지 할당연산자, 비트연산자, 문자열 연산자, 조건(삼항)연산자는 언어에 따라서 선택적으로 있다. 쉼표 연산자, 단항 연산자, 관계 연산자의 경우에는 JavaScript에만 존재한다. 연산자산술연산자덧셈, 뺄셈, 곱셈, 나눗셈, 나머지 등의 연산에 사용된다.연산자이름설명+덧셈숫자 피연산자를 더한다. ( 1+2 = 3)문자열을 연결한다. ( "안녕"+"하세요" = 안녕하세요) : 문자열 연산자-뺄셈두개의 피연산자를 뺀다. ( 2-1 = 1)*곱셈두 피연산자를 곱한다. (2*3 = 6)/나눗셈왼쪽 피연산자를 오른쪽 피연산자로 나눈다 (6/2 = 3)%나머지왼쪽 피연산자를 오른쪽 피연산자로 나누었을 때 나머지를 .. 2024. 7. 16.
JavaScript에서 사용자의 입력을 받아보자 대화상자웹 브라우저 환경에서 JavaScript를 사용하여 대화상자를 표시한다.alert()알림창을 띄어준다.   prompt()사용자에게 입력받을 수 있는 입력 패널을 제공한다. 받는 데이터는 문자열이 된다.  confirm()true/false를 입력하는 패널을 제공한다. 2024. 7. 15.
JavaScript의 템플릿 리터럴이란? 템플릿 리터럴은 백틱(BackTick, ``)을 사용하여 내장된 표현식을 허용하는 문자열 리터럴이다. $와 중괄호({})를 사용하여 표현식을 넣을 수 있다. 기존에는 문자를 결합하여 출력하거나, 변수를 문자열에 할당해야할 때 플러스(+)나 콤마(,)를 사용했어야했다. ECMAScript6이후 백틱이 나오면서, 문자열의 결합이나 문자열에 변수를 삽입하는 등을 자연스럽게 결합할 수 있게 되었다. 또한 줄바꿈을 해야할 때 \n을 사용했어야 했지만, 템프릿 리터럴을 사용하여 띄어쓰기 및  엔터로 발생하는 공백을 그대로 표현할 수 있게 되었다. `${표현식}` 2024. 7. 15.
JavaScript의 기초 문법 : 변수 변수는 값을 담을 수 있는 공간을 뜻한다. JavaScript의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당) 가능하다. 변수 선언var 변수명 = 데이터;함수 전체에서 유효한 변수로 변수를 다시 선언해서 재할당이 가능하다. let 변수명 = 데이터;한 번만 선언하고, 선언한 내용을 계속 사용하려는 경우에 사용한다.const 변수명 = 데이터;상수형으로 고정적으로 데이터를 사용하려는 경우에 사용한다.  변수 작성법 숫자로 시작할 수 없다.변수명 첫 글자에는 $, _, 영문자만 가능하다. 대소문자를 구분해야 한다. 변수는 대문자가 아닌 소문자 명사형으로 시작한다. 변하지 않은 환경변수의 값은 대문자로 작성한다. 여러 단어의 조합으로 작성될 경우 낙타표기법(camelCas.. 2024. 7. 15.
JavaScript의 기초 문법 : 타입 JavaScript를 포함한 여러 프로그래밍 언어의 경우 예외적인 부분도 있으나, 타입(데이터의 형태를 정의), 변수(값을 저장하는 공간), 연산자(논리적, 산술적, 비교 등의 연산 수행), 제어문(조건에 의해 수행)을 가지고 있다. 이후 프로그램의 양이 방대해지면서 관리를 용이하게 하기 위해 구조체(여러 개의 변수의 묶음), 함수(기능들의 묶음), 배열(같은 타입의 여러 변수의 묶음)이 생겨났다. 이후 객체 지향 프로그래밍이 대두되면서 대부분의 프로그래밍 언어는 타입, 변수, 연산자, 제어문, 구조체, 함수, 배열, 객체의 특징을 가지고 있다. JavaScript의 경우 웹 브라우저에서 동적인 웹 페이지를 만들기 위한 스크립트 언어로 개발되었다가, ECMA script 6 이후부터 객체 지향 프로그래밍.. 2024. 7. 15.

티스토리툴바