코드스테이츠 수료 완료! 추가 공부 및 파이널 프로젝트 보완 계획

Let's refactor!

 

 

어느덧 코드스테이츠의 소프트웨어 엔지니어링 과정을 모두 끝내고 수료를 해버렸다. 아직 시작한지 얼마 되지도 않은 것 같은데 벌써 5개월이 흘렀다니...!!! (이러니 내가 안늙어)

 

 

어제는 더 아름다웠답니다(?)

 

이번주 금요일 (그저께) 수료식을 마치고 앞으로에 대해 여러가지 계획을 세웠다. 주니어 개발자로써 이제 막 커리어를 시작하려다보니, 듬성듬성 더 채울 수 있을 것 같은 부분들이 스스로 느껴졌기 때문이다.

 

애초에 코드스테이츠의 프로그램을 시작하게 된 것도 독학으로 시작한 개발 공부의 틈새에 군데군데 존재할 수 밖에 없는 틈들을 매꾸고 그 외 +@까지 얻기 위해 시작한 것이었고, 그렇기에 나에게 있어 틈 찾기(?)와 매꾸기(?)는 너무 자연스러운 일이다. 여러가지 계획이 있는데, 그 중 가장 중요한 두가지는 CS 기초 지식 쌓기와 파이널 프로젝트 보완하기이다.

 

 

 

 

 

 

1. CS50 수강 📚

나는 컴퓨터공학 전공자가 아니다. 그래서 컴공 기반 지식을 더 채울 수 있는 방안을 찾고자 했고, 지금 상황에서 가장 먼저 시작할 수 있는 것이 CS50라는 결론을 내렸다.

 

다른 분야에서 박사과정을 수료했던 경험이 있기 때문에, 전혀 다른 이 컴퓨터공학이라는 분야에 어떤 더 많은 지식들이 있는지, 그리고 그 pool의 현재 range가 대략 어떻게 되는지 당연히 다 알진 못하지만 지금 내가 아는 것들이 정말 미미하다라는 것만은 더욱 뼈저리게 느낄 수 있는 것 같다. (예상치 못했던 아이러니한 장점?...)

 

사실 CS50 같은 경우 코드스테이츠 과정 중에도 edX를 통해 간간히 강의를 보고 있었다. 그런데 본격적으로 프로젝트에 도입하고나서부턴 여유가 나지 않아 약 6주간 강의를 보지 못하고 있던 상황이었다. 그러던 찰나, 프로젝트를 모두 완료하고 발견한 네이버 부스트코스에서 동일한 강의가 진행되는 것을 알게 되었다. 찾아보니 각 강의마다 퀴즈를 풀어 공부한 내용을 스스로 입증해야했고, 모든 강의를 보고 모든 퀴즈의 답을 맞추었을 때 수료 인증서까지 얻을 수 있게 되었기에 플랫폼을 바꾸어서 볼 예정이다. (사실 이미 수료한 당일부터 강의 보기를 시작했다. 열정적인 교수님 강의가 너무 재밌다)

 

나중에 취업을 하고 어느 정도 적응을 하면, 방통대 컴공과 입학을 할 계획을 가지고 있다. 그래도 그 이전에 컴공 기초 지식을 먼저 조금씩 쌓아나간다면 실제 업무 이해하는데도 조금 더 도움이 되고 장기적인 러닝에도 이득이 되지 않을까 한다.

 

 

2. 파이널 프로젝트 보완하기 🧰

파이널 프로젝트 소개글:

2021.07.21 - [Learn to Code] - [프로젝트] 실시간 화상채팅앱을 개발했어요! (feat. Socket.IO & WebRTC)

[프로젝트] 실시간 화상채팅앱을 개발했어요! (feat. Socket.IO & WebRTC)

 

기본적인 핵심 기능이 모두 동작하지만, 아무래도 첫 프로젝트였고 짧은 기간 개발한 것이기 때문에 보완이 필요한 부분들이 여럿 있다. 프로젝트 보완은 크게 두 가지로 나누어서 계획이 있는데, 첫번째는 우선 현재 있는 기능들을 개선하는 것이고 두번째는 지금은 없는 기능을 새로 추가하는 것이다.

 

👍 개선

- 랜딩 페이지: Parallax 디자인을 좀 더 깨끗한 코드로 단정하게 변경하기. 지금 현재 Parallax 구현엔 라이브러리를 사용하지 않았다. 리팩토링을 한다면 좀 더 깔끔하게, React-Spring을 사용해서 바꿀 것이다.

- 랜딩 페이지: Parallax 외에 스크롤 위치에 따라 opacity 또는 위치 변경으로 좀 더 다이나믹하게 변경하는 것이 더 어울릴지 고려하고 적용하기. (이를 위해선 React-Spring의 공식문서 탐독을 좀 더 해야한다!)

 

- 투두리스트: 현재 투두는 체크 버튼을 누르면 완료 표시가 되며 완료 리스트로 이동을 한다. 이를 체크박스가 아닌 Drag & Drop으로 유저가 직접 옮기게 하는 방식으로 변경하기 (마치 GitHub project나 Trello처럼)

 

- 공부기록: 현재, 회원 전용으로 제공하고 있는 카테고리별 화상 공부방 참여 시간 로그를 보여주고 있다. 해당 로그는 React의 차트 관련 라이브러리 중 가장 사용이 많이 된다는 Recharts를 사용하여 구현하였는데, 실제로 사용해보니 라이브러리 자체에 CSS 측면에서 제약이 굉장히 많았다. 공식 문서 또한 이와 관련하여선 상세한 설명을 제공하지 않아서 원하는데로 구현하질 못한 면이 없잖아 있는데, 이를 좀더 보완하는 방향으로 데이터 시각화를 구현해보고자 한다.

 

⭐️ 추가

- 화상채팅방: 채팅 기능 추가하기

- 선택한 상대의 카메라 가리기 기능

- 선택한 상대 신고 기능

- ASMR 오디오 플레이 기능