
![input 비교](/images/blog/23/myBack.jpg)

## 상반기 목표와 결과

연초에 적었던 상반기 목표는
1. 유연하고 단단한 컴포넌트 설계법 배우기
2. 함수형 프로그래밍 공부
3. 자바스크립트 철학을 이해하고 JS, 리액트, 타입스크립트 더더더 공부하기
였다.

이 목표들의 달성 여부를 하나하나 따져보겠다.

## 유연하고 단단한 컴포넌트 설계법 배우기

리액트로 개발을 하면 컴포넌트를 합성하는 일이 잦다.
컴포넌트 합성과 재사용을 하면서 동시에 컴포넌트 별로 커스텀해야하는 부분들이 있기에
변화에 유연하면서도 단단한 컴포넌트를 만드는 법을 연습하는 게 중요하다고 생각해서 세웠던 목표다.

![input 비교](/images/blog/23/inputDesign1.png)

감사하게도 회사에서 공통 컴포넌트 설계 업무를 맡아 해볼 수 있었다. MUI `TextField`를 기반으로
`textarea`, 기본 텍스트 인풋, 검색어 인풋, `counter` 컴포넌트를 만들어야했다.
처음엔 위 이미지처럼 각 컴포넌트를 모아두고 공통점과 차이점을 비교해보면서 어떤 부분은 공통화하고 커스텀해야할지 생각해보았다.
counter를 제외한 세 컴포넌트의 공통점은 사용자가 text를 입력할 수 있고 validation 값에 따라 아래에 문구가 붙을 수 있으며
input 내부에 고정된 요소가 있을 수 있다는 거였다. 그러면서도 그 요소들은 각 페이지에 따라 조립하는 것처럼 넣었다 뺄 수 있어야했다.
그래서 **Compound Components** 디자인 패턴을 사용해 `input` 내/외 요소의 위치와 디자인은 디자인 시스템(공통 컴포넌트) 단에서 고정해두고
더 자세한 내용물은 각 컴포넌트에서 구현하도록 하였다.

이 작업은 나의 사수인 희동님이 이끌어 주셨는데, 정말 배운게 많았다.
희동님은 공통 컴포넌트를 설계할 때 **스타일, 레이아웃, 동작(메서드), 용어**를 먼저 생각해보라고 하셨고
코드 가독성을 위해 JSX 태그만 보고도 이 컴포넌트의 레이아웃을 알 수 있게 설계하자고 하셨다.
그래서 Compound Components 패턴을 사용했는데,
그렇게 하고 나니까 조합해 사용하는 것도 쉬웠고 리액트의 선언적 특성을 살릴 수 있었던 것 같다.
참 뿌듯했던 공통 디자인 컴포넌트 설계, 구현 경험이었다.

그럼에도 100% 달성!한 목표는 아닌 것 같고 앞으로도 유연하고 단단한 컴포넌트를 설계할 수 있도록
디자인 패턴 공부도 좀 더 하고 잘 만들어진 오픈 소스 라이브러리들의 코드도 좀 까볼 예정이다.

## 함수형 프로그래밍

함수형 프로그래밍 배우기!를 결심한 이유는 첫번째 목표와 조금 연결된다.
어떻게 해야 코드를 잘 짤 수 있을까 생각하다가 함수형 프로그래밍을 배워보면 좋을 것 같아
인프런 함수형 강의를 수강하기 시작했다. 강의 1편을 다 들어서 하반기에는 응용편을 들어야한다.
*쏙쏙 들어오는 함수형 코딩*이라는 책으로 스터디도 하고 있다.

일단 지금까지 함수형 프로그래밍을 해본 바로 가장 좋았던 건 코드를 지연적으로 실행할 수 있다는 거였다.
어떤 값이 필요할 떄 그걸 다 만들어놓고 시작하는게 아니라, 이터레이터를 만들어두고 지연적으로 실행시킬 수 있으니까
성능 개선에 꽤 도움이 될 것 같다. 또 단일 책임 원칙도 지키면서 가독성과 낮아진 유지보수 난이도까지 한번에 챙기는...
또 자바스크립트도 점점 함수형을 도입하고 있는 만큼, 내가 사용하는 언어가 나와 같은 곳을 바라보고 있는 것 같아 더 좋았다.
다만 실무에서는 별로 안 써봐서, 개인 프로젝트를 먼저 함수형으로 리팩토링하려고 한다.

## JS TS와 리액트

자스, 타스, 리액트 모두 작년보다 더 친해지긴 했지만 얘네가 워낙 빨리 발전하고 있는 만큼 딱 맞춰 따라가기가 어렵다.
코어 자바스크립트도 한 번 더 읽고 모던자바스크립트 딥다이브도 스터디하고 있지만 아직 아쉽다.

## 젤리주도개발자들

![달력](/images/blog/23/cal.png)

올 상반기에는 스터디를 정말 많이 했다. 출근 전, 퇴근 후 팀원들이나 아는 개발자 친구들과 스터디를 해서 세보니까
상반기에만 한 60회 정도를 했다. [혼공컴운](https://github.com/pullingoff/CAOS),
코어자바스크립트, [모던자바스크립트 딥다이브](https://github.com/Jellies-Study/Modern-JS),
[쏙쏙 들어오는 함수형 코딩](https://github.com/Jellies-Study/Grokking-Simplicity) 책 스터디부터
next.js, [함수형 프로그래밍 강의 스터디](https://github.com/pullingoff/ES6plus-Study)와 각자 배운 내용을 나눠보는 회고 시간 등등
업무 시간 외에도 개발 공부를 계속 하려고 노력했다.
개인적으로 [프로그래머스 알고리즘 문제](https://github.com/pullingoff/algorithm)도 PREP에 맞춰 꾸준히 풀었다!

스터디도 하고 회사일도 하고 심지어 방통대 컴퓨터과학과에까지 편입을 해서...
일정이 정말 바빠 가슴이 답답하거나 피곤할 때도 있었지만
일할 때 가장 중요한 게 동료, 최고의 복지도 좋은 동료라고 생각하는 나로써는
같이 달리는 팀원들이 있었기에 이 일정을 소화할 수 있었던 것 같다.

![카톡 캡쳐](/images/blog/23/ball.png)

이건 좀 자랑인데, 팀원한테 이런 말도 들었다.
왜냐면 제가 블로그 만들기 스프린트인 `Next.js로 블로그만들기 스파르타`를 개최해서
그 중 한분이 개인 블로그를 완성하셨그든요!!!

굳이 바깥에서 사람을 찾는게 아니라, 내 회사 동료들과 같이 공부하고 성장하니까
우리 사이의 유대도 커지고 팀워크도 좋아지고 업무할 때도 더 손발이 잘 맞게 되어 좋았다.
또 스터디를 만들고 인원을 늘리며 관리해온 과정은 **회사에서 작은 공 쏘아올리기**라는 제목으로
올 9월에 있을 펜지니어 컨퍼런스에서 좀 더 나눠볼 예정이다.

## 하반기 목표

그래서 2023년의 하반기 목표는

1. 혼공컴운/네트워크/모던자스/쏙코딩/이코테 1회독
2. 함수형강의 응용까지 완강
3. 개인프로젝트 함수형 프로그래밍 도입해 리팩토링 & 수치적인 성능 변화 기록할 것
4. 알고리즘 문제 주 3개 이상
5. 뜯어볼 코드 정하고 뜯어보기

이다.
그럼 이만 🎀오늘의 회고 끝🎀

2023년 상반기 회고

 

## 1, 2분기

올 1, 2분기에는 직접 블로그를 만들고, 공부를 더 해서 개발자 인생 처음으로 이직을 했다.
스터디 2개와 사이드 프로젝트를 같이 해서 정말 바빴는데 하다보니 일종의 루틴이 생겨 할 만 했다.
이직을 하기 위해서만은 아니었고 프론트엔드 개발에 집중을 하기로 마음을 먹으면서였다.
저질러 놓은 스케줄이 많다보니 몇달 간 퇴근 후에는 개발만 했다. 스스로를 압박하고 강제한 건 아니었는데 만들고 싶은 게 있고 원하는 게 있었다보니 자연스레 몰입할 수 있었다.
(당시에는 몰랐는데 지금 와서 생각해보면 ‘몰입’이라 부르기에 충분한 것 같다.)
또 회사가 집 5분 거리 지식산업센터로 이전하면서 출퇴근 스트레스가 확 줄었고, 룸메이트가 간간히 응원해준 게 큰 힘이 되었다.

6월 즈음에 지금의 회사에 합격했다. 자세한 이직 후기는 [이 글](https://haeun.vercel.app/blog/2207-move)에 있으니 생략한다.
합격 통보를 받는 순간 친구랑 통화를 하고 있었는데, 이 친구도 면접 합격을 기다리고 있었다.
내 합격 소식을 전하자마자 친구가 ‘좋은 기운 나눠줘서 고마워’라고 해서 마음이 찡했던 기억이 있다.
또 전 회사 생활을 마무리하면서 동기들과 저녁을 함께 했었다. 몰랐는데 우리가 생각보다 서로에게 유대감이 있었구나 느꼈다.
같이 일했던 동료들이 좋은 분들이었어서 마지막 퇴근을 하면서 아쉬운 마음과 후련한 마음 등 복합적인 감정이 들었었다.
아무튼 이 시기는 첫 이직 연봉협상도 해보고 설렘이 넘쳤던 시간이었다.

## 3분기

7월 중순 새 회사에 본격적으로 합류해서 회사와 팀에 적응했다.
팀에 리액트를 써본 사람이 별로 없어서 리액트와 TS로 진행한 통합회원 프로젝트의 꽤 많은 부분을 맡아 작업했다.  
API 연동 외에도 ERP에서 쓰일 공통 컴포넌트를 만드는 게 주 업무였는데
한 컴포넌트가 가지는 view, 밸리데이션, 로직 관련된 프로퍼티들을 잘 관리하고 또 여러곳에서 불러 쓸 수 있도록
개발하는 게 가장 어려웠다.

이전 회사는 SI 회사라 프로젝트 단위로 팀이었기 때문에 풀스택 업무를 해야했는데 이번 회사에서는 프론트엔드에 집중할 수 있어 좋았다.
또 팀에 시니어 프론트엔드 개발자가 계셔서 내가 원하는 미래를 걷고 있는 사람이 근처에 있다는 게 꽤 든든했다.

## 4분기

4분기 초에 위에서 언급한, 꽤 많은 부분을 맡아 열심히 개발했던 프로젝트가 회사 사정으로 내년으로 미뤄졌다.
약간의 멘붕과 무력감을 느꼈었는데 우리 팀 동료들과의 일대일 면담이 큰 도움이 되었다.

또 팀에 테스트를 도입하고자 테스트 관련 컨벤션 문서들을 작성하고 예시로 돌려볼 수 있는 테스트 케이스 문서와 코드를 작성했다.

회사가 자율 재택 근무에서 주 1회로 재택할 수 있는 날을 줄이면서
통근하느라 체력적으로 힘들어지기는 했지만 팀원들이랑 더 자주 만나고 서로 알아갈 수 있어서 좋았다.
회식 끝나고 집에 돌아갈 때마다 `우리 팀 진짜 좋다…`는 생각을 하곤 했다.
새로운 팀원이 두분이나 오셔서 더 재밌고 복작복작했던 4분기였다.

## 2023년에는

2023년에 더 공부하고 싶은 건 이것들이다.

- 유연하고 단단한 컴포넌트 설계, 함수형 프로그래밍
- 자바스크립트 철학
- JS, 리액트, 타입스크립트 더더더

그럼 이만 2023년도 화이팅! 🦭


벌써 2022년을 마무리할 때가 되었다. 개발보다는 내 경험과 감정에 관한 내용이다.

2022년, 개발 경력 2년을 채우면서의 회고



### 1분기(1~3월)

![2021년 1분기 회사앞에서 썰매](/images/blog/2201/1.jpeg)

- 작년 12월 중순에 입사했기 때문에, 완전 초초초신입 
- 프로젝트 세개를 연달아 했는데 자바 인공지능 프레임워크 부터 php, js 등등 다양하게 써볼 수 있어서 재미있었다. 
- 사내 리액트 스터디 시작. 처음엔 리액트가 지이이인짜 어렵게 느껴졌다. 책 '리액트를 다루는 기술'을 주제로 다른 팀원들과 서로 가르쳐주면서 했더니 즐거운 시간이었다!!!
- 일을 하면 할 수록 컴퓨터 공학적인 개념을 잘 알고 있을 필요를 느꼈다. 컴퓨터공학과 전공과목 강의를 개인적으로 듣기 시작했다.

### 2분기(4~6월)

![국정자원 출입증](/images/blog/2201/3.jpeg)

- 스터디 관련해 정부 지원금을 받았는데, 스터디장으로서 그 지출을 관리하고 증빙 서류를 준비하는 것들이 복잡하게 느껴졌고, 그 돈을 어떻게 하면 현명하게 사용할 수 있을까 고민을 많이 했다.
- 국가 기관에 들어와 네트워크 시각화 프로젝트에 참여하기 시작했다. 인터넷이 안 되는 환경에서 작업을 하는게 얼마나 불편한지 처음 알게 되었고... 밖에서 핫스팟으로 노트북 작업을 하느라 휴대폰 요금이 과하게 나오기도 했다. 
- 프로젝트에서 처음 맡은 업무는 웹 구현이었지만 네트워크 공부 또한 시작했다. 얼마나 이해했는지 확인하고자 하반기에 네트워크관리사 시험을 보기로 결심했다.
- 패스트 캠퍼스 강의를 들으며 node.js, typescript, React를 본격적으로 써보기 시작했다.

### 3분기(7~9월)

![스타벅스에서 노트북](/images/blog/2201/6.jpeg)

- 파이썬에 흥미를 느껴 장고를 써보고 싶어졌다. MDN의 도서관 사이트 튜토리얼을 따라해보면서 공부를 시작했는데, 두번 반복해보니까 장고로 만든 웹의 동작 구조가 잘 이해돼서 넘 좋았다!!! 
https://developer.mozilla.org/ko/docs/Learn/Server-side/Django/Tutorial_local_library_website
- 회사 프로젝트에서 네트워크 호스트별로 모델링 시작. 사무관님이 정의해둔 문서를 보며 모델링했는데 개념이 아주 자세하게 쪼개져있어서 이해하기 쉽지 않았다. 물리적으로는 하나지만 추상적으로 분리되어야하는 모델이 많아 차장님께 여러번 여쭤보며 모델링을 했다.

### 4분기(10~12월)

![클라이밍 벽](/images/blog/2201/7.jpeg)

- 모델링을 하고 그 모델대로 neo4j에 노드, 엣지를 생성하는 파이썬 코드도 구현했다. 모델에 어떤 자료구조를 쓰면 좋을까 고민을 많이 했다(딕셔너리->클래스->데이터클래스 etc). 처음부터 제대로 설계를 했으면 좋았을 걸...하고 생각했다. 이럴때 삽질해보면 좋지!!하는 생각이지만 다음번에는 삽질을 무조건 덜하자! 
- 해당 코드를 도커에 올리고 서버에서 구동시키는 과정에서 리눅스 명령어와 좀 더 친해졌다.
- '대롱대롱'이라는 이름의 대전의 주옥같은 가게를 리스트업하는 웹 앱을 개발했다. 지금은 멈춘 상태지만,,, 피그마로 디자인을 하고 리액트, 장고를 사용해 구현했다.



썰매 타고 새 프로젝트 들어가고 클라이밍까지

SI 업계 1년차 개발자의 2021년 회고


이전에는 '계획하는 삶'을 살았다면, 2020년부터는 '대처하고 적응하는 삶'의 태도를 가지게 되었다. 소중했던 2020년을 되돌아보려한다. 

----------------------
![](/images/blog/192021/01.jpeg)

### 1분기 (1~3월)
연초에는 태국 여행과 운남성 여행을 계획하며 여러모로 들떠있었다. 미끄러운 곳을 굉장히 무서워해서 산을 싫어하는데, 나만의 도전삼아 인왕산을 등반했다. 보호색의 토끼가 나다. 그 외에도 도서관을 다니며 여러 책을 읽고, 코드 스테이츠의 Pre course를 수강하였다. Immersive Course까지 수강할 계획이었으나 옆에서 도와줄 선생님과 서로 동기부여할 동료가 필요하다고 판단해 국비지원학원에 지원하였다. 
2월 즈음부터는 COVID-19로 인해 태국여행을 출국 하루 전 취소하고, 예매해둔 비행기표를 모두 환불 받았다. 국비지원 프로그래밍 코스도 시작이 계속 미뤄져 여러모로 불안한 날들을 보냈다. 그래서 그냥 소액으로 주식 투자를 하고 경제/프로그래밍 책을 읽으면서 마인드 컨트롤을 했다.

-------------
![](/images/blog/192021/02.jpeg)

### 2분기 (4~6월)
국비지원 학원에 다니기 시작했다. 매일 아침 7시 10분 열차를 타고 학원에 통학을 했다. 새로운 사람들과 천천히 친해지면서 Java와 SQL을 배웠다. 학원 초반엔 클래스 이름과 파일 이름이 다르면 오류가 나는 것도 몰랐는데...! 개인적으로 쿼리 짜는게 퀴즈 푸는 것 같아서 DB 수업이 가장 재미 있었다. 전화영어도 주5일 20분씩 했고 내 생활 루틴대로 살아가는 안정감이 좋았다. 여전히 루틴 있는 삶이 젤루조아. 학원으로 가는 길 곧게 뻗은 초록이들덕분에 least favorite 계절이었던 여름을 아끼게 된 올해의 여름. 

---------------------
![](/images/blog/192021/03.jpeg)

### 3분기 (7~9월)
Java를 이용해 2주간의 프로젝트를 진행하였다. 유쾌한 팀원들과 함께 해 즐거웠지만 레거시인 Java FX를 사용해 개발한 것이 아쉽다(회사에 들어와보니 안드로이드 스튜디오와 비슷해 이해가 쉽긴 하지만). 프로젝트 초기에 학원에 불이 나 급하게 제주에 갔고 난생 처음 서핑도 해보고 스냅사진도 찍었다. 맥북이 그을림 에디션이 되어서 남자친구의 벽돌을 빌려 게스트하우스에서도 프로젝트 데이터 모델링을 했다. 분기말엔 SQLD 자격증도 취득하였다.

-------------------------
![](/images/blog/192021/04.jpeg)

### 4분기 (10~12월)
학원 마지막 프로젝트로 Java와 Spring Framework를 기반으로 한 웹 제너레이터를 개발하였다. DA를 맡아 약 66개의 테이블을 짜고 Tiles를 사용한 약간의 UA 업무와 배치 잡 등의 개발을 했다. 계속 앉아만 있는 게 힘들어 모니터 아래에 책을 쌓아두고 일어나 작업을 했다. 중간중간 다녀오는 편의점 탐방과 고양이 있는 카페 들르는 시간이 소중했다. 11월 즈음부터는 이력서와 포트폴리오를 준비해 2회의 면접을 보았다.

![](/images/blog/192021/05.png)  

모 클라우드 회사에서의 첫 면접을 치루고 더 열심히 준비한 두번째 회사 면접을 보았고, 합격해 개발자이자 정규직 직장인이 되었다. 오늘부로 입사 2주차인데 지금까지 파이썬으로 크롤링과 php와 Javascript를 이용한 개발을 사알짝 했다. 

![](/images/blog/192021/06.png)

-------------

#### 연초에 계획한 것 중 이룬 것
- 코드스테이츠 Pre course 수강
- 개발 공부
- 취업 준비 (취업했다)
- 오래 알고 지내고 싶은 사람 만나기
- 재미있는 운동 찾아서 계속 하기 (축구)

#### 연초에 계획한 것 중 이루지 못한 것
- 한달에 한 번 연극 또는 뮤지컬 관람
- 3개의 해커톤 나가기
- 운남성, 태국 등 각종 여행
- 필라테스, 스케이팅


8개월간 학원에 다니는 동안 '최선을 다했다'고 자신있게 말할 수 있다. 덕분에 개발자로서 아주 큰 성장을 했지만COVID-19 때문에 문화생활을 많이 누리지 못한 것이 아쉽다. 해커톤도 나가고 각종 개발자 커뮤니티 활동도 할 수 있었으면 좋았을 텐데... 상황이 좋아지고 여러 제약들이 빨리 사라지길 바라며, 2020년의 회고 마침. 
올 한해 저와 함께 해주신 모든 분들께 감사드립니다. 

Love from the bottom of my heart! 💙 


회고

'회고'에 관한 글들을 모아봤어요.

2023년 상반기 회고

2022년, 개발 경력 2년을 채우면서의 회고

SI 업계 1년차 개발자의 2021년 회고

2020년 비전공자 코알못의 사적인 회고