💻 JAVA와 JS 메소드 / 반복문 비교
☕ JAVA
| 구분 | 문법 | 예시 | 비고 |
|---|
| 🔹 기본 메소드 | 반환타입 메소드명(매개변수타입 매개변수명) { 실행문; } | int add(int a, int b) { return a + b; } | |
| 🔹 람다식 함수 | (매개변수타입 매개변수명) -> { 실행문; } | (int a, int b) -> { return a + b; } | |
| 🔁 기본 for문 | for (int i = 0; i < 10; i++) { } | | |
| 🔁 향상된 for문 | for (변수타입 변수명 : 리스트/배열) { } | | |
| 🔁 forEach문 | 리스트.forEach((변수) -> { }) | | |
| 🔁 stream map | 리스트.stream().map((변수) -> { }).collect(Collectors.to컬렉션명()); | | |
| 🔁 stream filter | 리스트.stream().filter((변수) -> { }).collect(Collectors.to컬렉션명()); | | |
🌐 JavaScript
| 구분 | 문법 | 예시 | 반환값 |
|---|
| 🔹 기본 함수 | function 함수명(매개변수명) { 실행문; } | function add(a, b) { return a + b; } | ✅ 있음 |
| 🔹 람다식 함수 | (매개변수명) => { 실행문; } | const add = (a, b) => { return a + b; } | ✅ 있음 |
| 🔁 기본 for문 | for (let i = 0; i < 10; i++) { } | | ❌ 없음 |
| 🔁 for...in | for (let index in 배열) { } | | ❌ 없음 |
| 🔁 for...of | for (let value of 배열) { } | | ❌ 없음 |
| 🔁 forEach | array.forEach(value => { console.log(value) }) | | ❌ 없음 |
| 🔁 map | let newArray = array.map(value => { return value; }) | | ✅ 있음 (return값 저장) |
| 🔁 filter | let newArray = array.filter(value => { return value > 10 }) | | ✅ 있음 (조건 충족값 저장) |
🧩 공공데이터 활용하기
🔑 인증키 설정
ApiKeyAuth: 일반 인증키 (Encoding) 입력
ApiKeyAuth2: 일반 인증키 (Decoding) 입력
⚙️ fetch 사용 시
- URL: 공공데이터의 API 주소 사용
- 데이터를 JSON으로 받을 때 반드시
console.log(data)로 확인
→ 주로 data.data 형태로 접근
- 속성명에 특수문자가 있을 경우:
['속성명'] 형식으로 접근
→ 예시: value.전화번호 = value['전화번호']
📮 POST 방식 예시
const obj = { "b_no": [b_no] };
fetch(url, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(obj)
});
🗺️ KAKAO 지도 활용하기
🧭 기본 설정
- KAKAO 지도 API JS를 불러와야 한다.
LatLng은 위도(latitude), 경도(longitude) 를 의미한다.
🧱 사용 흐름
- 지도를 생성한다.
- 공공데이터를 불러온다.
- 지도에
marker를 이용해 데이터를 표시한다.
💡 TIP: KAKAO 지도 공식 가이드라인을 따르는 것이 가장 안정적이다.