본문 바로가기

JavaScript6

[JS] 자바스크립트 - 함수 📌 익명 함수 function () {} 이름이 붙어있지 않은 함수를 익명함수(anonymous function)라고 표현한다. 📌 선언적 함수 function 함수() { } let 함수 = function () {}; '익명함수'와 달리 이름이 있는 함수다. 📌 매개변수와 리턴값 매개변수 : 함수를 호출할 때 괄호 안에 적는 것(input) 리턴값 : 함수의 최종 결과(output) function 함수(매개변수, 매개변수, 매개변수) { // 코드 내용 return 리턴값 } 📌 나머지 매개변수 매개변수 앞에 마침표 3개(...)를 입력하면 매개변수들이 배열로 들어온다. function 함수 이름(...나머지 매개변수) { } 매개변수의 개수가 고정적이지 않은 함수를 가변 매개변수 함수라고 한다. .. 2021. 3. 29.
[JS] 자바스크립트 - 배열 📌 배열(array) 배열은 여러 자료를 묶어서 활용할 수 있는 특수한 자료다. 📌 배열 만들기 [요소, 요소, 요소, 요소, ... , 요소] 배열은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형이다. 대괄호[...]를 사용해 생성하고 내부의 값을 쉼표(,)로 구분해 입력한다. 배열 내부에 들어 있는 값을 요소(element)라고 한다. 어떠한 종류의 자료형도 요소가 될 수 있다. const arr = [176, 'String', true, function () { }, {}, [123, 456]] 📌 배열 요소에 접근하기 배열[인덱스] 배열의 기본적인 조작은 문자열과 비슷하다. → 인덱스(index)를 사용하여 접근할 수 있다. const array = [279, 1013, 'SSAFY', .. 2021. 2. 25.
[Algorithm] Programmers : 핸드폰 번호 가리기 by JavaScript 📌 문제 설명 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 s는 길이 4 이상, 20이하인 문자열입니다. 입출력 예 phone_number return "01033334444" "*******4444" "027778888" "*****8888" 💡 문제 풀이 파이썬에서는 문자열에 곱셈연산이 가능하지만, JS에서는 연산이 불가능하다. 따라서, 반복문을 이용하거나 repeat 함수를 이용하여 이를 대체할 수 있었다. 반복문 사용 function solution(phone.. 2021. 2. 17.
[JS] 자바스크립트 - 반복문 📌 배열 배열은 여러 개의 자료를 한꺼번에 다룰 수 있는 자료형이다. 대괄호 내부의 각 자료는 쉼표로 구분한다. 배열에는 여러 자료형이 섞여 있을 수 있다. let array = [279, 1013, 'SSAFY', 'AI', true, false] 배열 안에 들어 있는 각 자료를 요소(Element)라고 한다. 배열의 요소에 접근할 때는 대괄호를 사용하며, 대괄호 안에 넣는 숫자를 인덱스(Index)라고 한다. 인덱스는 0부터 시작한다. console.log(array[0]); // 279 console.log(array[1]); // 1013 console.log(array[2]); // 'SSAFY' console.log(array[3]); // 'AI' console.log(array[4]); /.. 2021. 1. 29.
[JS] 자바스크립트 - 조건문 📌 if 조건문 중첩해서 사용할 경우에는 if, else if, else의 중괄호 안에다 작성하면 된다. 기타 다른 언어의 if 조건문 처럼 사용이 크게 어렵지 않다. if (조건식) { } else if (조건식) { } else if (조건식) { } else { } 📌 switch 조건문 switch 조건문의 기본형태는 다음과 같다. siwtch(식) - 식에 따라 처리를 분기 case 값: 처리내용 - 해당 조건 만족 시 처리 default: 처리내용 - 만족하는 조건이 하나도 없는 경우의 처리 switch (비교할 값) { case 값: 문장 break; case 값: 문장 break; default: 문장 break; } switch 조건문은 자주 사용해보지 않아서 예시가 필요... ex 1).. 2021. 1. 27.
[JS] 자바스크립트 기초 💡 자바스크립트란? 자바스크립트(JavaScript)는 웹 브라우저에서 동작하는 프로그래밍 언어로서 HTML, CSS와 함께 동적 웹 페이지의 중요한 구성 요소다. 💡 자바스크립트의 다양한 기능 문자, 숫자, 배열 등의 데이터를 다룬다. 날짜와 시간을 다룬다. 브라우저를 조작한다. 이벤트를 처리한다. 페이지의 데이터 요소를 조작한다. 폼(Form)을 조작한다. 애니메이션 효과를 처리한다. 이미지/사운드/영상을 다룬다. 데이터를 송수신한다. 로컬 데이터를 다룬다. 💡 자바스크립트 표준 자바스크립트는 ECMA International에서 정하는 표준 규격인 ECMAScript를 표준으로한다. 최근에는 2015년에 발표된 'ES2015(ECMAScript 2015, ES6)'를 통해 이전까지는 자바스크립트에 .. 2021. 1. 26.

티스토리툴바