[2024.04.30 TIL] 내일배움캠프 12일차 (JS 메서드, SQL 강의)

---

본 내용은 내일배움캠프에서 활동한 내용을 기록한 글입니다.

---

💻 TIL(Today I Learned)

📌 Today I Done

✏️ 자바스크립트 메서드 공부

• 자주 사용되거나 유용한 메서드들을 정리

• 특히 코딩테스트에서는 자바스크립트의 메서드를 어떻게 활용하냐가 중요

• 코드카타 때 문제를 풀고 조금씩 블로그에 메서드들을 추가할 예정

• 여기에는 오늘 작성한 몇 가지만 작성 (밑에 주소 참고)

• https://velog.io/@my_code/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%A9%94%EC%84%9C%EB%93%9C-%EA%B0%84%EB%8B%A8-%EC%A0%95%EB%A6%AC

• Array.prototype.map( )
  => 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환
  => map( )에서 콜백함수를 사용할 때 { } 사용의 유무에 따라 return을 사용할 수 있음
  => return 은 { }와 같이 함수 내부에서 사용이 가능함

let numbers = [1, 2, 3, 4, 5];

let squaredNumbers1 = numbers.map(function(number) {
	return number * number;
});

let squaredNumbers2 = numbers.map((number) => {
	return number * number;
});

// 이때는 return 사용X
let squaredNumbers3 = numbers.map((number) => number * number);

console.log(squaredNumbers); // [1, 4, 9, 16, 25]

• String.prototype.split( )
  => String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눔
  => 문자열을 나누고 배열을 반환

let str = "sparta";
console.log(str.split(""));  // [ 's', 'p', 'a', 'r', 't', 'a' ]

• 문자열 뒤집기

let str = "asdfghjkl";
let strReverse = str.split("").reverse().join("");
// 'lkjhgfdsa'

// split()에서 반환한 배열에는 reverse()와 join()을 사용할 수 있다
// 문자열에 grapheme clusters가 있을 경우, 
// 유니코드 플래그를 설정해도 오류를 일으킵니다
// https://github.com/mathiasbynens/esrever
// 등의 라이브러리를 대신 사용하세요.

✏️ SQL 강의 시청

• SQL 코드 기본 구조

select    # '데이터 조회' 의 명령어로 필수 구문
from      # '어디에서 데이터를 조회할까' 의 명령어로 필수 구문
where     # 조건을 지정해주는 구문
group by  # 카테고리컬럼(원하는컬럼 아무거나)
order by  # 정렬을 원하는 컬럼

• 주말에도 운영하는 식당들의 음식 타입과 배달까지의 시간 조회하고, 배달 시간 기준 내림차순으로 정렬하기

select cuisine_type, sum(delivery_time) total_delivery_time
from food_orders
where day_of_the_week="Weekend"
group by cuisine_type
order by sum(delivery_time) desc

• 음식 종류별 가장 높은 주문 금액과 가장 낮은 주문금액을 조회하고, 가장 낮은 주문금액 순으로 (내림차순) 정렬하기

select cuisine_type, min(price) as min_price, max(price) as max_price
from food_orders
group by cuisine_type
order by min(price) desc

✏️ GIT 심화 특강

• 내용이 너무 많아서 내일 정리할 예정

---

📌 Tomorrow's Goal

✏️ 팀 과제 발제

• 아직 팀원들과 회의해본 적이 없음

• SA 작성부터 팀장 뽑기까지 해야할 일이 많음

• 자바스크립트 기반 팀과제는 어떤 걸 만드는 걸까?
  
  

---

📌 Today's Goal I Done

✔️ 자바스크립트 메서드 공부

• 생각보다 기본적인 메서드도 바로바로 나오지 않음

• 그래서 블로그에 따로 메서드들을 정리

• 일종의 MDN 문서

• 자주 사용되거나 유용해보이는 메서드들을 정리

• 정리할 만한 메서드가 보이면 계속해서 블로그에 추가할 예정

✔️ SQL 강의 시청

• 이제까지 못 듣고 있던 SQL 강의를 다시 시청

• 2주차까지는 기존에 알던 내용이기에 이해가 쉬웠음

• 3주차부터는 SQL에서 데이터베이스를 가공하기 위한 함수들을 배울 예정

• 백엔드 개발자이기에 SQL 사용은 익숙해질수록 좋다고 함

✔️ GIT 심화 특강

• 내용이 너무 많아서 내일 정리할 예정

---

⚠️ 구현 시 발생한 문제

✔️ map( ) 함수에서 return 문제 발생

• 에러가 발생했을 때는 그냥 오타라고 생각함

• 하지만 생각보다 더 기본적인 문제로 발생한 오류

• 위 에러는 return이 { } 함수 안에서 실행되지 않아서 발생한 에러

• 해결법은 그냥 return을 { } 함수 안에서 실행하면 됨

let arr = [1, 2, 3, 4, 5]

// 에러 발생한 코드
let result = arr.map((number) => return number * 2);

// 정상 코드
let result = arr.map((number) => { return number * 2 });