Frontend/JavaScript(27)
-
자바스크립트 조건문
1. if, else if, else 문🔹if...else 문if 문은 if (조건) {내용} 으로 구성되며, 지정한 조건이 참(true)인 경우 명령문(statement)을 실행한다.조건식의 평가 결과가 true일 경우: if 문 다음의 코드 블록이 실행된다.false일 경우: else 문 다음의 코드 블록이 실행된다.if 문의 구성if (조건식) { // 조건식이 참이면 이 코드 블록이 실행된다.} else { // 조건식이 거짓이면 이 코드 블록이 실행된다.} ▼ if문은 중첩시켜서 사용할 수 있다.if 문의 중첩if(조건식1) { // 조건식1이 참이면 이 코드 블록이 실행된다. if(조건식2) { // 조건식2가 참이면 이 코드 블록이 실행된다. } else { // 조..
2024.05.29 -
자바스크립트 연산자
📍 표현식과 문표현식(expression)값은 다양한 방법(표현식)으로 생성할 수 있다.표현식은 리터럴, 식별자, 연산자, 함수 호출 등의 조합을 말한다.표현식은 평가(표현식을 실행하여 하나의 값을 만드는 과정)되어 하나의 값을 만들고, 값과 동등한 관계를 갖는다. (표현식은 값처럼 사용 가능하다.)문(statement)문은 자바스크립트 엔진에게 내리는 명령이다.문이 실행되면 무슨 일인가가 일어나게 되는데, 예를들어 변수 선언문을 실행하면 변수가 선언이 되고, 할당문을 실행하면 할당이 된다. 조건문을 실행하면 주어진 조건에 따라 코드 블록({…})의 실행이 결정되고, 반복문을 실행하면 코드 블록이 반복 실행된다.문에는 표현식인 문과 표현식이 아닌 문이 있다.표현식 은 평가되어 값을 만들지만 그 이상의 ..
2024.05.28 -
자바스크립트 변수
변수의 종류자바 스크립트에서의 변수 종류var일반적인 변수선언시 값 초기화문맥에 따라 지역/전역 변수로 사용 가능옛날 문서에서는 자주 보이나 요즘엔 주로 쓰이지 않음let지역 변수선언시 값 초기화const값을 변경 할 수 없는 상수선언시 값 정의'var' / 'let' 의 차이점, 'var'를 잘 안쓰게 되는 이유 문맥에 따른 지역/전역변수var : 코드가 길어질 경우, 해당 변수가 어떤 변수인지 혼란을 야기 할 수 있음변수 중복 선언var : 변수 중복 선언 가능, 이전의 값은 덮어씌워짐, 예기치 못한 에러 발생 가능성 존재let : 변수 중복 선언시 에러 출력, 실수로 인한 변수 재선언의 데이터 얽힘방지변수 사용 방법 변수 선언// var 변수 선언var a; // let 변수 선언let b; // ..
2024.05.28 -
자바스크립트 내장객체
1. 내장 객체내장 객체(Built-in Object)란 브라우저의 자바스크립트 엔진에 내장된 객체를 말한다.필요한 경우 객체를 생성해서 사용할 수 있으며,내장 객체로는 문자, 날짜, 배열, 수학, 정규 표현 객체 등이 있다.내장 객체 생성하기참조 변수(인스턴스 이름) = new 생성 함수() 1-1. 날짜 객체(Date Object) 날짜 내장객체 - 날짜 정보를 얻거나, 날짜 정보에 관련된 작업을 할때 쓰인다. - 날짜의 정보는 사용자의 컴퓨터의 시간을 참조한다 - 구문 : let date = new Date(); - 1000의 정수값은 1초이다.- 날짜 정보를 가져올 때(GET)getFullYear() : 연도를 가져옴getMonth() : 월을 가져옴 (1월:0 ~ 12월:..
2024.05.08 -
자바스크립트 Math.max()
Math.max() 주어진 숫자 중 가장 큰 값을 반환해요. Math.max( a, b, c, d... ) a,b,c,d ... : 비교할 숫자들 (숫자형) 반환값가장 큰 숫자 반환인자 중 하나라도 NaN 이면 결과는 NaN인자가 없으면 -Infinity 반환예제console.log(Math.max(1, 5, 3)); // 5 console.log(Math.max(-10, 0, 10)); // 10 console.log(Math.max(100)); // 100 console.log(Math.max()); // -Infinity console.log(Math.max(3, "a")); // NaN 배열에서 사용하려면?Math.max()는 개별 인자를 받기 때문에, 배열은 전개 연산자(...) 와 함께 사..
2024.04.25 -
자바스크립트 filter()
✍️ filter 란?자바스크립트에서 filter 는 배열에 사용하며, 주어진 함수를 만족하는 모든 요소를 모아 새 배열로 반환한다.아래 코드를 통해 filter 가 어떻게 사용되는지 간단히 알아보자.let array = [3,5,11,0,9,'string'];let result = array.filter((value) => value 위의 코드를 보면, array라는 배열이 있다. 이 배열에서 10미만의 값만 추출하려고 한다.이를 위해 우선 결과값들을 담아둘 result 변수를 만들었다. 그 후 기존 배열에 .filter()를 붙이고 괄호 안에는 필터조건이 되는 함수를 넣어 주었다.🔨 filter 사용법filter 를 쓸 때, 조건식을 filter()의 괄호 안에 쓰는 방법이 있고 filter외부에 ..
2024.04.25