본문 바로가기

전체 글64

[Back&Stock] 피드백 반영하기 이 글은 항해99 마지막 실전 프로젝트를 끝내면서 정리하는 글입니다. 이번에는 실제 서비스를 하면서 설문조사 피드백을 받고 반영했던 경험에 대해서 작성하려고 한다. 긍정적 피드백 먼저, 설문에서 프로젝트에 대해 긍정적인 부분이라고 답해주셨던 부분은 UI 였다. 무엇보다 깔끔한 UI가 보기 편하고 필요한 요소들만 있는 것 같다는 피드백이 있었다. 긍정적 피드백은 짧게 정리하고 부족했던 부분과 어떻게 해결했는지 써보려고한다. 처음 접하는 사람에게 설명하기 설문 피드백을 보았을 때, 위의 긍정적 피드백과 상반되게 첫 접속에는 어떤 것을 해야 실험을 할 수 있는지 잘모른다고 답변이 왔다. 프로젝트의 주제가 주식의 백테스팅인 만큼 주식을 해보지 않았던 사람들, 백테스팅이 무엇인지 모르는 사람들에게 이 사이트를 사.. 2022. 4. 10.
[Back&Stock] 컴포넌트는 무엇일까? 이 글은 항해99 마지막 실전 프로젝트를 끝내면서 정리하는 글입니다. 먼저, 간단하게 소감을 이야기 해보자면 끝났다는 생각보다 이제 프론트엔드에 대해 시작하는 느낌을 받는 것 같다. 프로젝트를 진행하면서 짧은 시간안에 기획부터 UI, 기능 모두 완성해야 한다는 것이 많은 부분들을 완벽하게 만들지 못하게 한 것 같다는 생각이 들었다. 아래에서는 프로젝트를 진행하면서 아쉬운 부분이나 느낀점에 대해 정리해보자 한다. 컴포넌트 중요성 컴포넌트는 내가 생각하기에 리액트의 가장 큰 장점, 특징이라고 생각한다. 레고로 비유했을때 어떠한 하나의 오브젝트를 완성하기 위한 부품과 컴포넌트는 같다고 생각한다. 그렇기 때문에 컴포넌트를 처음부터 잘 만드는 것이 하나의 프로젝트를 완성하는데 가장 기초가 되는 부분이 아닐까 싶다.. 2022. 4. 7.
[항해99] 12주차 회고 한 주에 대한 정리 이 번주는 실전 프로젝트를 배포하고 사용자들에게 선보이는 기간이었습니다. 실제로 지인들이나 항해 사람들에게 소개하고 커뮤니티에도 글을 쓰며 홍보를 했습니다. 이 기간을 진행하면서 가장 많이 느꼈던 것은 사용자는 내 생각보다 훨씬 다양한 유형으로 서비스를 이용한다는 것이었습니다. 충분히 예상을하고 서비스를 만들고, 예외처리를 했다고 생각했지만 이 외에도 많은 버그나, 사용성에서 불편한 점들의 피드백을 받았습니다. 이제는 실전 프로젝트를 회고하면서 항해의 마지막을 준비해야할 것 같습니다. 2022. 4. 4.
[항해99] 11주차 회고 한 주에 대한 정리 11주차는 개발을 정리하고 조금 더 완성도 있게 프로젝트를 만드는 기간이었습니다. 세세한 오류들을 다시 잡고 배포하는 주간이었습니다. 배포는 s3, cloudfront, route53으로 진행했고 github action으로 무중단 배포를 구현했습니다. 이제 다음 주차에는 실제 사용자들에게 피드백을 받으려고 하니 걱정되면서 기대되는 것같습니다. 2022. 3. 28.
[항해99] 10주차 회고 한 주에 대한 정리 10주차는 mvp를 개발하여 중간 발표를 하는 날이었습니다. 프로젝트를 어느 정도는 완성을 해서 시연을 해야했기 때문에 구현에 초점을 맞춰 개발하는데 집중했습니다. 중간발표는 면접과 같은 느낌으로 질문을 해주시는 멘토님도 있으셨고 프로젝트나 코드에 대해 전반적인 피드백을 주시는 멘토님도 있으셨습니다. 이 후에는 개발된 기능들의 성능을 높이고 사용자의 편의성을 높이는 개발을 진행하려고 합니다.! 2022. 3. 21.
[항해99] 9주차 회고 한 주에 대한 정리 저번주에 이어서 이번주도 실전 프로젝트를 진행중입니다. 이번주는 드디어 기획이 끝나고 vscode를 사용할 수 있는 날이었습니다. 실전프로젝트는 이전과 다르게 신경써야할 부분이 많다고 느꼈습니다. 프로젝트를 잘진행하기 위해서는 기획, 디자인, 백엔드 모두 고려해야하고 대화가 많이 필요하다는 것을 느꼈습니다. 같은 이야기를 하더라도 조금씩 이해하는 부분이 다르고 중요하다고 생각하는 부분이 달라 다양한 요소들을 맞춰가는 것에 있어 어렵다는 것을 깨달았습니다. 그러나, 많은 대화를 하고 많은 회의를 할 수록 더 좋은 것을이 생각나고 프로젝트가 조금씩 나아진다는 것을 알 수 있었습니다. 이전에는 프로젝트에서는 코딩에먼 집중을 했다면, 실전 프로젝트에서는 팀원과의 대화나 디자이너 분들과 회의를.. 2022. 3. 13.
[항해99] 8주차 회고 한 주에 대한 정리 이제 항해 마지막 프로젝트인 실전 주차입니다. 이번 주는 vscode를 거의 켜지 못하고 프로젝트를 기획하는데 시간을 보냈습니다. 먼저, 기획했던 웹 게임이 기술적인 어필이 부족하다고 느껴진다는 피드백이 있어 기획을 바꾸게 되었고 이번 주차가 끝날때 즘에 기본적인 기획을 완료하게 되었습니다. 기획이 어렵다는 것을 새삼 다시 느끼며 다음 주차는 코딩에 집중할 수 있었으면 좋겠습니다. 2022. 3. 6.
[React: code] 리덕스는 어떻게 사용할까? 이 글의 목적은 제가 작성한 코드를 다시 되집어 보는데 있습니다. 프로젝트를 진행하면서 리액트의 리덕스를 어떠한 순서로 사용하여 CRUD를 구현하였는지 다시 보고 정리하는 글입니다. 사용한 주요 패키지는 아래와 같고, firebase를 사용했습니다. - react-redux - redux-action - redux-thunk - immer 먼저, 리덕스를 살펴보면, 스토어 - 데이터가 저장되는 곳 구독 - 스토어에서 컴포넌트로 데이터를 보내는 행위 리듀서 - 저장된 데이터(상태)를 관리하는 곳 액션 - 컴포넌트에서 데이터를 변경하여 스토어에 전송하고 싶을 때 선언하는 객체 디스패치 - 스토어의 내장 함수 중 하나로 액션 객체를 넘겨줘 상태를 업데이트하는 것 리덕스의 흐름 1) 리덕스 스토어를 컴포넌트가 .. 2022. 3. 1.
[항해99] 7주차 회고 한 주에 대한 정리 이번 주차는 처음으로 클론코딩 주차였습니다. 저희 조가 선택한 서비스는 마켓컬리였습니다. 이번 클론코딩을 진행하면서 가장 중요하게 신경쓴 부분은 화면의 구성이 거의 똑같도록 만드는 것이었습니다. 패딩이나 마진, 글자의 크기 간격 등 완벽하게 따라하기 위해 집중했습니다. 기술적으로 집중한 부분은 redux를 사용하는 것 이었습니다. 개인이 원하는 상품을 장바구니에 담아야했기 때문에 이를 어떤식으로 관리해야하는지에 대해 고민을 했습니다. 처음에는 장바구니에 담은 물품들만 redux의 스토어에 저장하고, 장바구니에서 각 물품의 수량을 useState로 관리하니 오류가 발생했습니다. 이를 해결하고자, redux로 수량과 총 가격까지 관리했고 문제를 해결할 수 있었습니다. 이번 주차를 진행하면.. 2022. 2. 28.

티스토리툴바