Daily/Today I Learned 155

22.12.13_TIL

📗 오늘 한 일 알고리즘 문제풀이 (프로그래머스 1문제) [level1]가장 가까운 같은 글자 문자열 s가 주어졌을 때, s의 각 위치마다 자신보다 앞에 나왔으면서 자신과 가장 가까운 곳에 있는 글자가 어디있는지 알아내는 문제이다. 이 문제를 보자마자 풀어봤는데 10분도채 걸리지 않았던 것 같다. 배열에 나왔던 문자들을 넣어주고 lastIndexOf로 문자들이 있는지 판별한 후 계산을 하는 문제였다. [level2][1차] 캐시 LRU(Least Recently Used) 캐시 교체 알고리즘을 알고 있다면 풀 수 있는 문제이다. 스택과 큐 자료구조를 사용하여 해결할 수 있었다. [level2] 행렬의 곱셈 행렬의 곱을 어떻게 하는지 알고 있다면 풀 수 있는 문제이다. 오랜만에 행렬의 곱을 하려니 난감했지..

22.12.12_TIL

📗 오늘 한 일 면접준비 원티드 면접 제안 수락에 따른 면접 대비 이력서 검토 및 수정 프로젝트 관련 면접 질문 왜 React를 사용했나요? 채팅은 어떤 것을 사용했나요?(Stomp사용) Redux를 어떤 방식에 사용했나요? TypeScript를 사용하지 않은 이유? 협업 하면서 힘들었던점? 필터와 페이지네이션을 어떻게 구성했는지? 최적화는 해봤는지? Javascript 알고리즘 스터디 (21:00 ~ 22:00) 문제 풀이 해설 [level1] 문자열 나누기 [level2] 멀리 뛰기 [level2] H-Index 이번주 문제 선정 (3문제) [level1] 가장 가까운 같은 글자 [level2] [1차] 캐시 [level2] 행렬의 곱셈 원티드 프리온보딩 프론트엔드 사전과제 제출 및 리팩토링 inpu..

22.12.11_TIL

📗 오늘 한 일 면접준비 면접 제안 수락에 따른 면접 대비 JavaScript React HTML/CSS CS 일반면접 프로젝트 관련 예상 질문 리스트 작성 Next.js 학습 (Udemy section5 완료) CSR 데이터 패칭하기 useSWR 사용하기 SSR 방식과 CSR 방식 결합하기 ✍ Diary 제안서를 조금 늦게봐서 면접 날짜를 잡아주실지 잘 모르겠지만 그래도 면접날에 당황하지 않기 위해 내가할 수 있는 최대한의 노력을 해야겠다. NextJS에 시간을 많이 쏟았을 수 있다는 생각이 들어서 프로젝트를 하는 섹션은 건너뛰고 학습할 수 있는 내용을 다 학습한뒤 프로젝트를 구현하는 시간을 가져야겠다. 과제, 코테등을 보느라 미뤄뒀던 포트폴리오 제작도 다시 시작해야겠다.

22.12.10_TIL

📗 오늘 한 일 면접준비 면접 제안 수락에 따른 면접 대비 JavaScript React HTML/CSS CS Project 일반면접 Next.js 학습 (Udemy section5) 대체 페이지 & Not Found 페이지 서버 사이드 렌더링(SSR)을 위한 getServerSideProps란? getServerSideProps 사용하기 getServerSideProps 동작과정 원티드 프리온보딩 프론트엔드 사전과제 버그 수정 이메일/비밀번호 유효성 검사 시 하나만 통과해도 전송 버튼이 활성화 되는 버그 확인 유효성 검사를 두개 다 통과가 될 경우로 바꾼다 ✍ Diary 9일에서 10일로 넘어오는 새벽에 구글 메일을 들어가보니 원티드에서 메일이 하나 와있었다….! 그것은 어느 회사에서 내가 공개해 둔 ..

22.12.09_TIL

📗 오늘 한 일 Next.js 학습 (Udemy section5) getStaticPaths? getStaticPaths 사용하기 getStaticPaths 동작 과정 대체 페이지 작업하기 동적 경로 로딩하기 원티드 프리온보딩 프론트엔드 사전과제 제출 및 리팩토링 Todo List api호출 함수 파일 분리 Todo List props.으로 받은 코드 구조분해할당 props로 변경 ✍ Diary 원티드 프리온보딩 프론트엔드 사전과제를 하면서 페이지별로 Branch를 나눠서 작업도 해보고 파일 분리도 생각하고 작업하다보니 재미있었다. 오류와 UX까지 생각하면서 리팩토링을 진행해봐야겠다.

22.12.08_TIL

📗 오늘 한 일 원티드 프리온보딩 프론트엔드 사전과제 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에..

22.12.07_TIL

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

22.12.06_TIL

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

22.12.05_TIL

📗 오늘 한 일 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 방식..

22.12.04_TIL

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