Homile

채용 설명회 총 4개의 기업에서 채용설명회를 진행했는데 정작 프론트엔드를 뽑는 기업은 위메이드 밖에 없었다는 생각이 드는 설명회였다. 나름 채용설명회라해서 기대를 했었지만 17일은 두 개의 기업 모두 프론트엔드를 뽑지 않는 채용회여서 너무 아쉬움이 많았다. 회사에 대해서 알 수 있다는 것은 좋지만 미리 언급을 해줬으면 어떤지 생각이 드는 시간이었다. 이력서코칭 이력서 코칭은 2주차에 진행했던 커리어 코칭의 내용과 매우 흡사했다. 중복되는 자료도 있을 거라 생각하여 많이 바꿔오셨다고는 했지만 이력서 코칭은 내용이 거의 다 비슷한 내용같다. 하지만, 이력서 코칭을 들으면서 내 이력서를 다시 돌아볼 수 있는 시간이 되는 것은 좋은 것 같다.

오늘은 Jest를 사용해서 프론트엔드 단에서 테스트를 하는 방법에 대해서 학습했다. 사실 이전에 학습을 해보고 조금 작성도 해봤지만 테스트를 언제, 어떻게 작성해야 하는지에 대한 고민이 항상 있었다. 이를 해결할 수 있는 시간이라고 생각된다. 📝 강의내용 소프트웨어 테스트란? 소프트웨어가 의도한대로 동작하는지를 테스트하는 것이다. 소프트웨어를 통해서 테스트를 하면 얻을 수 있는 이점 사람이 테스트를 실행하는 것보다 빠르다. 정해진 스크립트에 따라 일관성있게 동작하기에 사람이 테스트 할 경우 발생할 수 있는 휴먼 에러를 피할수 있다. 테스트에는 크게 3가지로 유닛, 통합, E2E 테스트가 있다. 유닛 테스트 테스트중에서 가장 작은 범위를 테스트한다. 개별 함수, 메서드, 클래스, 컴포넌트 등의 동작을 테스..

오늘은 리덕스와 리덕스 미들웨어에 대해서 설명해주셨다. 프론트엔드 개발하게 된다면 뗄 수 없는 것이 전역 상태 관리다. 이것을 쉽게 해주기 위해서 React에서는 ContextAPI를 사용하기도 하지만 보통은 Redux를 사용하여 전역 상태를 개발을 한다. 전역 상태 관리 라이브러리는 mobX, redux, recoil, zustand 등 다양한 것이 있지만 내가 생각했을 때는 Redux-Toolkit까지 사용하게 된다면 코드의 직관성을 조금 더 높일 수 있을 것 같아서 보통 작업을 할 때는 Redux-Toolkit을 사용하고 있었다. 이번 강의에서는 Redux에 middleware를 사용하는 방법에 대해서 학습했다. 📝 강의내용 Redux를 학습하기 저에 디자인 패턴에 대해서 학습했다. MVC 패턴 이..

오늘은 과제리뷰와 타입스크립트에 대해서 강의를 해주셨다. 타입 스크립트는 꽤 전부터 사용하고 있었지만 어떻게 사용해야 잘 사용하는 것인가에 대해 코드도 많이 찾아보고 자료도 찾아봤지만 현직자가 직접 강의 해주는 것이 훨씬 이해하기 좋았다. (블로그엔 내용이 너무 천차만별... 강의보는 것이 좋긴하다...) 📝 강의 내용 타입스크립트란 무엇인가? 타입스크립트는 자바스크립트에 타입 문법을 추가해서 만든 슈퍼셋이다. 슈퍼셋은 기존 자바스크립트에다가 추가적인 기능을 추가했다는 의미이다. 타입스크립트는 자바스크립트와 달리 브라우저에서 실행하려면 파일을 변환해주어야 한다. 이과정을 컴파일이라고 한다. 타입스크립트를 왜 써야하는가? 자바스크립트 코드의 품질과 개발 생산선을 높일 수 있다. 프로젝트를 실행하기 전에 에..

오늘은 지난 주에 커리어 챌린지 특강을 들었기 때문에 과제가 없어서 과제리뷰는 하지 않고 바로 강의를 진행하셨다. 강의 내용은 관심사의 분리와 SRP, Custom Hook, 횡단관심사, 의존성에 대해서 강의해주셨다. 관심사 분리는 부트캠프당시 디자인 패턴에 대해 알아보던중 스터디원 분이 알려주셔서 어느정도 알고는 있었지만 자세히는 모를 수 있다고 생각하여 집중해서 들었다. Custom Hook도 학습도 했었고, 실제 사용도 몇번 해봤지만 이게 맞는가에 대한 의구심이 많이 있었는데 해당 강의를 통해 해결 할 수 있었다. 📝 강의 내용 관심사 분리 관심사는 하나의 모듈이 수행하고자 하는 목적이다. 관심사의 분리는 각 모듈들이 한번에 여러 관심사를 처리하려고 하지 않고, 하나의 관심사만 처리하도록 분리하는 ..

📌 과제리뷰 지난번 과제인 Todo List 프로젝트에 대한 리뷰를 해주셨다. 총 12팀에 대한 코드를 보시고 좋지 않는 코드들을 가져와서 리뷰해주시기 때문에 전체 팀에 대한 피드백이라고 한다. 피드백 내용 불필요 파일들 삭제 사용하지 않는 변수, import 제거 상수화를 활용한 가독성, 유지보수성 향상 // 상수화X type RegisterMode = 'signUp' | 'signIn'; const [mode, setMode] = useState('sign_in'); // 상수화O const SIGN_IN = "SIGN_IN"; const SIGN_UP = "SIGN_UP"; type RegisterMode = typeof SIGN_IN | typeof SIGN_UP const [mode, setMo..

원티드 프론트엔드 인턴십을 진행중에 커리어 챌린지도 들어야 하는 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이 나와서 간단하게 풀고 하루를 시작했다. 이력서를 제출하기 전 회사에 대해 분석하고 그에 맞게 이력서를 준비하는 과정을 진행했다.