PROJECT8 [4주Project] 프로젝트 전체 회고 드디어 4주간의 긴 프로젝트가 마무리 되었다. 한달여간의 프로젝트 기간이었지만 잘 구현된 부분도 있고, 아쉽게 구현하지 못한 부분도 있고 시원섭섭하였다. 4주간 프로젝트를 진행 하면서 바빠지다 보니 블로그 작성이 밀리다 결국 마무리 회고로 작성하게 되었다. 이번 마무리 회고에서는 간략하게 어떤 서비스를 개발하였는지 작성하려고 한다. 프로젝트 명 : TOM(T-label Open Market) 더보기 화훼시장에는 수 많은 도소매 업자들이 있습니다. 도소매 업자들에게 판매채널을 하나더 열어 주고 소비자들도 하나의 꽃집에서 꽃을 주문하는게 아니라 여러 꽃집에서 다양한 화훼의 품종을 보며 살 수 있고, 그 화훼에 대한 설명도 자세히 알려주는 화훼를 전문적으로 다루는 오픈마켓 서비스입니다. 스택 아키텍쳐 Fron.. 2020. 8. 26. [4주Project] 프로젝트 2주차 회고 어느덧 2주차가 지나갔다. 2주동안 가장 많이 한 일은 오류 수정하는 일이었던 거 같다. 리덕스에서 api관리가 좀 더 용이한 리덕스 사가를 이용하게 되면서 중간 중간 새로운 기술들을 이용하고 적용하면서 수많은 오류들이 발생 하였다. 말그대로 어디서 나오는 지 모르는 버그들이 등장해서 디버깅 하는 시간이 오래걸렸다. 간단한 문법 오류 부터 시작하여 환경설정 문제, 새로운 기술 사용 등으로 인해 계속해서 오류가 나서 stackoverflow를 참고하면서 고쳐 나갔다. 기본적으로 홈화면 / 로그인 / 회원가입 / 마이페이지 등 데이터를 주고 받는 방식에서 리덕스 사가를 이용하여 조금 더 액션을 나누어 편리하게 api를 관리할 수 있게 만들었다. 사실상 이번주는 오류 수정하는 시간이 대부분이였다. 어느정도의 .. 2020. 8. 19. [4주Project] 1주차 회고 TIL 프로젝트 시작한지 1주일이 빠르게 지나갔다. 1주일의 시간동안 기본적인 페이지 및 컴포넌트 틀을 만들고 / 백엔드에서는 서버 세팅과 데이터를 만드는 작업을 진행 하였다. expo를 이용하여 진행하다 보니 기능을 추가하면 할 수 록 느려지는 듯한 느낌이 들고, 새로운 기술을 사용하자는 방향으로 바뀌어 expo를 사용하지 않는 방향으로 정하였다. 그래서 새롭게 안드로이드 스튜디오 환경설정을 진행하고 React Native CLI를 설정하고 공부하는 방향으로 전환하였다. 설정을 하는 데 꽤 오랜 시간이 걸렸다. Homebrew 를 설치한 이후 node와 watchman을 설치 해야 하고 JDK까지 설치를 한 이후 안드로이드 스튜디오 SDK에서 홈루트를 받아와 루트를 연결하는 환경설정을 진행해야 한다. ( Re.. 2020. 7. 22. [4주 Project] 1일차 TIL 드디어 마지막 프로젝트를 시작하게 되었다. 이번 프로젝트는 4주간 진행되어서 조금더 완성도 높은 프로젝트를 완성하는 것을 목표로 했다. 이번에도 프론트엔드를 맡게 되어 프로젠트를 진행하게 되었다. 2주프로젝트때와 다르게 이번 4주 프로젝트에서는 웹이 아닌 안드로이드 앱 제작을 하는 것을 목표로 하였다. 어떤 프로젝트를 진행할지 아이디어 회의를 하였다. 기본적으로 오픈마켓이나 쇼핑몰 형태의 서비스를 제공하는 아이디어로 진행하게 되었고, 화훼 산업과 관련되어 판매자와 소비자가 오픈마켓 형태로 서비스를 제공하는 안드로이드 앱으로 만들기로 했다. 처음 , 기능에 대한 flow를 만들어서 어떤 페이지에서 어떻게 작동되어야 하는지에 대한 그림을 그려나갔다. Home 화면(Main page)를 기준으로 Header와.. 2020. 7. 15. [2주project] 마무리 및 회고 TIL [AucZip] 사용한 기술 프론트엔드 - React / Redux / Bootstrap 백엔드 - node.js / express / JWT / MySQL 프론트 엔드에서 구현 한 기능 로그인 기능 구현/ 회원가입 / mypage1(기본정보 제공, 회원정보, 투자내역) / mypage2(orm 설정) 홈화면 구현 회원가입창 모달로 만들기(이메일 중복등, 소셜로그인) 마이페이지(화면, 비번등 수정, 보유금액 등) 건물정보 클릭햇을시 해당 건물 페이지 이동 2주간의 짧은 프로젝트가 마무리 되었다. 처음 부동산 경매 사이트를 만들어 보자는 팀장의 아이디어를 듣고 어떻게 시작해야 될지 감이 오지 않았다. 제일 처음 시작한 일은 팀원들의 각자 역할을 나누고, 진행 단계를 나누는 일이 었다. 3개의 Sprint로.. 2020. 7. 13. [2주 Project] 8일차 TIL [목표로 한 기능들을 구현] 2주라는 시간이지만 사실상 8일차라고 볼 수 있는 프로젝트 마무리 기간이 다가왔다. 짧은 시간동안 원했던 기능을 구현하는 것은 쉽지 않았다. 그래도 기본적으로 프론트엔드 에서 구현하고자 했던 로그인, 로그아웃, 홈 데이터 불러오기, 해당 데이터 별 페이지 이동 등 어느 정도 구현할 수 있었다. 전체적으로는 bootstrap을 이용하여 사용 하였고, 회원가입과 로그인은 modal 기능을 사용하였다. 회원가입과 로그인은 데이터를 받기 위해서 React의 useState함수를 이용하였으며, const [userInfo, setUserInfo] = useState({ email: "", memberId: "", password: "", }); 데이터를 서버로 연결해주기 위해 axio.. 2020. 7. 8. [2주 Project] 2일차 TIL 2주 Project 2일차에 접어들었다. 오늘은 어제 설계했던 부분을 좀 더 세분화 하여 시간분배를 하는 작업을 하였다. Front-end 역할을 맡게 되어서 내일 부터 시작될 Sprint2 작업을 같이 Front-end를 담당하는 분과 나누어 역할 분담을 하기로 하였다. Front-end 역할을 분배 하면서 내가 맡기로 한 부분은 다음과 같았다. 홈 화면 [ ] 홈 화면(/index) 구현 ⇒ 컴포넌트 & 버튼 생성 / 디자인은 추후 회원 가입 [ ] [회원 가입] 페이지 구현 ⇒ 컴포넌트 생성 글쓰기 컴포넌트 [ ] 글쓰기 페이지 구현 [ ] 작성 버튼 건물 정보 [ ] 건물 정보 페이지(/building) 구현 건물 이름 등등 / DB 참고 [ ] Google Map 출력 [ ] 투자하기 버튼 여기.. 2020. 6. 30. [2주 Project] 1일차 TIL 기본 교육이 끝나고 2주 프로젝트가 시작되었다. 아이디어에 맞춰 4명의 인원이 팀으로 선정되었고, 팀원들이 모여서 어떻게 구성할지 아이디어를 짜기 시작했다. 팀이름, 팀명 , 프로젝트 명을 정하는 것을 우선으로 하였다. 그리고 초기 컨셉에 대한 아이디어를 듣고, 구체화 하기 시작하였다. 그리고 이 것을 어떻게 구현할지에 대해 의견을 나누었다. 프로젝트는 부동산 P2P 경매 웹이라는 아이디어에서 출발하였다. 경매로 나온 부동산에 대해 소액 투자를 통해 높은 이익률을 만들어 유저들을 참여시킨다는 계획이었다. 그렇다면 어떤 부분들이 웹으로 구현하는 데 필요한 가에 대해 서로 아이디어를 내는 시간을 가졌다. 홈 화면 구현 로그인 페이지 구현 회원가입 페이지 구현 My page 구현 부동산 정보 페이지 구현 자유.. 2020. 6. 29. 이전 1 다음