내일 배움 캠프 4기 TIL(22.11.16)

목차

• 개인 프로젝트 (velog 클론코딩)
• 프로그레머스
• SPA
• 데이터베이스

---

개인 프로젝트 (velog 클론코딩)

어제에 이어서 토글 다크모드 버튼과 버튼을 눌렀을때에 fontawesome의 아이콘 변경이다

let el = document.getElementById('icon-sm');

function darkMode(){
  let bd = document.body;
  let el = document.getElementById('icon-sm');
  bd.classList.toggle("dark-mode");
  el.classList.toggle("fa-moon")
}

fa-sun => togle('fa-moon')을 토글하니까 dark mode 일때 달 lite mode 일때 해가 떠서.... 눈물날뻔했다 성공이다!!! 하고 나서 실행 했는데 전체적으로 구조가 잡혀있을떄에는 실행이 안되는거 같아서 왜그런지 보다가 하루가 흘러갔다.하나 끝나고 거대한 문제가 생겨서 일단 해봐야할거같다... 머가문제지....

---

프로그레머스

• 평행

    function solution(dots) {
    const leans = []

    for(let i = 0; i < dots.length; i++) {
        const dotA = dots[i];
        for(let j = i + 1; j < dots.length; j++) {
            const dotB = dots[j]
            const lean = (dotB[1] - dotA[1])  / (dotB[0] - dotA[0])

            if(leans.includes(lean)) return 1
            else leans.push(lean)
        }
    }

    return 0;

• 안전지대

function solution(board) {
  const isBombNearby = (r, c) => {
    const nearby = [
      [-1, -1],
      [-1, 0],
      [-1, 1],
      [0, -1],
      [0, 1],
      [1, -1],
      [1, 0],
      [1, 1],
    ];

    const isInBoard = (r, c) => r >= 0 && r < board.length && c >= 0 && c < board.length;

    return nearby.some(([dR, dC]) => isInBoard(r + dR, c + dC) && board[r + dR][c + dC] === 1);
  };

  let count = 0;

  for (let r = 0; r < board.length; r++) {
    for (let c = 0; c < board.length; c++) {
      if (board[r][c] !== 1 && !isBombNearby(r, c)) count += 1;
    }
  }
  return count;
}

오늘 두문제는 손도 못대보고 못풀었다...코드도 보는데 좀 이해가 안되는거 같아서 코드좀 뜯어보면서
이해 해봐야할거 같다

---

SPA

데이터베이스

오늘은 두가지 강의를 들었는데 그냥 쓱 들어서 데이터 베이스는 이해가 되는데 spa 는 한번더 봐야할거 같다