이번주부터 리액트 공부를 시작했다.리액트 영화 웹 만들기부터 시작해서 리액트 마스터 클래스에서 각종 코인의 정보를 제공해주는 앱을 만들었다.리액트 useState와 useEffect의 개념은 많이 반복하다보니 이제 어느정도 이해가 가는 것 같다.상태관리라는 것도 처음
노마드코더 Wetube 클론 강의를 수강 완료하였다. 강의에서 Node.js에서 Express 모듈을 이용해 Backend 구축하는 법과, Pug, Babel, Webpack, SCSS, MongoDB, Multer 등 다양한 모듈 및 기술에 대해 배울 수 있었고, 웹
노마드 코더에서 WebRTC를 이용해 Zoom을 클론하는 강의를 수강하였다. WebSocket, SocketIO, WebRTC에 대해 어떠한 차이가 있는지 배울 수 있었다. 그 중에 WebRTC 기능은 예전부터 궁금했던 기술인데, p2p 기술을 클라이언트 단에서 구현할
저번주는 DFS, BFS를 다루는 알고리즘 문제들을 많이 풀어보았다. 사실 내가 알고리즘을 푸는데 사용하는 Node JS는 알고리즘 문제에 대한 해법, 풀이 방식 등을 찾기 위해 구글링했을 때 나오는 정보가 많이 없고, 풀이를 아예 찾을 수 없는 경우도 있어서 한 문제
일요일 오전과 오후에 각각 2022 썸머코딩과 우아한테크캠프 코테를 보았다. 둘 다 JS로 응시하였는데, 썸머코딩은 3문제 중 1솔브, 우아한테크캠프는 4문제 중 2솔브하였다. 오전에 썸머코딩에서 객체를 정렬하는 문제를 푸는데 헤맸어서 코테가 끝나고 난 뒤 구글링해서
이번주부터 본격적으로 프로그래머스 문제풀이를 시작했다. 이번주만 약 30개 정도 문제를 푼 것 같은데, 확실히 백준이랑은 문제의 느낌이 다르다. 좀더 코테 유형에 가까운 것 같다. 다음 달까지 JS로 프로그래머스 레벨 1,2,3의 모든 문제를 푸는 것을 목표로 열심히
본격적으로 PFL v2.0 개발을 하고 있다. 먼저 개발에 앞서 구현할 기능을 어떻게 나타낼지에 대해 정리하기 위해서 전반적인 화면 UI를 구성해보았다. 앞으로 지속적으로 앱을 개발하여 약 2~3주 안에 핵심 기능을 마무리하고 싶다.PFL 화면을 구성하기 위해 여러가지
지난 주에는 express 서버, 각종 Router 및 Controller, mongoose 등을 구현하였다. Router와 Controller를 구현하는 과정에서 전반적인 프로그램의 동작 방식이 확고히 정해졌다. 이번 주에는 앱에서 쓰이는 각종 Model의 Schem
Node.js 기반으로 웹 앱을 만들면서, 그 동안 JS, SCSS, PUG의 컴파일링 엔진으로 Webpack을 사용해왔다. 근데 Webpack의 설정하기가 번거로워서 찾아보니 Task 기반으로 동작하는 Gulp.js를 알게되었다. 설정도 간편하고, 무엇보다 Webpa
일요일 오전 10시부터 오후 1시까지 진행된 SKT 인턴 공개채용 코딩테스트에 응시했다. 지원분야에 웹 프론트엔드/백엔드 가 있었고, 코테를 통과하면 인터뷰를 진행하기 때문에 좋은 경험이 될 수 있을 것이라 생각하여 지원하였다. 테스트에서는 총 4개의 문제가 주어졌는데
다음주 월요일에 네이버 부스트캠프 웹/모바일 코딩테스트 1차가 진행된다. 이번주는 약 4개월 동안 배운 알고리즘 개념을 정리하고, 연습문제를 풀면서 코테 준비에 집중하려고 한다. 그 동안 코딩테스트를 연습하면서 느낀 점을 정리해보았다.문제에서 주어지는 입력의 양은 곧
약 일주일 간 프로그래머스에서 다양한 문제를 풀고 복습하며, 부스트캠프 1차 코테 시험 준비에 매진했다. 드디어 어제 저녁 7시부터 9시까지 네이버 부스트캠프 웹/모바일 분야 1차 코딩테스트에 응시했다. 이번 부스트캠프 코테에 응시한 사람들은 다 공감할텐데, 여러모로
지난 주 토요일 오후 2시부터 5시까지 진행된 네이버 부스트캠프 2차 코딩테스트에 응시했다. 총 5문제로 이루어졌는데 알고리즘 3문제, 서술형 2문제였다. 알고리즘은 알고리즘 기법과 관련한 문제라기보단 기본적인 구현 문제였고, 1차 코테와 마찬가지로 문제의 조건이 굉장
그동안 코딩테스트를 준비하느라 알고리즘에 치우쳐져 있었는데, 이번주부터는 다시 본격적으로 PFL 개발을 시작했다. 사실 알고리즘과 병행했으면 더 좋았겠지만, 그러지 못한 것에 대해 자책하며, 지금이라도 열심히 개발하고 있다, 기존에 알고있던 Node.js에 관한 개념을
2차 코딩테스트까지 응시했지만, 아쉽게도 부스트캠프에 탈락했다. 2차 코딩테스트에 대해 만족스러운 결과를 내지는 못하였기 때문에 큰 기대를 하고 있진 않았지만, 그동안 몇개월을 부스트캠프를 목표로 달려와서 그런지 탈락한 후에 조금 여파가 있었다. 그 때문에 하루 정도는
PFL_V2의 개발이 막바지에 다다랐다. 일단 기본적인 기능은 모두 구현이 끝났고, 현재 게시판 기능을 한참 개발중이며, 이번주 내로 기능 구현을 마치려고 한다. 이번 주에는 사용자가 생성한 데이터를 기반으로 데이터 시각화해서 보여주는 기능을 개발하려고 하는데, 데이터
저번주에는 3일간 휴가를 다녀와서 생각했던 만큼 개발 진도를 나가지 못하였다. 앞으로 2주 동안 개발을 완료하고 배포하는 것까지를 목표로 개발을 진행하려고 한다. 현재까지 구현한 기능은 다음과 같다.회원가입 기능로그인 기능수입 & 지출 내역 등록 및 확인지출 분류 별
저번주는 2개의 부트캠프에 지원서를 작성했다. 아무래도 혼자 공부하는 시간이 많다보니 부트캠프에서 다른 개발자들과 함께 협업하는 경험을 쌓아야겠다는 판단에서였다. 자기소개서부터 포트폴리오까지 제출하다보니 개인적인 공부하는데 들인 시간이 적었던 것 같다. 이제 지원을 마
멋쟁이사자처럼 프론트엔드 3기와 엘리스 SW엔지니어 트랙 3기 서류전형에 합격했다. 멋사는 2시간 분량의 JS 강의를 듣고 지원 동기와 관련된 내용을 영상으로 찍어서 제출해야하고, 엘리스는 25일까지 JS강의를 수강하고, 26일 진행되는 실력 검증 테스트를 대비해서 J
개인 프로젝트(PFL) / 시각화 라이브러리를 사용하여 '최근 지출 내역' 페이지를 시각화하기 ✔️개인 프로젝트(PFL) / 쿠키를 이용한 부가 기능 구현, CSS 업데이트 ✔️CS & JS / 세션, Passport.js 관련 내용 블로그에 정리하기 ✔️알고리즘 /
개인 프로젝트(PFL) / CSS 업데이트, 코드 리팩토링, 배포 과정 시작 ➡️(CSS 업데이트 진행중) Passport 관련 내용 블로그에 정리하기 ✔️(완료) 알고리즘 / 20문제 풀기 ✔️(완료) 책 / 모던 JS Deep Dive 50 페이지 읽기 (책 기준
모던 자바스크립트 Deep Dive 50페이지 읽기 (책 기준 620페이지까지) ✔️(완료) canvas, D3.js 등 시각화 라이브러리 차이 공부하기 ❌(미완료) 개인 프로젝트(PFL) 구글 SSO 로그인 구현 ✔️(완료) 프로그래머스 카카오
약 2주 만에 작성하는 주간회고 글이다. 그동안 엘리스 수업과 엘리스에서 진행하는 스터디 등을 병행하다보니 주간회고를 작성하지 못하였다. 앞으로는 매주 주간목표를 포함한 주간회고를 작성하고, 한주 동안 수업에서 다룬 내용을 따로 간략하게나마 정리하고자 한다.엘리스 정규
엘리스 수업 수강 및 복습 ✔️(완료)책 / 모던 JS Deep Dive 24장까지 복습 (책 기준 450페이지까지, 클로저까지) 🔺(30%완료, 21장 strint mode까지 읽음)개인 프로젝트(PFL) / CSS 업데이트 및 기능 개선(아이템 상세 페이지, 아이
엘리스 수업 수강 및 복습 ✔️(완료)책 / 모던 JS Deep Dive 24장까지 복습 (책 기준 450페이지까지, 클로저까지) ✔️(완료)개인 프로젝트(PFL) / CSS 업데이트 및 기능 개선(가계부 필터 기능 추가, 핀목록, 마지막 지출일, 소비리포트, 게시판
엘리스 1차 팀 프로젝트 진행 ✔️(완료)책 / 모던 JS Deep Dive 26~28장 복습 ❌(미완료)개인 프로젝트(PFL) / CSS 업데이트 및 기능 개선(소비리포트, 게시판 CSS 업데이트 및 기능 개선) ❌(미완료)엘리스 SW 트랙에서 총 2주간 진행되는 1
엘리스 1차 팀 프로젝트 진행 ✔️(완료)지원할 기업 15곳 찾기 ❌(미완료)개인 프로젝트 정리 ✔️(완료)2주 간 진행한 express+mongodb 기반의 CSR를 활용한 쇼핑몰 웹 앱 프로젝트가 끝이 났다. 매일 새벽까지 팀원들과 끊임없이 소통하며 2주 간 노력하
매일 모던 JS Deep Dive 1시간 씩 읽기 ✔️(완료)엘리스 1차 팀 프로젝트 느낀점, 배운점 정리하기 ✔️(완료)개인 프로젝트(PFL), 마지막 지출일 / 소비 리포트 CSS 업데이트 ➡️(진행중, 50% 완료)엘리스 리액트 JS 수업 듣기 ✔️(완료)노마드코
엘리스 React.js 수업 듣기✔️(완료)노마드코더 React.js 영화 웹 만들기 수업 듣기✔️(완료)개인 프로젝트(PFL), 소비 리포트 / 게시판 CSS 업데이트 및 기능 개선✔️(완료)1차 팀 프로젝트 상세히 정리✔️(완료)1차 팀 프로젝트 리팩토링 및 성능개
엘리스 React.js 4주차 수업 듣기✔️(완료)유데미 React.js 강의 섹션12까지(약 30% 분량) 듣기❌(미완료)개인 프로젝트(PFL), 게시글 페이지, 게시글 작성/수정 페이지 CSS 개선, 배포, 정리하기➡️(진행중, 50% 완료, 리팩토링 진행중)프론트
엘리스 2차 팀프로젝트 열심히 참여 (틈틈히 React, TS 공부)✔️(완료)개인 프로젝트(PFL) 코드 리팩토링 (미들웨어, 컨트롤러 로직 개선, models/schema 구조 개선)✔️(완료)React.js 프론트엔드 개발자 채용 공고 노션에 정리하기✔️(완료)이
엘리스 2차 팀프로젝트 열심히 참여 ✔️(완료)ExpressJS, ReactJs, TS 기반의 프로젝트를 처음 진행하다보니 여러모로 처음 알게된 점이 많았고, 헤매기도 많이 헤맸던 것 같다. 개발 시에는 서버를 백엔드 서버와 프론트엔드 서버를 localhost에서 Po
엘리스 2차 팀프로젝트 열심히 참여 ✔️(완료)이번 주는 3주간 진행되는 팀 프로젝트 마지막 주간이었다. 동시에 9월부터 수강한 엘리스 SW 엔지니어 트랙 3기의 마지막 주이기도 했다. 코드 마무리 -> 배포 -> 버그 핫픽스 -> 발표자료 준비 하다보니 일주일이 금새
2차 팀프로젝트 리팩토링 진행 및 기술 소개서 작성 ✔️(완료)기업 과제 연습 (원티드 프리온보딩 프론트엔드 챌린지) ✔️(완료)ScrollToTop, Toast message 등 UX적으로 개선할 사항을 구현한 뒤, 프로젝트를 마무리하였다. 추후 더 개선할 사항이 있
원티드 프리온보딩 프론트엔드 챌린지 리팩토링 ✔️(완료)노션에 올라온 학습 자료와 직접 구글링하면서 찾아보면서 원티드 프리온보딩 챌린지를 리팩토링하였다. 전반적인 코드 작성은 80% 가량 마무리된 것 같다. 내가 이번에 Todo 앱을 만들면서 크게 고민했던 것은 화면
원티드 프리온보딩 프론트엔드 챌린지 코드 리팩토링 & 배포 & 기술소개서 작성 ➡️(진행중, 80% 완료)React 공부 ✔️(완료)인프런 모든 개발자를 위한 HTTP 웹 기본 지식 수강 ❌(미완료)원티드 프리온보딩 프론트엔드 챌린지에서 만든 TS+React 기반의 T
알고리즘 공부 ✔️(완료)FE & CS 공부 ✔️(완료)기업 지원 ✔️(완료)채용 프로세스 진행 ✔️(완료)여러 기업에 지원하여 채용 프로세스를 진행하던 와중에 원하는 기업에서 합격 안내를 받았고, 고민 끝에 입사를 결정하였다. 첫 직장이라 설레는 마음도 있고 걱정되는
현재 참여중인 React 프로젝트에서 사용자가 발생시키는 각종 이벤트에 대한 데이터를 수집할 수 있도록 Google Analytics, Amplitude 등의 서비스 분석 툴을 연동하였다. 해당 과정에서 배웠던 것은 기존에는 .env 파일로 분리하는 정보가 외부로부터