Homile

📗 오늘 한 일 원티드 프리온보딩 프론트엔드 사전과제 Todo List 기능 수정 (실시간 랜더링, 완료여부) 로그인/회원가입 화면 디자인 Todo List 디자인 Netlify 배포 빌드오류 (참고자료) https://kimcomdong.tistory.com/entry/Deploy우여곡절-많은-React-netlify-배포-Page-Not-Found-와-Deploy-Failed의-향연 Github 릴리즈 생성 README 수정 원티드 프리온보딩 프론트엔드 숏에세이 작성 ✍ Diary 어제 구현하던 사전과제를 오늘 끝냈다. (1차배포) 사실 아직도 파일을 보면 조금 급하게 하느라 코드가 지저분한 곳이 많은데 이것을 정리할 예정이다. Components 분리와 api 통신 함수 분리 등을 하면 pages에..

📗 오늘 한 일 알고리즘 문제풀이 (프로그래머스 2문제) [Level1] 문자열 나누기 처음 나온 문자의 갯수와 다른 문자의 갯수가 같아질 때 문자열을 나눠주는 문제이다. [Level2] 멀리 뛰기 다이나믹 동적 프로그래밍을 이용하여 푸는 문제이다 (ex.피보나치 수열 문제) Next.js 학습 (Udemy section5) 페이지 사전 렌더링/데이터 패칭 학습 (preRendering) getStaticProps 추가하기 서버 사이드 코드 실행하기 / Filesystem (FS모듈)사용하기 SSR 동작 방식 이해하기 증분 정적 생성(ISR) 활용하기 ISR 방식 이해하기 getStaticProps 구성옵션 살펴보기 원티드 프리온보딩 프론트엔드 사전과제 원티드라는 개발자 취업 사이트에서 프리온보딩을 하는..

📗 오늘 한 일 알고리즘 문제풀이 (프로그래머스 1문제) [Level2] H-Index H-Index를 찾는 공식을 코드를 작성하면 된다. 내림차순으로 정렬한 배열을 인덱스번호+1보다 크거나 같다면 인용되었다고 판단하여 count를 1씩 증가하면 된다. Next.js 학습 (Udemy section5) 페이지 사전 렌더링/데이터 패칭 학습 (preRendering) getStaticProps 함수를 사용하여 사전 렌더링하기 ✍ Diary 오늘은 약속이 있어서 오래 공부를 하지는 못했다. (╰(*°▽°*)╯) 간단하게 알고리즘 스터디에서 정한 문제를 1문제를 해결하고, 약속을 다녀와서 NextJS를 조금 학습했다.

📗 오늘 한 일 Javascript 알고리즘 스터디 (21:00 ~ 22:00) 문제 풀이 해설 [level1] 명예의 전당(1) [level2] 예상 대진표 [level2] 점프와 순간 이동 이번주 문제 선정 (3문제) [level1] 문자열 나누기 [level2] 멀리 뛰기 [level2] H-Index Next.js 학습 (Udemy section5) 페이지 사전 렌더링/데이터 패칭 학습 (preRendering) 기존 React의 문제점 NextJS가 사전 렌더링 하는 방식 getStaticProps 함수란? 페이지 콘텐츠가 외부 데이터에 연동되는 함수 이력서 사진 촬영 및 이력서 수정 ✍ Diary 역시 프로그래머스가 문제를 풀기에 너무 편하다... 진짜루..! NextJS의 장점인 SSR 방식..

📗 오늘 한 일 Next.js 학습 (Udemy) 파일기반 라우팅 프로젝트 (섹션4 종료) event detail 파일추가 및 동적 라우트 설정 nav 구현 event list 기능 구현 필터기능 구현 중첩 동적 경로 필터 구현 커스텀 404페이지 구현 ✍ Diary Next를 학습하는데 파일 기반 라우팅 프로젝트를 강의를 보고 다시한번 보는데 코드가 상당히 좋다고 생각해서 따라서 작성해보면서 코드를 하나하나 뜯어보고 폴더 및 파일 구조에 대해서 학습하게 되었다. 단순 Next와 React, JS만 코드가 좋은 것이 아니라 나에게 부족했던 반응형 디자인에 대해서도 알려주진 않았지만 코드를 분석해서 나의 것으로 습득했기에 다음에 구현하게 된다면 반응형을 더 잘할 수 있을 것 같다.

📗 오늘 한 일 알고리즘 문제풀이 (백준 문제) [2738번] 행렬 덧셈 2차원 배열을 각각의 x와 y좌표에 맞게 행렬끼리 덧셈을 해주면 된다. Next.js 학습 (Udemy) 파일기반 라우팅 프로젝트 event 카드 컴포넌트 생성 EventItem 구현 EventList 구현 카드 버튼 UI 추가 카드 아이콘 추가 ✍ Diary 백준을 오랜만에 풀었는데 Node.js로 풀어야해서 input을 받는 방법을 다시 확인하고 푸느라 조금 시간이 걸렸다. 앞으로는 알고리즘은 하루 한 문제만 풀고 면접과 프로젝트, 강의에 시간을 더 투자하려한다.

📗 오늘 한 일 알고리즘 문제풀이 (리트코드 1문제) [easy] Summary Ranges 간단하게 stack 자료구조를 생각해서 풀면 쉽게 풀 수 있는 문제였다. Next.js 학습 (Udemy) 섹션4를 강의를 학습하기 전에 구현된 화면을 보고 미리 파일 기반 라우팅을 직접 구현해보고, 강의를 듣고 나의 코드와 강의의 코드를 보고 어떤것이 부족했는지 알게 되었다. 강의내용 파일 기반 라우팅 프로젝트 생성 페이지 생성 라우팅 설정 동적 경로 설정 Catch All Router 방식 설정 더미데이터 추가 나만의 포트폴리오 제작기 진행한 프로젝트 데이터 추가 ✍ Diary 리트코드를 풀다보니 확실히 프로그래머스와 백준에서 나오는 문제와는 다르다는 것을 느끼게 되었다. 초반에는 비슷한 문제들이었는데 뒤로 ..

📗 오늘 한 일 알고리즘 문제풀이 (리트코드 3문제) [easy] Reverse Bits 주어진 정수를 가지고 이진법으로 변경하여 거꾸로 된 값을 찾아서 32bit 정수로 반환하는 문제이다. 비트 관련 문제는 프로그래머스, 백준에서는 거의 보지 못한 문제였어서 split, reverse, join 등과 같은 메서드를 사용해서 풀으려 했으나 실패했고, 찾아 본 결과 비트연산자를 사용해서 풀어야하는 문제였다... [easy] Number of 1 Bits 부호가 없는 0과 1로 이루저진 정수를 받아서 비트 1의 개수를 출력하는 문제이다. 처음엔 단순하게 filter를 사용해서 해결하려 했으나 들어오는 수가 정수였고 0으로 시작하는 비트 정수가 존재했기에 toString으로 2진수로 변환하고, split으로 ..

📗 오늘 한 일 Javascript 알고리즘 스터디 문제풀이 [Level1]명예의 전당(1) 자료구조 스택을 사용하여 풀면 쉽게 풀리는 문제였다. 명예의 전당에 k만큼 수가 차는지 확인하고, k만큼 차지 않았다면 push로 스택에 채워주고 Math.min을 사용하여 스택에 담긴 정수중 가장 낮은 점수를 추출하면 된다. k만큼 명예의 전당이 찼을 경우 내림차순으로 정렬하여 k-1번째의 값을 뽑아내면 명예의 전당에 올라간 점수중 가장 낮은 점수를 추출하게 된다. 위의 내용은 문제에 나와있는 그림과는 다른 풀이였다. 계속 스택에 쌓기만하고 제거하진 않아서 후에 메모리문제가 생길 수도 있다고 생각하여 문제에 나와있는 것과 동일하게 push & pop을 사용하여 다시 풀었더니 score의 길이가 적을 경우는 속도..

📗 오늘 한 일 알고리즘 문제풀이 (리트코드 4문제) [easy] single number 정수가 들어있는 배열에서 유일하게 존재하는 수 찾기 배열을 정렬해서 현재 값과 이전값 이후 값이 같은 지 판별하여 같지 않다면 유일한 수 이므로 반환한다. bit를 사용해서 XOR로 연산하여 푸는 방법도 있다.(x^=y) [easy] Excel Sheet Column Title 정수를 입력받아 A~ZZ 까지 엑셀시트 알파벳을 반환하는 문제 charCodeAt과 String.fromCharCode를 사용하여 풀었다. (아스키코드 사용) [easy] Majority Element 2개의 정수로 이루어진 배열중 가장 많이 나온 수를 반환하는 문제 정렬하여 배열의 길이가 짝수일 경우 중앙에 나오는 값을 반환, 아닐경우 중..