2022년 새해 목표 중 하나인 '주 2회 이상 벨로그 포스팅 작성하기'를 위해 벨로그를 개설했다. 사실 작년부터 만들고 싶었는데, 파트장에 졸업준비에 너무 바빠서 2021년은 정신이 없었다. (사실 핑계임)
앞으로는
1. TIL
2. 프론트엔드 개발지식 정리
3. 완료한/진행중인 프로젝트에 대한 회고
4. 알고리즘 문제풀이
5. 취준 일기
등을 기록할 예정이다.
그 전에, 본격적으로 웹 개발을 시작한 2021년에 대한 회고를 먼저 진행할까 한다.
프로젝트
sqoop(20.12 ~ 21.04)
처음으로 기획/디자인/웹 프론트엔드/서버 파트로 분화된 팀 단위의 협업이자, 릴리즈까지 경험한, 나에게는 정말 의미있는 서비스다.
2020년 하반기에 SOPT 27기 웹 파트에 들어와서 처음으로 React를 배웠는데, 부족한 실력임에도 리드개발자를 맡았다. 그래서 다양한 기술스택을 사용하지는 못했고, React와 Redux 정도만 사용했다. 그리고 첫 팀 단위 프로젝트이기 때문에 작성한 코드를 이제와서 보면 정말 엉망이고 고칠 게 많이 보인다. 그 만큼 내가 성장했다는 이야기겠지만, 누가 코드를 뜯어볼까봐 살짝 두렵다...😅
내가 사용하고 싶은 서비스여서 그런지 더 애착을 가지고 개발했다. 실질적인 개발기간은 20.12.28 ~ 21.01.16인데, 이 때 대부분의 기능이 완성되었다. 이후에는 QA 과정과 3순위 기능 개발이 이루어졌다. 사실 2월 안에 마무리 할 수 있었는데, 재학 중에 파트장까지 맡느라 sqoop에 신경 쓸 시간이 절대적으로 부족했다.
가장 아쉬웠던 건, 코드리뷰가 원활하지 않았기 때문에 더 나은 코드를 위한 고민이 부족했다는 점이다. 이 때는 코드리뷰의 중요성도 알지 못했고 그저 개발하는 데만 급급했기 때문에, 나보다 실력이 더 나은 리드개발자가 있었다면 성능적으로 더 우수한 서비스가 되지 않았을까 싶다.
OO7D(21.03 ~ 21.06)
한 줄 소개: 날씨와 선호에 따른 옷 추천 서비스
이중전공인 융복합소프트웨어전공 종합설계(캡스톤디자인) 프로젝트다. 개발자 5명으로 팀이 구성되었기 때문에, 그나마 프로젝트 경험이 있는 내가 PM + 디자인 + 웹 프론트엔드 개발까지 맡았다. 졸업하기 위해 정말 최선을 다 했다.
일반적인 웹 서비스였다면 완성도를 더 높일 수 있었는데, 교수님이 머신러닝 관련 기능을 꼭! 넣으라고 하셔서 기능 관련 회의가 길어지는 바람에 정작 개발에 투자할 시간은 부족했던 것 같다. 그래도 Python Tensorflow를 통해 머신러닝을 경험해볼 수 있어서 새로운 도전이었다. 프론트엔드는 마찬가지로 React로 개발했다.
머신러닝과 프론트엔드 개발이 거의 완료되어서 서비스를 릴리즈하고 싶었으나, 안타깝게도 서버 개발이 이루어지지 못했다. 이 서비스는 회사를 다니면서라도 추후에 리팩토링 해보고 싶다.
Ice Breaker(21.09 ~ 21.12)
한 줄 소개: 비대면 모임을 위한 아이스브레이킹 가이드
소프트웨어공학 팀 프로젝트다. 종합설계는 4학년 과목이어서 그나마 각자의 분야가 존재했는데(웹, 서버, 머신러닝 등), 소프트웨어공학은 3학년 과목이어서 5명 중에 3명이 개발 경험 자체가 전무했다. 다행히 한 분이 HTML+CSS+JS를 하실 줄 알아서 웹 개발을 맡기고, 나는 PM + 서버 개발을 담당했다.
이 수업은 서비스를 개발하는 것보다 개발 프로세스를 실제 개발과정에 적용해보는 것이 핵심이다. 따라서 서비스 계획, 요구분석, 설계에 가장 많은 시간을 들였고, 개발 후 테스팅까지 진행하면서 전체 개발 프로세스를 경험하는 것에 만족했다.
생각보다 기획자가 고려해야 하는 사항이 많고, 다양한 방법론이 있다는 것을 알게 되었다. 기획이 정말 쉬운 일이 아닌 것 같다. 그런 의미에서, 기획자와 디자이너가 존재하는 팀에서 개발에만 집중할 수 있는 것이 얼마나 감사한 일인지 알게 되었다.
이 서비스는 서버 개발 및 배포까지 완료되었지만, 프론트엔드는 모든 기능을 구현하지 못했다. 2022년 2월 이후로 React로 다시 개발할 예정이다.
그 외의 사이드 프로젝트
- Diary App (SOPT 28기 웹파트 세미나 프로젝트)
- Velog Clone (SOPT 29기 웹파트 세미나 프로젝트)
- Naver Webtoon Clone (SOPT 29기 웹파트 합동세미나 프로젝트)
- melting (SOPT 29기 해커톤 프로젝트 -> 추후 리팩토링 예정)
나열해보니까 다 동아리 활동이네...
인턴 및 외주
샤인소프트(21.07 ~ 21.08)
이전까지는 "내가 과연 개발인턴을 할 수 있을까?" 라는 생각이 들 정도로 개발에 대한 자신감이 많이 부족했다. 하지만 인턴은 직무 경험을 쌓을 수 있을 뿐만 아니라, 내 진로에 대해 더 깊이 고민할 수 있는 계기가 될 것이라고 생각했다. 그래서 현장실습 공고가 뜬 것을 보고 '웹 개발' 직무가 있는 회사에 무작정 지원했다. 그리고 덜컥 합격했다.
앞 뒤 안 재고 지원했더니 출퇴근이 무려 왕복 5시간이나 걸렸다. 그래도 2달밖에 안 되는 데다가, 회사 직원분들이 좋고, 내가 얻어가는 경험들이 많을 것 같아서 이왕 이렇게 된 거 열심히 다녔다.
규모가 작은 회사이다보니, 정말 이것저것 많이 가르쳐주셨고, 머신러닝, 백엔드, 프론트엔드 모두 다 경험해봤다. 이전까지 백엔드는 node.js 코드만 읽을 수 있는 정도였는데, spring boot를 사용해서 서버의 처음부터 끝까지 개발했다. 서버에 머신러닝 모델을 불러오기 위해서 DJL(Deep Java Library)를 사용했고, 최종적으로 GUI를 구현하기 위해 Vue를 사용했다.
spring boot, DJL, Vue 모두 회사에서 처음 배웠는데, 나름대로 성과를 인정받아서 정말 뿌듯했다. 회사에서 잘 가르쳐주신 덕분도 있겠지만, 나 스스로도 많이 노력했다. 그리고 이 때 배운 서버개발을 지금까지도 유용하게 활용하고 있어서 조만간 다시 인사드리러 찾아봬야 할 것 같다.
NC SOFT 마이크로페이지(21.09)
정말 감사하게도 NC SOFT의 2021년 하반기 공개채용 웹페이지를 개발할 기회를 얻게 되었다. 평소에 정말 관심 있는 회사이고, 올해 본격적으로 취준하면서 지원하고 싶은 회사이기 때문에 안 할 이유가 없었다.
빠듯한 일정과 지속적으로 추가되는 변경사항 속에서 개발하는 것은 쉽지 않았다. 하지만 발등에 불이 떨어지니까 자연스럽게 개발 속도가 빨라질 수밖에 없었다. 내가 이렇게 코드를 빨리 칠 수 있었나? 싶을 정도...
누구나 알 법한 큰 기업의 웹페이지를 개발하게 되다니 정말 영광이었고, 특히 SNS 광고에 내가 개발한 마이크로페이지의 링크가 걸리는 경험은 정말 짜릿했다.
하지만 디자인 기한도 빠듯했는지, 모바일웹 디자인이 없어서 내가 알아서 반응형을 구현해야 했고, 여러가지 애니메이션 효과도 온전히 나에게 맡겨졌기 때문에 디테일한 완성도는 조금 부족하지 않았나 싶다.
개발 동아리 (SOPT)
나의 대학생활에서 SOPT는 정말 빼놓고 말할 수 없다. 3학년 마치고 진로에 대한 고민으로 무작정 휴학한 후, 혼자 개발공부를 이어가던 나에게 한 줄기의 빛과 같았다. 웹 파트에 들어와서 진로를 웹 프론트엔드 개발자로 정했고, 팀 단위의 제대로 된 협업을 경험했고, 좋은 동료들을 만났으며, 개발한 서비스를 출시하여 고객들을 만났다.
27기, 28기, 29기 웹 파트에서 활동하면서, 개발자로서 정말 많이 성장했다. 대부분의 개발 경험은 여기에서 나왔다.
- 27기: 본격적인 웹 개발과 협업을 배웠다. JavaScript, React, Redux를 배웠고, 깃허브를 통해 협업하고 기획자/디자이너/서버 개발자와 소통하는 방법을 알게 되었다.
- 28기: 웹 파트장으로서, 내가 알고 있는 웹 개발 지식을 공유했다. 내가 정확히 알고 있는 지식과 애매하게 알고 있는 지식을 구분하게 되었고, 더 나은 코드를 위해 고민하기 시작했다. 200명 규모의 동아리를 운영하기 위해서는 신경써야 할 일이 정말 많았다. 리크루팅, 커리큘럼 구성, 세미나, 행사 기획 및 진행 등등...
- 29기: 다양한 스터디에 참여하면서 심화적인 웹 개발 지식(TypeScript, Next, React Query, SWR, GraphQL 등)을 배웠다. OB로서 파트원들을 이끌어나가는 역할에 집중했다.
개발 스터디
알고리즘 스터디 (상반기)
코딩 테스트를 보는 기업이 많다 보니, 알고리즘 공부의 필요성을 느껴서 참여했다. 평소에 백준을 C++로 풀고 있어서 C++ 알고리즘반에 참여했는데, 언어를 떠나서 내가 알고리즘 실력이 부족하다는 사실을 정말 많이 느꼈다. 매주 3개의 알고리즘 문제가 과제로 주어졌는데, 문제 하나 푸는데 3시간이 걸렸다😥 (물론 어려운 문제이긴 했다...)
코테 문제를 풀기 위해 필요한 기본적인 지식들을 공부하고, 관련된 문제들을 풀어볼 수 있어서 좋았다. Bruteforce부터 DFS까지 안 다룬 것이 없고, 일정이 빡빡하긴 했지만 꾸준히 문제를 풀 수 있어서 좋았다!
다룬 내용
- Bruteforce, Backtracking
- Greedy
- DP
- Sort, Binary Search
- BFS, DFS
웹 심화 스터디 (하반기)
웹 프론트엔드 분야는 정말 폭넓고 빠르게 변하기 때문에 배워야 할 지식이 넘쳐난다. 웹 파트 세미나에서 다루지 않는 심화적인 지식들을 공부하기 위해 참여했다. 매주 스터디원들이 돌아가면서 한 가지 주제에 대해 발표하는 방식으로 진행했다.
나는 React Query와 GraphQL + Apollo를 담당했다. 이 정도면 주니어 개발자로서 웬만한 내용은 다 다루지 않았을까 싶을 정도로 많은 걸 배웠다. 물론 이론을 실전에 적용하는 것은 다른 문제다.
다룬 내용
- ESLint + Prettier + StyleLint 초기세팅
- Recoil
- Babel + Webpack
- Next.js
- SWR
- React Query
- Unit Test + CI/CD 구축
- Storybook
- GraphQL + Apollo
- Redux + Redux Toolkit
TypeScript 스터디 (하반기)
JavaScript로 개발하다보면 "대체 왜 null이 나오는 거지?"의 경험을 한 번쯤 해봤을 것이다(일단 나는 그렇다😗). JS 문법 특성상 변수의 타입이 동적인데, 이는 예상치 못한 오류를 낳는다. 따라서 조금 더 깔끔하고 안전한 코드를 작성하기 위해 TypeScript를 배웠다.
사실 TS로 프로젝트를 개발한 경험이 없기 때문에 막연한 두려움이 있었는데(코드를 뜯어봤는데 뭔가 어려워보였다), 웹 프론트엔드 개발자로서 한 단계 성장하기 위해서는 TS가 필수라고 생각했다. TS 스터디는 두 팀으로 나누어져서 격주로 발표를 진행했다.
다룬 내용
- 환경 설정, 기본 타입, 타입 추론
- Enum, Union & Intersection, Type Assertion, Type Narrowing, Type Guard
- Generic, Utility Type
- Function, Class, Template Literal Type
- React Hooks, Props, Event
- Conditional Type, Type Inference
- 세미나 과제 TS로 변환 (GitHub Profile Finder, Velog Clone)
JavaScript 알고리즘 스터디 (하반기)
이미 상반기에 알고리즘 스터디에 참여했지만, 막상 웹 프론트엔드 개발자를 준비하다보니 C++보다는 JS 문법이 나에게 더 익숙했다. 그리고 웹 개발자를 뽑을 때 JS로 코딩 테스트를 보기도 해서, 이번에는 JS로 알고리즘 문제를 풀어보고 싶었다. 그래서 스터디를 만들었다.
크게 자료구조, 알고리즘, JS 심화문법으로 카테고리를 분류하고, 각 영역별로 다뤄야 할 지식들을 리스트업했다. 코딩 테스트 문제를 풀기 위한 웬만한 지식은 대부분 다뤘다. 그리고 매주 각자 공부하고 싶은 주제를 선택해서 해당 주제에 대한 간단한 발표를 준비했다. 해당 주제와 관련된 알고리즘 문제도 소개하여 함께 풀어보는 시간을 가졌다.
다룬 내용이 워낙 많다보니 전부 소개하기는 어렵지만, 주로 프로그래머스 Level 2~3 정도의 수준을 다뤘다.
마치며...
벨로그 첫 글은 가볍게 쓰려고 했는데, 회고를 진행하다보니 쓸 내용이 점점 많아져서 이렇게 길어져버렸다. 2021년은 나름대로 알차게 보낸 것 같아서 정말 뿌듯하다😁 학업과 병행하다보니 개발에 온전히 집중할 수 없었지만, 바쁜 와중에 최선을 다 했다고 생각한다. 2022년은 정말 개발과 취준에만 집중할 생각이다. 올해도 화이팅!!!
