본문 바로가기

Front-End/Javascript13

[javascript] import 할 때 중괄호{} 의 유무 차이 vue나 reate 등등 예제코드 상단에 import 구문은 다음과 같이 두가지 케이스를 볼 수 있다 1. import { a } from '경로' 2. import a from '경로' 어떨때 중괄호를 넣고 어떨 때 변수만 지정을 할까? 바로 export 문법에 따라 결정된다. export 방식에는 이름을 지정해서 내보내기 방법(named)와 기본(default) 내보내기 방법이 있다. /*유명(named) 내보내기*/ // 먼저 선언한 식별자 내보내기 export { myFunction, myVariable }; // 각각의 식별자 내보내기 // (변수, 상수, 함수, 클래스) export let myVariable = Math.sqrt(2); export function myFunction() { .. 2023. 3. 10.
[JavaScript] 객체(Object), 내장 객체(Date, Math) 객체? 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 부름)의 집합 객체 생성 방법 첫번째 let product = { name: 'Galaxy S21', type: '핸드폰', company: '삼성' }; 객체 생성 방법 두번째 let product = {}; product[name] = 'Galaxy S21'; product[type] = '핸드폰'; product[company] = '삼성'; 객체의 특징 객체는 변수이다. 그러나 객체에는 많은 값이 포함될 수 있다. (자바스크립트 변수처럼 단일 값을 포함 할 수 있다.) 객체는 중괄호 표기를 이용하여 만들 수 있다. 객체는 각각의 key/value에 대한 정보를 나열할 수 있다.. 2021. 12. 14.
[JavaScript] 자바스크립트 내장 함수_타이머 함수 자바스크립트 내장 함수 - 자바스크립트에서 자체적으로 제공해 주고 있는 함수를 말함. - 예를 든다면 지금까지 사용해 왔던 alert()와 prompt() 함수가 대표적인 내장 함수 타이머 함수 - setTimeout(function, millisecond) : 일정 시간 후 함수를 한 번만 실행하는 함수. - setInterval(function, millisecond) : 일정 시간마다 함수를 반복해서 실행하는 함수. - clearTimeout(id) : 일정 시간 후 함수를 한 번 실행하는 것을 중지하는 함수. - clearInterval(id) : 일정 시간마다 함수를 반복하는 것을 중지하는 함수. 2021. 12. 10.
[JavaScript] 함수(function) / 호이스팅이란? 함수(function) 기능을 정의해 놓은 것 함수는 하나의 로직을 재사용할 수 있도록 하는 것으로 코드의 재 사용성을 높여줌. 자바스크립트에서의 함수는 1. 변수나 데이터안에 담길 수 있고 2. 매개변수로 전달 할 수 있고 3. 반환 값으로 사용할 수 있고 4. 실행도중에 생성될 수 있다 형식) function 함수이름(매개변수1, 매개변수2) { 함수 호출 시 실행될 문장; return 반환값; } 함수 사용 시 장점 1. 코드의 중복 제거 및 코드 재사용 가능. 2. 유지보수 용이성 자바스크립트 함수의 종류 1. 사용자 정의 함수 : 사용자가 직접 만들어 놓은 함수. 2. 내장 함수 : 자바스크립트에서 자체적으로 제공해 주는 함수 자바스크립트는 호이스팅(hoisting)때문에 함수선언문이 함수 실행.. 2021. 12. 9.
[JavaScript] 배열(array) 자바스크립트에서 배열 생성 방법 - 3가지 1. let 배열명 = new Array(원소1, 원소2, 원소3,.....원소n); 2. let 배열명 = [원소1, 원소2, 원소3,......원소n]; 3. let 배열명 = new Array(); ※ 자바스크립트에서의 배열은 모든 데이터 타입(자료형)을 다 담을 수 있음. 1. let 배열명 = new Array(원소1, 원소2, 원소3,.....원소n); for in문은 Object에 있는 key에 차례로 접근하는 데 사용되는 반복문이다. 배열에서 사용할 수도 있지만 권장되지 않는 기법이다. 자바는 배열의 크기가 한 번 정해지면 데이터를 새로 추가하는 것이 안 되었지만, 자바스크립트는 배열 객체에 요소를 추가할 수 있다 push(요소) 배열에 데이터를 .. 2021. 12. 9.
[JavaScript] 반복문(while, do~while, for), continue, break 명령문 반복문 : 특정 구문을 여러 번 반복해서 실행하고자 할 때 사용하는 제어문. - 반복문의 종류 while 반복문, do~while 반복문, for 반복문 - while 반복문과 for 반복문을 많이 사용을 함. * while 반복문은 주로 무한반복이거나 반복 횟수가 정해지지 않은 경우에 사용. * for 반복문은 반복 횟수가 정해진 경우에 주로 사용. while 반복문 for 반복문 반복 횟수가 정해진 경우 많이 사용됨 다중 for문 [문제1] - 테이블에 넣어서 출력해 보자. continue 명령어 어떠한 행위를 하다가 continue문을 만나면 해야할 명령문을 실행하지 않고 그 다음 명령문을 실행하는 명령문 7이 출력되지 않고 건너뛴 것을 볼 수 있다. break문 break문은 if,switch,f.. 2021. 12. 9.

티스토리툴바