Homile

📗 오늘 한 일

알고리즘 문제풀이 (프로그래머스 2문제)

• [Level1] 문자열 나누기
  • 처음 나온 문자의 갯수와 다른 문자의 갯수가 같아질 때 문자열을 나눠주는 문제이다.
• [Level2] 멀리 뛰기
  • 다이나믹 동적 프로그래밍을 이용하여 푸는 문제이다 (ex.피보나치 수열 문제)

Next.js 학습 (Udemy section5)

• 페이지 사전 렌더링/데이터 패칭 학습 (preRendering)
  • getStaticProps 추가하기
  • 서버 사이드 코드 실행하기 / Filesystem (FS모듈)사용하기
  • SSR 동작 방식 이해하기
  • 증분 정적 생성(ISR) 활용하기
  • ISR 방식 이해하기
  • getStaticProps 구성옵션 살펴보기

원티드 프리온보딩 프론트엔드 사전과제

• 원티드라는 개발자 취업 사이트에서 프리온보딩을 하는데 이것을 참여하기 위해서는 기본적인 실력을 판단하기 위한 수단으로 사전과제를 제시했다.
• 가산점을 얻기위해서는 7일(오늘)까지 제출을 해야했지만 고민하다가 오늘 시작해서 가산점 1점은 얻지 못했다.
• 그래도 기능적인 구현은 다했지만 조금씩 놓쳤던 부분이 있었기 때문에 만족할 만한 기능구현이 아니라는 생각이들어 가산점 1점은 포기하고, 기능을 완벽에 가깝게 구현해서 제출하는 것이 더 의미있다고 생각하여 내일 조금 더 구현할 생각이다. (디자인도 해야한다...)

✍ Diary

📗 오늘 한 일

알고리즘 문제풀이 (프로그래머스 1문제)

• [Level2] H-Index
  
  • H-Index를 찾는 공식을 코드를 작성하면 된다.
    내림차순으로 정렬한 배열을 인덱스번호+1보다 크거나 같다면 인용되었다고 판단하여 count를 1씩 증가하면 된다.

Next.js 학습 (Udemy section5)

• 페이지 사전 렌더링/데이터 패칭 학습 (preRendering)
  • getStaticProps 함수를 사용하여 사전 렌더링하기

✍ Diary

📗 오늘 한 일

Javascript 알고리즘 스터디 (21:00 ~ 22:00)

• 문제 풀이 해설
  • [level1] 명예의 전당(1)
  • [level2] 예상 대진표
  • [level2] 점프와 순간 이동
• 이번주 문제 선정 (3문제)
  • [level1] 문자열 나누기
  • [level2] 멀리 뛰기
  • [level2] H-Index

Next.js 학습 (Udemy section5)

• 페이지 사전 렌더링/데이터 패칭 학습 (preRendering)
  
  • 기존 React의 문제점
  • NextJS가 사전 렌더링 하는 방식
  • getStaticProps 함수란?
    • 페이지 콘텐츠가 외부 데이터에 연동되는 함수

이력서 사진 촬영 및 이력서 수정

✍ Diary

📗 오늘 한 일

Next.js 학습 (Udemy)

• 파일기반 라우팅 프로젝트 (섹션4 종료)
  • event detail 파일추가 및 동적 라우트 설정
  • nav 구현
  • event list 기능 구현
  • 필터기능 구현
    • 중첩 동적 경로 필터 구현
  • 커스텀 404페이지 구현

✍ Diary

📗 오늘 한 일

알고리즘 문제풀이 (백준 문제)

• [2738번] 행렬 덧셈
  • 2차원 배열을 각각의 x와 y좌표에 맞게 행렬끼리 덧셈을 해주면 된다.

Next.js 학습 (Udemy)

• 파일기반 라우팅 프로젝트
  • event 카드 컴포넌트 생성
  • EventItem 구현
  • EventList 구현
  • 카드 버튼 UI 추가
  • 카드 아이콘 추가

✍ Diary

📗 오늘 한 일

알고리즘 문제풀이 (리트코드 1문제)

• [easy] Summary Ranges
  • 간단하게 stack 자료구조를 생각해서 풀면 쉽게 풀 수 있는 문제였다.

Next.js 학습 (Udemy)

• 섹션4를 강의를 학습하기 전에 구현된 화면을 보고 미리 파일 기반 라우팅을 직접 구현해보고, 강의를 듣고 나의 코드와 강의의 코드를 보고 어떤것이 부족했는지 알게 되었다.
• 강의내용
  • 파일 기반 라우팅 프로젝트 생성
  • 페이지 생성
  • 라우팅 설정
  • 동적 경로 설정
  • Catch All Router 방식 설정
  • 더미데이터 추가

나만의 포트폴리오 제작기

• 진행한 프로젝트 데이터 추가

✍ Diary