앞으로의 목표 👍

---

1. javascript 능력 및 고난도 알고리즘 풀이 능력
2. Nest, Graphql등 최신 기술 스택 활용 능력
3. 기초 미니프로젝트 포트폴리오
4. 로그인, 결제기반 심화프로젝트 포트폴리오
5. 배포를 위한 네트워크 및 CI/CD 배포자동화 능력
6. 120% 백엔드 개발 지식

오늘부터 꾸준히 해야할 일 👍

---

• 영타실력 늘리기
• 단축키 사용 익숙해지기
• 코드리딩 실력 키우기
• 데일리 퀴즈
• 포트폴리오 작성
• 독스에 친숙해지기
• MDN 보는 연습하기

오늘의 수업 👍

---

---

📝 조건 (삼항) 연산자

---

• 조건문, 물음표(?), 조건문이 참(truthy)일 경우 실행할 표현식, 콜론(:), 조건문이 거짓(falsy)일 경우 실행할 표현식

function solution(num) {
num % 2 === 0 ? 'Even' : 'Odd'
}
// 위의 코드와 아래의 코드가 같은 값을 불러온다.
function solution(num) {
    var answer = '';
      if (num % 2 === 0) {
        answer = "Even"
      } else {
        answer = "Odd"
      }
    return answer;
}

📝 reduce()

---

• 배열에만 설정이 가능함

• 소괄호 안에는 2개의 인자를 보내줄 수 있음, 첫번째 인자로는 함수를 보내줘야하고 (필수인자), 두번째 인자로는 초기값을 보내줘야한다(필수X).

const arr = [1,2,3,4,5];
const sum = arr.reduce((acc, cur) => {
	return acc + cur
}, 0)
console.log(sum) // 15
// acc: accumulator // return한 값을 불러옴
// cur: current // 배열의 값을 하나하나 불러옴

📝 padStart()

---

• 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다.

• 채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다.

• 문자열이름.padStart(문자열길이, 빈 문자 자리에 넣을 문자)

let str = '111'
str.padStart(5,2) // '22111'

📝 slice()

---

• 어떤 배열의 추출 시작점 부터 추출 종료점 까지(종료점 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다.

• 문자열이름.slice(추출 시작점 인덱스, 추출 종료점 인덱스)

let str = '12345'
str.slice(2,4) // '34'

📝 API 등록될 때 까지 기다리자(동기) VS 기다리지 말자(비동기)

---

• 동기적 방식 - 게시글 등록 -> 게시글 등록 완료 -> 게시글 불러오기(응답이 모두 끝난 후 요청)

• 비동기적 방식 - 요청들이 서로 기다릴 필요가 없을 때, 동시에 요청 할때 사용합니다.

  • fetchBoards(게시글), fetchProducts(상품)를 한번에 불러올 때 무엇을 먼저 보여주든지 상관이 없음
  • 게임 다운받으면서 카톡을 하는 우리는 비동기적 방식으로 행동을 하고 있다.

• VS코드에서 비동기

  const data = axios.get('url')
  console.log(data) // Promise

• axios같은 도구들은 비동기로 작동한다. Promise를 저장한다.

• 동기로 변환하는 방법

1. 함수 선언 전(function 앞)에 async를 적어준다.
2. axios.get앞에 await를 적어준다.

   async function 함수이름() {
   const data = await axios.get('url')
   console.log(data) // {key : value, ...}
   }

• var와 함수 선언식은 중복 적용이 가능하다.(사용 지양)

  var apple = 3
  apple = "안녕"
  console.log(apple) // "안녕"

  function apple(){
  	console.log("3")
  }
  function apple() {
  	console.log("안녕")
  }
  apple() // '안녕'

▷ 실습

• 전화번호로 전송할 때에는 "coolsms-node-sdk"를 사용해서 실습했고,

  import coolsms from "coolsms-node-sdk";

• 이메일로 전송할 때에는 "nodemailer"를 사용해서 실습했다

  import nodemailer from "nodemailer";

오늘의 마무리 👍

---

---

• 복습
• github 공부
• 블로그 포스팅
• 데일리 퀴즈
• 알고리즘 문제 풀기

---

항상 겸손한 자세로 배우면서 성장하자, 할 수 있다!! 💪

---

출처 : 코드캠프