javascript

googlemap 구글맵 api를 이용해 내가 지정한 위치에 marker를 표시하기 #googleMap : 요소의 너비와 높이를 설정하고, 주석 처리된 부분은 이미지를 회색으로 변환하는 필터를 추가하는 CSS 코드이다. : Google 지도가 표시될 영역을 나타낸다. const myLocation = new google.maps.LatLng(위도, 경도) : 객체를 사용하여 위치를 지정 mapTypeId: google.maps.MapTypeId.ROADMAP: 객체를 사용하여 지도를 생성 const map = new google.maps.Map(document.querySelector('#googleMap'), mapProp); - new google.maps.Map 은 Google Maps API를 사..

함수는 재사용 가능한 코드 블록을 정의하고, 호출될 때마다 실행된다. 함수는 어떤 작업을 수행하거나 값을 반환할 수 있으며, 프로그램 내에서 코드를 조직하고 모듈화하는 데 도움을 준다. function 함수이름(매개변수1, 매개변수2, ...) { // 함수 내용 // 수행될 작업들 // 값을 반환할 경우 return 반환값; } function greet(name) { let greeting = "Hello, " + name + "!"; return greeting; } let result = greet("John"); console.log(result); // "Hello, John!" // console.log(greeting); // 오류: greeting은 정의되지 않았다. [예시1] 작은 수를..

for문은 반복 작업을 수행할 때 사용되는 반복문 중 하나이다. for (초기화; 조건; 반복 후 작업) { // 반복 실행될 코드 블록 } for (let i = 1; i

switch 문은 여러 가지 조건을 비교하고 그에 따른 코드 블록을 실행하는 데 사용된다. switch 문은 주로 특정 변수의 여러 가능한 값을 기반으로 분기하는데 유용하다. switch (표현식) { case 값1: // 표현식이 값1과 일치할 때 실행되는 코드 break; case 값2: // 표현식이 값2와 일치할 때 실행되는 코드 break; // 추가적인 case 문들... default: // 표현식이 어떤 case에도 일치하지 않을 때 실행되는 코드 } 표현식은 비교하고자 하는 값이나 변수이다. let day = '월요일'; switch (day) { case '월요일': console.log('일주일의 시작입니다.'); break; case '수요일': console.log('이제 반쯤 왔..

if문은 조건을 평가하여 해당 조건이 참인 경우에만 특정 코드 블록을 실행하는 데 사용된다. if (조건) { // 조건이 참일 때 실행되는 코드 } else { // 조건이 거짓일 때 실행되는 코드 } else 블록은 선택적이며, 조건이 거짓인 경우에 실행된다. let x = 10; if (x > 5) { console.log('x는 5보다 큽니다.'); } else { console.log('x는 5보다 작거나 같습니다.'); } 또한 if문은 중첩될 수 있어 여러 조건을 다룰 때 사용된다. let y = 15; if (y > 10) { console.log('y는 10보다 큽니다.'); if (y === 15) { console.log('y는 15입니다.'); } } else { console.lo..

자바스크립트 객체는 데이터와 그 데이터를 다루는 함수를 하나로 묶은 것이다. 이 객체는 중괄호 {}로 둘러싸여 있다. let 사람 = { 이름: '철수', 나이: 25, 직업: '개발자', 소개: function() { console.log('안녕하세요. 제 이름은 ' + this.이름 + '이고, ' + this.나이 + '살입니다. 직업은 ' + this.직업 + '입니다.'); } }; 사람이라는 객체가 있다. 이 객체 안에는 이름, 나이, 직업 같은 속성들이 들어 있고, 함수도 속성으로 들어갈 수 있다. 객체를 통해 데이터를 조직화하고 관련 함수들을 함께 묶을 수 있다. 객체의 속성은 점 표기법이나 대괄호 표기법을 사용해서 값을 읽거나 쓸 수 있다. console.log(사람.이름); // '철수..

호이스팅 : JavaScript에서 변수와 함수 선언을 끌어올리는 동작을 나타낸다. 이는 코드 실행 전에 JavaScript 엔진에 의해 처리되며, 코드에서 선언된 변수나 함수를 해당 스코프의 맨 위로 끌어올리는 것을 의미한다. console.log(x); // undefined var x = 5; console.log(x); // 5 var : 변수 선언 var의 문제점 1. 블록 스코프 미지원 2. 호이스팅 문제 3. 변수 재선언 허용 4. 전역변수 문제 let과 const 키워드를 사용하여 블록 스코프를 가지는 변수를 선언할 수 있게 되었고, 이를 통해 var의 일부 단점을 극복할 수 있게되었다. let : 변수 선언, 변수에 재할당이 가능 let number = "one" number = "thr..