Homile

📗 오늘 한 일 HackerRank 코딩테스트 진행 (13:20 ~ 17:20) 코딩테스트 진행 (240분 / 5문제) 원티드 프리온보딩 커리어 챌린지 이력서 부분 (20:00 ~ 21:50) 이력서 작성시 중요사항 이력서를 제출할 때 해야할 것 MERN 스택을 활용한 게임 커뮤니티 사이트 구현 NodeJS, mongoDB, Express, React, Firebase 사용 React 기초 세팅 ✍ Diary 코딩테스트는 나름 조금만 열심히 했다면 풀 수 있는 문제가 4문제 였고, 프로그래머스 기준 2~3단계 수준에 해당하는 BFS 문제가 나왔는데 BFS 문제는 아직 JS로 풀기에는 어려움이 있었다. 게임 커뮤니티 사이트를 혼자 MERN 스택으로 개발하게 된 이유는 프론트엔드 개발자가 가장 쉽게 풀 스택..

📗 오늘 한 일 프로그래머스 스킬체크 1단계 합격 항상 봐볼까 하다가 이번에 처음 봤는데 어렵지 않았다. 상세한 내용은 올릴 수 없어서 합격 화면만 올려본다. 다음엔 2단계를 해봐야겠다. HackerRank 문제풀이 (15문제) 원티드 서류 합격에 따른 코딩 테스트 준비 HackerRank는 처음이었는데 다 영어로 작성되어 있지만 나름 해석해서 풀만했다. 프로그래머스, 백준, 리트코드에서 풀었던과는 조금 다른형식으로 진행된다. 나에게 넘어오는 코드가 어떤 식으로 input이 전달되는지 알 수 있었고, 제출시 return이 아닌 process.stdout.write()와 같은 형식으로 제출을 해야하는 경우도 있었다. GCD(유클리드호제법), LCM, DP, 경우의 수(중복, 수열), DFS, BFS, 다익..

📗 오늘 한 일 JavaScript 알고리즘 문제풀이 (프로그래머스 1문제) [Level1] 크기가 작은 부분문자열 문제 풀이 완료 (🔗 Github) arr의 길이만큼 반복문을 실행해서 p보다 작거나 같은 수인지 판별하여 Count하면 되는 쉬운 문제였다. 회사 분석, 이력서 수정 및 제출 가고 싶은 회사에 대한 분석 기술스택, 문화, 복지, 기술 블로그 확인 NextJS 강의 API Route SSR 코드 추가 API Route 요청 전송하기 ✍ Diary 요즘 알고리즘을 안풀고 있던 것 같은데 오늘 마침 Level1이 나와서 간단하게 풀고 하루를 시작했다. 이력서를 제출하기 전 회사에 대해 분석하고 그에 맞게 이력서를 준비하는 과정을 진행했다.

📗 오늘 한 일 NextJS 강의 API Route? NextJS의 장점 중 하나인 API Route 기능을 통해 API endpoint를 클라이언트 코드와 함께 작성할 수 있다. 엔드포인트를 사용해 REST API와 같은 API를 NextJS 앱에 포함함으로써 endpoint를 통해 여러 가지 HTTP 요청을 받을 수 있게 해주는 역할을 한다. pages 폴더 내에 api 폴더를 생성한다. api 폴더 내에 있는 파일은 React 컴포넌트로 내보내지 않는다. 웹 페이지에 방문한 사람들에게는 보이지 않는다. getStaticProps, getServerSideProps와 같다. SSR Route ✍ Diary NextJS에서 사용하는 API Route에 대해서 간단하게 학습했다. 앞으로 Next를 사용해..

📗 오늘 한 일 원티드 프리온보딩 프론트엔드 과정 1주차 과제 제출 전 최종 버그 수정 및 배포 점검 (제출 링크) 온 프레미스와 클라우드, AWS, AWS S3 온 프레미스는 내가 관리할 수 있는 컴퓨터에 저장하기 때문에 클라우드를 사용한 방식보다 보안성이 좋다. S3 - 정적 웹 사이트 CRA CI/CD Github Actions Deploy error 401 unauthorized - 인증 오류 403 Forbidden - 접근 거부 404 Not Found - 경로, 파일 없음 Github → Github Actions → AWS S3 배포자동화 실시 React Test Code 맛보기 VSCode git 되돌리기 오류 (한글경로 오류) VSCode에서 파일의 변화가 일어나면 GUI를 사용한 gi..

📗 오늘 한 일 원티드 프리온보딩 프론트엔드 과정 (8기 11팀) 로그인/회원가입 페이지 Best Practice 기능 구현 VSCode Live Share, Discord 화면공유를 통해 진행 이력서 수정 다양한 이력서를 보며 간소화 및 자기소개 수정 이력서에 제출한 프로젝트 README 수정 팀원 구성 및 깃 컨벤션 수정 시연영상 gif 첨부 ✍ Diary 어제 선정한 Best Practice를 기반으로 다시 팀 레포지토리에 작업하는 일을 시작했다. TypeScript, React를 사용해 진행했으며, 페어프로그래밍 방식으로 라이브코딩을 하며 진행했다. 원티드 과정을 같이 하면서 이력서를 제출했었을 때, 이력서가 통과가 잘 되지 않아서 다양한 이력서를 보며 나의 문제점이 무엇인가 찾아보며 수정을 진행..

📗 오늘 한 일 원티드 프리온보딩 프론트엔드 과정 (8기 11팀) Best Practice 선정을 위한 각자 코드 발표 깃헙 레포지토리 생성 및 프리티어, 린트설정 각자가 생각하는 팀원 Best Practice 선정 내가 제출한 사전과제 오류 발견 회원가입 후 로그인 탭으로 넘어가지지 않는 버그 발생 Netlify로 배포한 페이지에서 리다이렉팅 시 에러 발생 public폴더 내 _redirects 파일 생성 파일 내용 : /* /index.html 200 리다이렉트시 index.html 참고한다는 뜻 참고자료: https://soso-cod3v.tistory.com/142 API 호출 실패에 따른 Error 메시지 추가할 것. 이력서 수정 ✍ Diary 각자 선정해온 자신의 좋았던, 어려웠던 부분에 대해..

📗 오늘 한 일 원티드 프리온보딩 프론트엔드 과정 (14:00 ~ 17:30) Git & Github, Git hook ESLint, Prettier, husky 1주차 멘토 과제팀 구성 (8기 / 11팀 - 8명) 사전 과제 Best Practice 코드 선정 후 1개의 레포지토리로 제출 Github 그룹 생성 → Repository 생성 ESLint, Prettier, husky 설정 Git 컨벤션 규칙 선정 다음 회의까지 자신이 생각하는 좋았던 코드 및 어려웠던 부분 설명 준비 내가 제출한 사전과제 리팩토링 진행 Record-Color (팀 프로젝트) Github 그룹 생성 → Repository 생성 ✍ Diary 팀 프로젝트가 아닌 개인으로 만든 프로젝트에서 Best Practice를 선정하여 ..

📗 오늘 한 일 이력서 수정 나만의 포트폴리오 사이트 프로젝트 추가 나만의 포트폴리오 사이트 반응형 디자인 수정 React-Query 복습 React-Query를 사용하는 이유 React-Query의 장점 React-Query 사용방법 원티드 프리온보딩 프론트엔드 과정 오리엔테이션 진행 과정이 어떻게 진행되는가? 화, 금 오후 2시~5시 세션진행 후 과제 개별진행 기업과제는 몇개인가? 주당 1개씩 나올 예정 (약 5개) 팀원은 어떻게 결정되는가? 원티드 멘토에 따라 랜덤으로 결정된다. 팀 선정 후 어떻게 진행되는가? 선정후 각자 과제를 진행하며 베스트 코드를 선정하는 방식 Next.js 팀 프로젝트 프로젝트 기획 검토 사용 스택 TypeScript, Next, React-Query, Redux-toolk..

이번 TIL은 주간으로 작성하려 한다. 백업을 위해 노트에 적은 것을 노션으로 옮기고 마지막에 블로그에 작성하는 형식으로 진행하는데 한주간 바쁜 일이 있었기 때문에 이번에만 몰아서 작성하려 한다....! (반복적인 내용이 가끔 있기도 한다...) 다음부턴 다시 꾸준히 작성해야겠다. 목차 1. 22.12.14_TIL 2. 22.12.15_TIL 3. 22.12.16~17_TIL 4. 22.12.18_TIL 📗 오늘 한 일 (22.12.14) Next.js 학습 (Udemy section7~8) Next.js 최적화 api route 설정 원티드 이력서 제출(1개) 면접준비 ✍ Diary 이력서를 열람하고 면접을 제안해주었던 곳에서 연락이 오지않아서 마냥 기다릴 수 없기때문에 이력서를 다시 제출하기 시작했다..