자바스크립트

[JavaScript] 자바스크립트의 함수(Function)

함수란? 함수(Function)란 특정 작업을 수행하도록 설계된 독립적인 코드 블록을 의미한다. 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있다. (호출이 되어야만 작동한다.) 함수의 정의 일반적으로 function 키워드 사용 기능적 의미를 담은 함수의 이름 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수(parameter) (없어도 가능하다.) 중괄호({})로 둘러싸인 자바스크립트 실행문 function 함수이름(매개변수1, 매개변수2,...) { 함수가 호출되었을 때 실행하고자 하는 실행문; } // addNum라는 이름의 함수를 선엄함. (함수 선언문) function addNum(x, y) { // x, y는 이 함수의 매개변수임. document.write(x + y); } add..

[TIL] JS 연산자, 함수

✍ Today I Learned 논리 연산자의 우선순위에 따라 코드의 효율성이 달라진다. (우선순위 :! > && > ||) 삼항 연산자는 유일하게 피연산자를 3개나 가지는 조건 연산자이다. 짧은 if/else문 대신 사용할 수 있지만, 가독성이 떨어진다는 단점이 있다. // 표현식 ? 반환값1 : 반환값2 let x = 3, y = 5; let result = (x > y) ? x : y // x가 더 크면 x를, 그렇지 않으면 y를 반환함. console.log("둘 중에 더 큰 수는 " + result + "입니다."); 함수는 대부분 개발자가 직접 만들어낸 일반적 기능을 하는 것을 의미하고 메서드는 객체에 소속되어 있는 함수를 의미한다. 파라미터의 데이터 타입은 자유도가 높다. 자바스크립트는 스크..

[JavaScript] 자바스크립트의 연산자(Operator)

연산자란? 연산자(Operators)란 데이터를 원하는 형태로 변경 및 판단하기 위한 코드를 의미한다. 산술 연산자 : 사칙연산, 나머지 연산, 제곱, 루트 등 대입 연산자 : 변수에 값을 대입할 때 사용하는 이항 연산자(재귀적 연산) 증감 연산자 : 미리 정해진 일정 크기를 증가 혹은 감소시키는 연산자 비교 연산자 : 이상, 이하, 미만, 초과, 같음, 다름을 판단하여 참(true)과 거짓(false)을 반환 논리 연산자 : and, or, not and, not or, not 연산자로 판단하여 참(true)과 거짓(false)을 반환 비트 연산자 : 비트 단위로 논리 연산 수행(웹 분야에서는 활용도가 낮음) 그 외 연산자 : 특정 목적이나 형태를 갖는 연산자 산술 연산자 사칙연산을 다루는 가장 기본적..

[JavaScript] 자바스크립트의 변수(Variable)

변수란? 변수(Variable)란 데이터(data)를 저장할 수 있는 메모리 공간을 의미하며, 그 값이 변경될 수 있다. 변수의 선언과 초기화 변수를 선언(배정, 할당, 정의)할 때 var, let 키워드 사용 ES6(2015)부터는 let 사용 권장 CamelCase - 자바, C, C++, C#에서 주로 사용 snake_case - 자바스크립트, 파이썬에서 주로 사용(권장 방식) // 변수의 선언 let myFirstVariable; let my_first_variable; // 변수명만 선언, 값 X -> 변수를 메모리에 할당 // 변수의 초기화 myFirstVariable = 100; my_first_variable = "thousand"; // 변수의 선언 및 초기화 let mySecondVar..

[JavaScript] JavaScript란?

JavaScript란? JavaScript (객체 기반의 스크립트 언어) HTML로 뼈대를 만들고 CSS로 디자인을 했다면, 자바스크립트로 웹의 동작을 구현한다. JavaScript의 특징 서버가 아닌 브라우저가 해석한다. 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어이다. 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다. JavaScript 문법 var x = 10; var result = x + 3; 실행문(statement)은 세미콜론(;)으로 구분된다. 대소문자를 구분하기 때문에 변수나 함수의 이름, 예약어 등을 작성할 때 정확히 구분해서 사용해야 한다. 식별자(identifier) 식별자는 변수나 함수의 이름을 작성할 때 사용하는 이름을 의미한다. 영문자(대소문자), 숫..

[TIL] JS 자바스크립트 시작

✍ Today I Learned 자바와 자바스크립트는 전혀 다른 언어이다. 자바스크립트는 프론트 영역의 프로그래밍 언어이다. 서버가 아닌 브라우저가 해석 html과 css의 아키텍쳐를 다 품고 있음 프로그래밍을 왜 하는 걸까? 선택을 효율적으로 하기 위해서 컴퓨터의 주요 5대 장치는? 입력, 출력, 연산, 제어, 기억 백 틱(`)을 사용하면 ${}을 이용하여 내부에 코드를 삽입할 수 있다. 변수를 선언할 때 ES6(2015)부터는 let 사용을 권장한다. CamelCase → 자바, C, C++, C#에서 주로 사용 snake_case → 자바스크립트, 파이썬에서 주로 사용(권장 방식) 자바스크립트에서 선언 없이 변수를 할당하면 그 변수는 전역에 영향을 미치므로 가급적 사용 X (권장 방식은 아님) 변수..