호박고구마

https://www.acmicpc.net/problem/1159

const [count, ...names] = require("fs")
  .readFileSync("/dev/stdin")
  .toString()
  .split("\n");
const firstnames = [...new Set(names.map((name) => name[0]))];

const results = [];
for (let firstname of firstnames) {
  let count = 0;
  for (let name of names) {
    if (name[0] === firstname) {
      ++count;
    }
  }
  if (count >= 5) {
    results.push(firstname);
  }
}

results.sort();
console.log(results.length === 0 ? "PREDAJA" : results.join(""));

과일 장수 

https://school.programmers.co.kr/learn/courses/30/lessons/135808

function getMaxProfit(k, m, score) {
  let profit = 0;
  score.sort((a, b) => b - a);
  for (let i = 0; i < parseInt(score.length / m); i++) {
    const sliced = score.slice(m * i, m * (i + 1));
    const min = searchMin(sliced);
    profit += min * 1 * m;
  }
  return profit;
}

function searchMin(score) {
  if (score.length === 0) {
    return 0;
  }
  let min = score[0];
  score.forEach((s) => {
    if (min >= s) {
      min = s;
    }
  });

  return min;
}

function solution(k, m, score) {
  const answer = getMaxProfit(k, m, score);
  return answer;
}

오늘 한 일 

→ React를 망고플레이트 클론코딩

• Food Detail 진행
• Recoil

세부사항 & 느낀 점

요즘에 자꾸 회고록 쓴다는 것을 자꾸 미루게 되었다.. 앞으로 다시 다짐을 하고 회고록을 써야겠다.

최근에 Udemy 강의를 보면서 망고플레이트를 지속적으로 클론코딩 하고있는데, 너무 재밌다.
간단한 메인 페이지만 만들고, 쇼핑몰을 만들려했는데 다시 고민중이다.

그리고 노마크코더에서 배운 Recoil을 요즘 써보고 있는데 너무 신세계다. props의 의존관계가 약해져서 너무나 편하게 쓰고있다.
요번 망고플레이트를 만들면서 Recoil를 간단하게 써봤는데, 아주 편리하고 좋은 상태관리 라이브러리 인거같다.

아직 망고플레이트는 Detail 진행중이지만 너무 재밌게 만들고 있다.

따로 백엔드까지 구축하면 너무 오래걸릴거같아서, 더미 파일을 만들어서 사용했는데.. 이미지가 중복이 많다.. ㅜㅜ

오늘 한 일 

→ React를 활용한 망고 플레이트 진행

• home page 구현 진행중
• useScroll, useEffect 사용하여, Navbar 반응형으로 만들기
  
  

세부사항 & 느낀 점

전반적으로 grid 시스템을 활용하여 css 부분적인 요소를 수정하였으며,
useScroll과 useEffect를 활용하여, navbar 부분을 스크롤하다가 지정한 위치가 넘어가면 반응형으로 변경해두었다.

전반적인 useScroll사용법과 이전에 배웠던 useEffect를 사용하면서 어떤식으로 활용해야할지 많이 배웠다.

(사진 1)

(사진 2)

오늘 한 일 

→ React를 망고플레이트 시작

• 메인 루트 페이지(Home) html, css 작업진행
• https://foodish-api.herokuapp.com/
• https://coffee.alexflipnote.dev/

세부사항 & 느낀 점

어제부터 오늘까지 프로젝트 무엇을 진행할까 하다가... 아는 지인의 추천으로 망고플레이트 클론코딩을 시작하게되었다.
백엔드부터 작업을 하면 너무 오래걸릴거같아서, Public api를 찾아 보던중에, 위의 2개 API 사이트를 사용하기로 결정했다.
일단 먼저 CSS작업부터 시작하여서 일단 메인 페이지만 약간 만들었다.

은근히 까다로운게 많아서, 내일도 열심히 만들어야겠다.

<결과물>

오늘 한 일 

→ React를 Dog Web 완성

• tailwindcss를 활용한 반응형 컴포넌트 완성

세부사항 & 느낀 점

어제 오랜만에 친구랑 약속이 있어서 음주를 하는 바람에 상태가 좋지 않아서 따로 많은 공부는 하지 못했다...

그래서 기존에 만들던 Dog 웹 사이트만 따로 완성했고 다른 작업은 진행하지 않았고,
이제 앞으로 뭐를 해야 할지 계획을 좀 정했다. 아직 리덕스를 배우지 않은 상태라..
리덕스를 배울지 아니면 Next js를 공부할지 생각 중이다.

Recoil 공부는 조금 해놓은 상태인데, 워낙 Redux를 많이 사용하는 것 같아서 Redux를 공부해야겠다는 생각이 든다.
조금 더 생각해보고 뭘 공부할지 정해야겠다.

오늘 한 일 

→ React를 Dog Web 프로젝트 진행

• Link, useLocation, useNavigate(useHistory)
• useQuery
• Refatoring
• Tailwindcss를 활용한 Grid 사용 및 반응형 컴포넌트

세부사항 & 느낀 점

어제 프로젝트와 다르게 여러 가지를 추가하였다.
어제는 Basset개들만 불러왔었는데, 이번에는 Afghan, Blood, English,.... 등등
밑의 탭Bar에서, useQuery와 Link와 같은 것을 사용하여, 원하는 개를 선택하면 불러올 수 있도록 해두었다.

그리고 전반적으로 좀 중복 있는 코드들을 리팩터링 진행했고,
tailwindcss를 이용하여 반응형으로 만들어봤다.

거의 다만들어가는데 너무 뿌듯하고, 너무 기분이 좋다.
주말 안에 부족한 거 복습하고, 이번 프로젝트 완성을 해야겠다.

그리고 useQuery, Link, useNavigate와 같은 것에 대해 정리를 따로 해야겠다.

오늘 한 일 

→ React

• React에 Tailwindcss, Styled Components 연동
• framer-motion 라이브러리 사용
• Dog Api 사용하여 간단한 웹사이트 만들어보기

느낀 점

dog api를 사용하여, 아주 간단한 웹사이트를 만들었다. 이 사이트를 만들어본 이유는
react에 tailwindcss, styled components에 대한 테스트를 하기 위함이었고, 아주 간단하게 '개녀석들'이라는 웹페이지를 만들어봤다.
확실히 tailwindcss를 사용하여 css를 꾸미다 보니깐 너무 편했고 좋았다.