웹모바일

부스트캠프를 마치며

부스트캠프의 모든 과정을 마쳤다. 정말 길다면 길고 짧다면 짧은 5개월 굉장히 많은것을 배우고, 느낄 수 있었다. 배우고 느낀것을 챌린지, 스프린트, 그룹프로젝트로 크게 3가지로 나누어서 살펴보자. 챌린지챌린지에서는 CS미션이 매일매일 쏟아지며 정말 힘겹게 미션을 해결했던 기억이 있다. 챌린지를 통해서는 어떻게 큰 문제를 작은 문제로 분할할 것인지, 그 방법을 터득할 수 있었다 정의조차 잘 되지 않는 거대한 문제를 마주하다보니 어렵기도 어렵거니와 좌절감을 느끼기도 했었다. 하지만 4주동안의 훈련 과정을 통해 문제를 해석하고, 해결하기 위한 작은 체크포인트를 만들고, 하나씩 정복해나갔다. 챌린지에서 배운 것들을 되돌아보자. 소통을 통한 함께자라기챌린지를 통해 정의되지않은 답이 존재하지 않는 문제에 대해 토..

부스트캠프 멤버십 그룹프로젝트 4주차 회고

부스트캠프 멤버십 그룹프로젝트 3주차를 마쳤다. 벌써 4주차다... 2주차 밖에 남지 않았다. 배운 것 이번주는 꽤나 많은 도움을 받은 한 주였다. 도움을 줄때도 기분이 좋지만, 이제는 도움을 받을때도 참 기분이 좋다. 그 사람이 나를 위해 시간을 내고, 같이 고민해줬다는 것에 참 감사하다. 개발 환경 개선하기 이전 주에 구현했던 내용들에 엣지케이스가 상당히 많아서 이번주에는 이 부분을 개선하려고 노력을 많이 했다. 그러나 우리 서비스의 경우에는 쿠키를 통해 토큰을 전송하기에, 로컬-배포환경의 차이가 발생할 수 밖에 없었다. 이걸 해결하지 못하면 개발시에 오류를 만나보지 못하게 되고 배포하기 전까지 확인하기 어렵다는 문제점을 맞이했다. 지금까지 개발-로컬환경의 차이가 이렇게 크게 나는 경우(로컬에서 ap..

부스트캠프 멤버십 그룹프로젝트 3주차 회고

부스트캠프 멤버십 그룹프로젝트 3주차를 마쳤다. 세상에 벌써 3주차가 끝났단말이야? 배운것 이번 주는 코드적인 부분을 많이 학습할 수 있었다. Context API는 상태관리 도구가 아니다. 모든 시작은 Modal에 대한 고민으로부터 시작했다. 요런 고민들을 했었는데, 이런 고민들을 멘토님께 공유드리니, 멘토님께서 이것 뿐만 아니라 모달이 여러개라면 어떻게 할 것이냐는 질문을 던져주셨고, @ebay/nice-modal-react라이브러리를 알려주시며 해당 구조를 한번 살펴보라고 해주셨다. 그래서 무작정 코드를 뜯어보기 시작했는데, 여기서 Context API를 사용해서 모달을 관리하는 것을 확인할 수 있었다. 그런데 상태라기보다는 값 관리를 위해 Modal 고유의 ID를 주입한다던지... 이런식으로 사용..

부스트캠프 멤버십 그룹프로젝트 2주차 회고

부스트캠프의 그룹프로젝트 2주차를 마쳤다. 배운것 왜? 를 조금 더 날카롭게 사실 이전까지는 어떤 문제를 해결하는데 현재 상태로는 구현이 불가능하다 싶으면 찾아봤을때 가장 먼저 나오는 라이브러리를 아무 생각없이 다운로드 받아 사용하기 일수였다. 하지만 이번 프로젝트부터는 왜 이 라이브러리를 사용해야하는가? 를 조금 더 고민했다. 왜 이 라이브러리를 사용해야하는가? 를 고민해야하는 이유는 여러가지를 되짚어보며 명확히 할 수 있기 때문이다. 1. 우리가 하고자 하는 것은 무엇인가? 2. 현재 우리가 겪고 있는 문제는 무엇인가? 3. 우리가 겪는 문제의 본질은 무엇인가? 4. 그 문제의 본질을 이 라이브러리가 해결해 줄 수 있는가? 5. 이 라이브러리보다 더 여러 가지 기준에서 더 나은 라이브러리는 없는가? ..

부스트캠프 멤버십 그룹프로젝트 1주차 회고

부스트캠프의 그룹프로젝트 1주차를 마쳤다. 배운 것 프로젝트를 관리하는법 지금까지 나는 여러 프로젝트를 했지만, 뭔가 체계적으로 한다기보다는 오늘은 요걸 해보자! 라고 즉흥적으로 정해서 하기 일수였다. 그래서 프로젝트가 생각보다 일찍 끝나거나, 혹은 매우 늘어지기도 했다. 이번 주차에는 그렇지 않기위해서 스크럼 방식을 통해 프로젝트를 관리하는 방법을 학습할 수 있었다. 정말 좋은 방법이고, 앞으로 반드시 이런 방식으로 프로젝트를 관리해야겠다는 다짐을 했다. 스크럼 스크럼은 복잡한 제품을 개발하고, 배포하고, 유지하기위한 프레임워크다. 이걸 여기서 아무리 설명해봤자 감이 오지 않을 것이다. 백로그 백로그란 완료되지 않은 작업 항목들의 리스트나 목록이다. 일종의 팀의 todo list 같은 것이다. 백로그는..

부스트캠프 멤버십 7주차 회고

멤버십 7주차를 마쳤다. 굉장히 바쁘고, 동시에 좀 뿌듯했던 한주였다. 저번 주의 해이해짐이 사라지고, 다시 열정을 찾아올 수 있었다. 배우고 느낀 것들 리액트 렌더링 방식 이해하기 기존의 코드는 innerHTML과 템플릿리터럴, 이벤트 기반으로 DOM요소를 직접적으로 조작하는 방식이었다. 여기서 관심사를 조금 더 분리하고, 컴포넌트를 보다 컴포넌트 형태로 관리하기 위해서 JSX를 도입하여 리액트의 렌더링을 구현해보는 형태로 변경했다. 이 과정에서 JSX가 어떻게 변환되는지, 리액트의 virtual DOM은 어떻게 부분렌더링에 기여하는지 등에 대한 이해도를 높힐 수 있었다. 수많은 리액트관련 글들, 그리고 책까지 많은 정보들을 접하고 개념을 이해했다고 생각했지만, 전혀 이해하고 있지 못했었나보다. 굉장히..

부스트캠프 멤버십 6주차 회고

멤버십 6주차를 마쳤다. 왜 5주차가 없냐고? 1주 명절겸 인터미션이라 잘 쉬고 왔다. 배우고 느낀것들 페어코딩 소프트웨어 장인, 함께 자라기 등 다양한 소프트웨어 도서들에서 강조하던 페어코딩을 이번 기회를 통해 진행해보았다. 원래는 비대면으로 진행하려했지만, 페어가 마침 서울에 살고, 이번 기회가 아니면 또 언제 해보겠어~ 라는 생각에 만나서 진행해보기로 했다. 진행방식은 네비게이터-드라이버 형태로, 30분씩 코딩을 하고 쉬었다가 역할을 바꿔서 수행했다. 우리는 크게 테일윈드 도입과 웹서버를 직접 띄워보는 두가지 도전을 했는데, 페어코딩으로 진행하니 새로운 것을 도입하고자할때의 부담감이 덜했고, 좀 더 적극적으로 도전할 수 있었다. 아마 이번 주차를 페어코딩으로 진행하지 않았더라면 나는 아마 테일윈드를..

부스트캠프 멤버십 4주차 회고

멤버십 4주차를 마쳤다. 학습 스프린트가 마무리되었다. 챌린지와 비교해서 4주가 정말 빠르게 갔던 것 같다. 하나의 프로젝트가 마무리되었으니 어떤 것들을 시도해보았고, 배우고 느꼈는지 써볼 생각이다. 시도해본 것들사실 처음 시도해본 것들 투성이다. 사실 클라이언트 코드를 바닐라 코드로 이렇게 제대로 구조를 잡아본 것조차 처음이다. 하지만, 다른 프로젝트와 다르게 스프린트는 학습을 목표로 한다는 점에서달랐다. 덕분에 스프린트 과정을 하나의 샌드박스로 인식하고, 많은 새로운 시도들을 해볼 수 있었다. 프론트엔드컴포넌트간 관리하기일단 어떻게 컴포넌트를 만들지부터 생각했다. 더 깔끔한 방식을 찾기위해서 처음에는 클래스로 해보고, 이후에는 싹다 갈아엎어서 함수형으로 변경해보기도 했다. 이후에는 어떻게 컴포넌트의 ..