-
1) 함수 작업을 수행하기 위한 명령문의 집합, 프로그램의 기본 구성 요소 2) 형태 function name(param1, param2) { // body return; } 3) 기본자료형과 참조자료형 // 기본 자료형 : 값 전달 // function changeName(name) { name = 'tom'; } const name = 'john'; changeName(name); console.log(name); // 참조 자료형 (객체) : 참조 주소 전달 // function changeNameByObject(obj) { obj.name = 'tom'; } const user = { name: 'john' }; changeNameByObject(user); console.log(user); //..
[JS] 자바스크립트 함수(Function) 사용법 및 개념1) 함수 작업을 수행하기 위한 명령문의 집합, 프로그램의 기본 구성 요소 2) 형태 function name(param1, param2) { // body return; } 3) 기본자료형과 참조자료형 // 기본 자료형 : 값 전달 // function changeName(name) { name = 'tom'; } const name = 'john'; changeName(name); console.log(name); // 참조 자료형 (객체) : 참조 주소 전달 // function changeNameByObject(obj) { obj.name = 'tom'; } const user = { name: 'john' }; changeNameByObject(user); console.log(user); //..
🗓️ 2023.11.21 🗨️0 -
▶ 객체 (Object) : 주로 데이터 관리를 위해 사용. ( { "Key" : "value"} ) 1) 객체의 초기화 // 'object literal' syntax const obj = {}; // 'object constructor' syntax const obj = new Object(); 2) 속성제어 (CRUD) const obj = { name: 'Mike', age: 20 }; // 속성 조회 console.log(obj.name); // Dot 연산자 사용 console.log(obj['name']); // 대괄호 사용 // 속성 추가 또는 변경 obj.hasJob = false; obj['hasJob'] = true; console.log(obj.hasJob); // 속성 삭제 del..
[JS] 자바스크립트 객체(Object) 개념▶ 객체 (Object) : 주로 데이터 관리를 위해 사용. ( { "Key" : "value"} ) 1) 객체의 초기화 // 'object literal' syntax const obj = {}; // 'object constructor' syntax const obj = new Object(); 2) 속성제어 (CRUD) const obj = { name: 'Mike', age: 20 }; // 속성 조회 console.log(obj.name); // Dot 연산자 사용 console.log(obj['name']); // 대괄호 사용 // 속성 추가 또는 변경 obj.hasJob = false; obj['hasJob'] = true; console.log(obj.hasJob); // 속성 삭제 del..
🗓️ 2023.11.20 🗨️0 -
◆ 함수 작성 형태 ◆ 1. 함수를 변수로 선언하여 표현할때는 선언식이 표현식보다 밑에 있어야 한다. (그렇지 않은 경우는 상관없음) funcA(); funcB(); function funcA() { console.log('java'); }; const funcB = function() { console.log('script'); } 2. 함수를 변수로 선언하여 표현한 식은 제일 나중에 실행된다. const funcA = function() { console.log('script'); }; function funcA() { console.log('java'); } funcA(); ◆ 화살표 함수(Arrow Function) ◆ - 자주 쓰는 표현법 - ' => ' 를 사용하여 함수를 작성 // 기본 함수..
[JS] 자바스크립트 함수(Function), 화살표 함수 개념 및 작성 법◆ 함수 작성 형태 ◆ 1. 함수를 변수로 선언하여 표현할때는 선언식이 표현식보다 밑에 있어야 한다. (그렇지 않은 경우는 상관없음) funcA(); funcB(); function funcA() { console.log('java'); }; const funcB = function() { console.log('script'); } 2. 함수를 변수로 선언하여 표현한 식은 제일 나중에 실행된다. const funcA = function() { console.log('script'); }; function funcA() { console.log('java'); } funcA(); ◆ 화살표 함수(Arrow Function) ◆ - 자주 쓰는 표현법 - ' => ' 를 사용하여 함수를 작성 // 기본 함수..
🗓️ 2023.11.20 🗨️4 -
Module 의 Export / Import => 모듈 내보내기/ 가져오기 example) ※ export 시 'default' 를 사용하지않으면 import 에 중괄호 { } 를 사용해야만 한다. // export (05-14-module.js) // export function plus() { return 2 + 1; } // import (05-14-main.js) // import { plus } from './05-14-module.js'; console.log(plus()); // 05-14-export-import.html // example) ※ export 시 'default' 를 사용하면 import 에 중괄호 { } 를 사용할 수 없음. // export (05-14-module.js..
[JS] 자바스크립트 모듈(Module) 가져오기/내보내기Module 의 Export / Import => 모듈 내보내기/ 가져오기 example) ※ export 시 'default' 를 사용하지않으면 import 에 중괄호 { } 를 사용해야만 한다. // export (05-14-module.js) // export function plus() { return 2 + 1; } // import (05-14-main.js) // import { plus } from './05-14-module.js'; console.log(plus()); // 05-14-export-import.html // example) ※ export 시 'default' 를 사용하면 import 에 중괄호 { } 를 사용할 수 없음. // export (05-14-module.js..
🗓️ 2023.11.20 🗨️0 -
fetch 와 callback 을 이용해 필요한 사이트의 데이터를 json파일로 리턴받고 원하는 정보 출력 const data = fetch("https://api.openweathermap.org/data/2.5/weather?lat=35.158604&lon=126.7956918&units=metric&appid=6edee3c2aa182bc44d18ccb204c98a31"); data.then(callback1).then(callback2); function callback1(response) { return response.json(); } function callback2(response) { const weather = response.weather; const main = weather[0].m..
[JS] 자바스크립트 카카오 지도 API 활용 코드 구현fetch 와 callback 을 이용해 필요한 사이트의 데이터를 json파일로 리턴받고 원하는 정보 출력 const data = fetch("https://api.openweathermap.org/data/2.5/weather?lat=35.158604&lon=126.7956918&units=metric&appid=6edee3c2aa182bc44d18ccb204c98a31"); data.then(callback1).then(callback2); function callback1(response) { return response.json(); } function callback2(response) { const weather = response.weather; const main = weather[0].m..
🗓️ 2023.11.18 🗨️0 -
재귀함수로 팩토리얼 표현
[JS] 자바스크립트 재귀함수로 팩토리얼 표현하기재귀함수로 팩토리얼 표현
🗓️ 2023.11.18 🗨️0