언어/Javascript (24) 썸네일형 리스트형 [ Javascript ] 함수에 대해서 알아보기 🌱 함수(Function)란 무엇인가?함수는 특정 작업을 수행하는 독립적인 코드 블록이다. 복잡한 코드를 재사용 가능하게 만들어 코드의 가독성과 유지보수성을 높여준다.📘 함수의 기본 개념🔹 함수란?정의: 하나의 이름 아래 특정 작업을 수행하는 코드 모음이다. 필요할 때마다 호출해서 사용할 수 있다.역할: 반복적인 작업을 줄이고, 코드를 더 구조적으로 만들어준다.🔹 함수의 구성 요소함수 이름: 함수를 식별하는 데 사용되는 이름.매개변수(Parameter): 함수로 전달되는 입력 값.반환값(Return Value): 함수 실행 후 결과로 돌려주는 값.함수 본문: 함수가 실제로 수행하는 작업을 정의한 코드 블록.📘 JavaScript에서의 함수 사용🔹 함수 선언 방식// 함수 선언식function .. [ Javascript ] 템플릿 리터럴 🌱 자바스크립트 템플릿 리터럴(Template Literals)은 ES6(ECMAScript 2015)부터 도입된 문자열 표기법으로, 기존 문자열 방식에 비해 훨씬 편리하고 강력한 기능을 제공합니다.템플릿 리터럴의 특징백틱(`) 사용: 작은따옴표('')나 큰따옴표("'") 대신 백틱(`)을 사용하여 문자열을 감쌉니다.문자열 삽입: ${표현식} 형태를 사용하여 문자열 안에 변수나 표현식을 직접 삽입할 수 있습니다.여러 줄 문자열: 줄바꿈 문자(\n) 없이 여러 줄에 걸쳐 문자열을 작성할 수 있습니다.태그드 템플릿 리터럴: 함수와 함께 사용하여 문자열을 더욱 세밀하게 제어할 수 있습니다. 템플릿 리터럴의 장점가독성 향상: 문자열과 변수를 연결할 때 + 연산자를 사용하는 대신 ${}를 사용하여 코드를 더욱 .. [ Javascript ] 자바스크립트 문자열에 대해서 알아보기 자바스크립트 문자열은 텍스트 데이터를 나타내는 데이터 타입입니다. 작은따옴표('...'), 큰따옴표("..."), 백틱(...)으로 감싸서 표현할 수 있습니다. 1. 문자열 생성 방법작은따옴표 또는 큰따옴표:작은따옴표나 큰따옴표로 묶어서 문자열을 생성합니다.두 종류의 따옴표를 혼용하면 문자열 안에 따옴표를 포함할 수 있습니다.예시:'Hello, world!'"JavaScript is fun""He said, 'Hi there!'"백틱 (템플릿 리터럴):백틱(`)으로 묶어서 문자열을 생성합니다.템플릿 리터럴은 여러 줄 문자열과 문자열 삽입 기능을 제공합니다.${}를 사용하여 문자열 안에 변수나 표현식을 삽입할 수 있습니다.예시:`This is a template literal``My name is ${na.. [ Javascript ] 자바스크립트 예약어에 대해서 알아보기 🌱 자바스크립트의 예약어는 프로그래밍 언어에서 특별한 목적으로 사용되는 단어들로, 변수나 함수 이름 등으로 사용할 수 없습니다. ECMAScript 버전에 따라 추가되거나 변경된 예약어들이 있습니다.각 예약어는 예약어가 사용되는 기능에서 자세한 설명합니다.1. ECMAScript 6 (ES6) 이전부터 예약된 단어:break: 반복문이나 switch 문을 종료합니다.case: switch 문에서 특정 값에 대한 처리를 정의합니다.catch: try 문에서 발생한 오류를 처리합니다.continue: 반복문에서 현재 반복을 건너뛰고 다음 반복을 시작합니다.debugger: 디버깅 도구를 실행합니다.default: switch 문에서 어떤 case에도 해당하지 않을 때 실행되는 부분을 정의합니다.delete.. [ Javascript ] 변수에 대해서 알아보기 🌱 자바스크립트 변수는 데이터를 저장하는 컨테이너입니다. 변수에 데이터를 저장하고, 필요에 따라 저장된 데이터를 불러오거나 변경할 수 있습니다. 자바스크립트에서 변수는 다음과 같은 특징을 가집니다.1. 변수 선언 키워드:var: 과거에 주로 사용되었던 변수 선언 키워드입니다. 함수 스코프를 가지며, 변수 호이스팅이 발생하여 예기치 않은 동작을 유발할 수 있습니다.let: ES6(ECMAScript 2015)부터 도입된 변수 선언 키워드입니다. 블록 스코프를 가지며, 변수 호이스팅이 발생하지 않아 var 보다 안전하게 사용할 수 있습니다.const: let 과 유사하지만, 선언 시 초기값을 할당해야 하며, 이후 값을 변경할 수 없는 상수(constant)를 선언할 때 사용합니다. 블록 스코프를 가지며, .. [ Javascript ] 주석 처리하기 자바스크립트에서 주석을 처리하는 방법은 두 가지가 있습니다. 1. 한 줄 주석 (Single-line Comments)// 를 사용하여 한 줄 주석을 작성합니다.// 뒤에 오는 모든 텍스트는 해당 줄의 끝까지 주석으로 처리됩니다.주로 짧은 설명이나 간단한 메모를 작성할 때 사용합니다.// 이것은 한 줄 주석입니다.let x = 10; // 변수 x에 10을 할당합니다. 2. 여러 줄 주석 (Multi-line Comments)/* 로 시작하고 */ 로 끝나는 블록을 사용하여 여러 줄 주석을 작성합니다./* 와 */ 사이에 있는 모든 텍스트는 주석으로 처리됩니다.주로 긴 설명이나 코드 블록을 설명할 때 사용합니다./*이것은 여러 줄 주석입니다.이 주석은 여러 줄에 걸쳐 작성할 수 있습니다.*/let y =.. [ Javascript ] 빈문장 ( ;) 사용하기 🌱자바스크립트에서 빈 문장(empty statement), 즉 세미콜론(;)만으로 이루어진 문장이 필요한 이유는 몇 가지가 있습니다.1. 문법적 요구 사항 충족:일부 문법 구조에서는 빈 문장이 필요합니다. 예를 들어, for 루프의 조건 부분이나 if 문의 조건이 비어있을 때 빈 문장을 사용하여 문법적 오류를 방지할 수 있습니다.예시: for (; i (루프 본문이 비어있을 때)예시: if (condition) ; (조건이 참일 때 아무것도 하지 않음)2. 코드 가독성 및 의도 명확화:빈 문장은 코드의 의도를 명확하게 나타낼 수 있습니다. 예를 들어, 특정 조건에서 의도적으로 아무 작업을 수행하지 않음을 명시적으로 표현할 수 있습니다.주석과 함께 사용하면 코드의 의도를 더욱 명확하게 전달할 수 있습니.. [ Javascript ] 자바스크립트 코드 문장 구성하기 🌱 자바스크립트에서 문장을 만드는 규칙은 크게 다음과 같습니다.1. 세미콜론(;) 사용:자바스크립트에서는 문장의 끝을 나타내기 위해 세미콜론(;)을 사용합니다.세미콜론은 선택적으로 생략할 수 있지만, 코드의 명확성과 예측 가능성을 위해 사용하는 것이 권장됩니다.특히, 여러 문장을 한 줄에 작성할 때는 반드시 세미콜론을 사용해야 합니다.2. 코드 블록(중괄호 {}):여러 문장을 하나의 그룹으로 묶을 때 코드 블록({})을 사용합니다.코드 블록은 함수, 조건문, 반복문 등에서 사용됩니다.코드 블록 안의 문장들은 들여쓰기를 사용하여 가독성을 높입니다.3. 문장 구성 요소1. 변수 선언:변수를 선언할 때는 var, let, const 키워드를 사용합니다.var는 함수 스코프, let과 const는 블록 스코프.. 이전 1 2 3 다음 목록 더보기
