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

baesee·2022년 11월 14일

내일배움캠프

목록 보기

13/75

개인 미니프로젝트

조금씩 배운거를 정리 하는 의미로 혼자 velog를 클론 코딩 하고 있다
오늘 한 코드는

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script
      src="https://kit.fontawesome.com/a4c06b86b3.js"
      crossorigin="anonymous"
    ></script>
    <script src="nav.js"></script>
    <link rel="stylesheet" href="nav.css" />
    <title>Document</title>
  </head>
  <body>
    <header>
      <div class="logo"><h2>velog</h2></div>

      <div class="menu">
        <button onclick="darkMode()">
          <a href=""><i id="darkLite" class="fa-solid fa-moon"></i></a>
        </button>

        <div class="prefers-color-scheme">
          <a href=""><i class="fa-solid fa-moon"></i></a>
          <a href=""><i class="fa-solid fa-sun"></i></a>
        </div>

        <div class="my_menue">
          <a href=""><img src="" /></a>
          <a href=""><i class="fa-solid fa-caret-down"></i></a>
        </div>
      </div>
    </header>
  </body>
</html>

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.logo{
    display: flex;
}
.menu{
    display: inherit;
    flex-direction: row;
}


.dark-mode{
    background-color: black;
    color: white;
}


function darkMode(){
    let body = document.body;
    let darkLite = document.getElementById('darkLite')
    body.classList.toggle("dark-mode");
    darkLite.classList
}

상단에 로고와 메뉴 그리고 다크모드까지 구현 했다.내일은 다크모드일때 달모양
라이트모드일때 해를 메뉴에 뜨게 할생각이다 지금도 생각은했는데 잘 안되는거 같아서 내일 해야할거 같다

퍼블리싱 강좌

2-5까지보면서 제일 생각에 남는것은 이미지파일을 한개에 몰아서 넣고
잘라서 이미지를 사용하는게 가장 생각에 남는거 같다.이러면 이미지 불러올때
한번만 불러오면 되서 효율성이 좋아질거 같다 다음에는 이러한 이미지로 실습
해봐야할거같다

알고리즘

https://mine-it-record.tistory.com/533 있는 자료를 보면서 정렬에 대한것을 자세히 보면서 공부하였다.
1. 버블정렬
2. 선택정렬
3. 삽입정렬
이렇게 3가지를 실습해보면서 했는데 sort와의 차이를 잘 모르겠다 내일또 한번 더 해봐야 할거 같다

프로그래머스

function solution(sides) {
  const min = Math.min(...sides);
  const max1 = Math.max(...sides);
  const max2 = min + max1 - 1;
  return max2 - (max1 - min);
}

오늘 가장 눈에 뛰는 코드였다
삼각형의 완성조건 2 문제 였고 Math 함수를 사용하여 min max 값을 구해서
풀었다. 메소드 공부는 정말 좋은 선택이였다고 생각이 들었다.

오늘의 소감문

점점 할게 많아지고 오류도 많이 나고 정상적으로 작동하지 않는 코드가 딱 나오면 머리가 갑자기 띵해지는거 같다... 머리좀 식히면서 해야할거 같다
그리고 맥북 키보드도 좋지만 손목에는 별로인거 같다.그래서 오늘 키보드를 구매했다 후....내일도 열심히 하자!!

baesee

이전 포스트

내일 배움 캠프 React 2주차 WIL

다음 포스트

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