Homile

원티드 프론트엔드 인턴십을 진행중에 커리어 챌린지도 들어야 하는 2주차였고, 화요일, 수요일 총 이틀을 진행했다. 👀 커리어 챌린지 현직자 QnA (22.12.27(화)) 큰 파트로 2개정도 말씀해주셨다. 이력서를 작성하기 전에 알아야 할 것과 취업준비를 하면서 공부하는 방법에 대해서 설명해주셨다. 이력서를 작성하기전에는 나의 장점이 무엇인지를 정확하게 파악하고 작성하는 것이 중요하다고 했다. 그래야 면접에 갔을 때도 나에대해 숨김없이 잘 나타낼 수 있다고 했다. 취준하면서 공부하는 방법에는 온라인 강의, 개발 서적, 사이드 프로젝트 등 많은 방법이 있지만 혼자진행하는 것보다는 같이 진행하는 것이 좋다고 하셨다. 이유는 혼자 하게되면 잘하고 있는지도 잘 모를 뿐더러 결국 현업에 가게 된다면 협업을 진행해..

📗 오늘 한 일 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를 사용해..

✍ 회고 오늘은 배포 자동화에 대해서 세션을 진행해주셨다. AWS S3를 항상 build 파일을 생성하여 수동적으로 올려줬었고, 이전에 진행했던 프로젝트에서도 적용해보려 했지만 실패했다. (FE / BE가 같은 레포를 써서 그럴수도 있다고 생각은 든다.) Github -> Github Actions -> AWS S3를 사용해서 배포를 진행하는 과정을 세션에서 직접해주셨고, 라이브 세션이 끝나고 개인적으로 진행을 해봤는데 잘 됐다. vercel, netlify 등 배포 자동화를 진행해주는 과정이 어떻게 되는지 정확히 알 수 있는 날이었다. 팀 과제 주간 회고 화 ~ 금요일까지 진행한 팀 과제 회고 (제출링크) 처음엔 어떻게 하는지 많은 고민을 했지만 팀장님이 잘 이끌어 주셔서 꽤 만족할 만한 결과가 나왔다..

📗 오늘 한 일 원티드 프리온보딩 프론트엔드 과정 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를 선정하여 ..