에이미의 성장기록

◼ 기간: 2021.4/23~5/28 (5주) ◼ 프로젝트명: 동물마켓(동네에서 물물교환하는 마켓) ◼ 팀원 구성: 6명 - 백엔드 2명(Node.js) + 프론트 2명(React.js) + 디자이너 2명 ◼ 기획배경 - 커머스 플랫폼 중 최근 급 부상중인 C2C 직거래 플랫폼의 빠른 성장 속도 및 가능성 - 실제 유저가 쉽게 사용할 수 있는 가장 밀접한 서비스로 고객 반응을 실시간으로 듣고 개선할 수 있다고 판단 - 현재 서비스를 제공하고 있는 유사 플랫폼이 가진 불편함 개선 (한 거래당 무수히 생기는 1:1 채팅창) - 장기적으로 큰 개발 확장성(결제, 검색, 지역 커뮤니티 등)을 통한 서비스 확장 경험 가능 ◼ 프로젝트 설명 - 위치를 기반으로 동네에서 필요한 물물교환할 수 있는 웹사이트입니다. 다..

[프론트엔드] 1주차 작업 내용(수~토) *월~화는 기존 주제 진행(엎었음) / 수 - 아이디어 회의 1. 전체 VIEW 2. 상품 불러오기 기능(mockAPI 진행) 3. 로그인/회원가입 서버 연결 준비 - 유효성 검사 4. 헤더 분기(로그인/비로그인) 5. 위치 기반 api -> 사용자 위치 파악 6. 틀렸을 경우 다음 우편번호 찾기 api 사용하여 직접 입력하게 연결

- 기간: 4/26~ 5/27 (5주) - 팀원구성: 리액트 2명 + Node.js 2명 + 디자이너 2명 - 프로젝트명: 동물마켓 (동네에서 물물교환할 수 있는 마켓) - 프로젝트 설명: 사용자 위치 기반으로 동네에서 동네에서 현금 등가교환이 아닌, 내가 올린 물건과 다른 사람이 제안한 물건을 서로 교 환할 수 있도록 함. 1:1 채팅창이 아닌 경매식으로 디테일페이지에서 교환을 원하는 사람은 누구든지 단체 채팅방에 참여할 수 있고, 가장 마음에 드는 제안을 선택하여 해당 유저와 1:1 채팅을 할 수 있음 - 기획의도: 1) 21년 4월, 세대별 쇼핑앱 랭킹에서 10대~60대까지 당근마켓이 2위를 차지, 10대~20대의 4위가 번개장터임을 착안 고객은 일반 커머스 쇼핑몰보다 참여가 쉽고, 거래가 단순한 ..

- 기간: 4/12~4/22 (14일) - 팀원 구성: 스프링 3명 + 리액트 2명 - 프로젝트명:Coffzag 커프재그 -> 커피 + 지그재그(의류쇼핑몰)의 합성어 - 목적: 커피를 좋아하는 사람들을 위해 커피캡슐에 대한 리뷰들을 모아서 보여주고, 구매로 바로 연계하고자 함 - 설명: 일리, 스타벅스, 네스프레소 공식몰을 크롤링 후 진행하였습니다. 각 브랜드 캡슐커피를 한번에 모아서 구매하고, 캡슐마다 리뷰를 달 수 있습니다. 각 캡슐의 최근 리뷰를 메인 화면 캡슐 카드에 보여지게 했습니다. - 개발언어/라이브러리: JavaScript / React - 협업툴: git, slack, notion, figma - 구현 기능: 로그인(JWT)/회원가입 Product Main(페이지네이션, GET) 리뷰(C..

- 기간: 3/26~3/31 (4일) - 팀원 구성: 개인 - 프로젝트명: My dictionary (인물 사전) - 프로젝트 목적: 포스트 불러오기, 추가, 수정, 삭제 기능 (CRUD)구현 + 무한 스크롤 - 목표 & 실제 구현기능 카드 불러오기, 추가, 수정, 삭제 (CRUD 연습) -> 서버리스 솔루션 파이어스토어 이용 무한 스크롤(+스피너) - 배포 URL mydict-ce0dd.firebaseapp.com - 영상 - GITHUB 주소 github.com/hyemigwak/mydictionary

- 진행기간: 4/2~4/8 ( 일요일 제외 6일) - 팀원구성: 리액트 2명 + 스프링 2명 - 프로젝트명: 번개장터 클론코딩 - 목표: 번개장터의 메인페이지 및 주요 기능인 상품 불러오기, 등록, 수정, 삭제 (CRUD)를 구현하고자 함 실제 백엔드와 협업하여 서버 연결 -실제 구현 기능: 로그인/회원가입 및 로그인 유지 오늘의 상품 추천(상품 불러오기) 상품 보여주기(상품 눌렀을때 디테일 페이지 이동, 보여주기) 판매하기(상품 등록하기) 그 외 세부적인 기능: 모달창(디테일 페이지-연락하기), 슬라이드 배너(slick 사용), 회원가입 체크(공란여부, pwd 일치여부 등) - 목표였으나 구현하지 못한 기능 상품 삭제 및 수정(Update, Delete) - 제출 시간에 맞추지 못함 크롤링(스크래핑)..

- 기간: 4/12~4/22 자정 - 팀원 구성: 스프링 3명 + 리액트 나 포함 2명 - 프로젝트명: 커프재그 ( 커피 + 지그재그 ) - 목적: 커피를 좋아하는 사람들을 위해 커피캡슐에 대한 리뷰들을 모아서 보여주고, 구매로 바로 연계하고자 함 - 목표 기능: 커피 캡슐 POST CRUD 리뷰 CRD 장바구니 CRUD 로그인/회원가입 JWT 토큰 이용 - 1주차 목표: 스프링: 네스프레소 사이트 크롤링, 로그인/회원가입, 리뷰 CR 리액트: 메인/상세/로그인/회원가입 View 만들기, 로그인/회원가입 기능 연결 - 와이어프레임 - API 설계 Main화면 //GET방식 // /api/products { "ok": true, "results": [{ "coffe_id": 1, "coffee_name":..

링크 React App mydict-ce0dd.firebaseapp.com 구현 목적 모르는 단어 적어놓고 보여주려고 만들었으나, 배포 후 친구들의 장난으로 친구들 이름이 들어가게 되었습니다^^; 구현한 기능 1) 게시물 목록 화면에 그리기(뷰 만들기) 2) 게시글 목록 리덕스에서 관리 3) 게시글 목록 파이어스토어에서 가져오기 4) 게시글 로드,추가,수정,삭제 구현 5) 무한 스크롤 붙이기

- 팀 번호: 32 - 제목: 좋아하는 국내 여행지 기록! - 설명: * 가봤던 or 가보고 싶은 여행지 중 좋았던 곳은 찜하기 클릭! * 찜했던 여행지들은 마이페이지에서 모아보기 * 많은 여행지를 빠르게 찾으려면? 지역별로 분류해볼 수 있어요! * 별로였거나 이미 갔다왔다면? 하트를 한번 더 눌러 마이페이지에서 제거할 수 있어요! - 구현기능: 1) 구글 지도 스크래핑 2) 좋아요 ON -> 마이페이지 이동 3) 좋아요 OFF -> 마이페이지 삭제 4) 네비게이션 바 클릭시 해당 탭으로 이동 - 웹사이트 주소: http://13.209.11.103/ - 유튜브 데모 영상: https://youtu.be/VopeG5TxEko - 깃헙: https://github.com/hyemigwak/hanghae-p..

- 팀명: 32조 - 팀장: 곽혜미 - 팀원: 박현준, 여지영 - 일자: 3/1(월) DAY+01 - 프로젝트명: 웹개발 미니프로젝트 1. 32조 프로젝트 제목 및 간단 설명 제목: 좋아하는 국내 여행지 기록 설명: 국내 여행 명소를 스크래핑하여, 지역별로 카드 리스트로 나열하고, 좋아하는 여행지 카드에 '좋아요' 를 클릭하면 마이페이지에 좋아요 클릭된 여행지들이 분류되어 확인 가능 2. 와이어프레임 사진 1) 로그인페이지 - ID/PW를 입력 후 로그인 성공 시 메인페이지 이동 - 미회원의 경우 회원가입 버튼을 누르면 로그인 창이 숨겨지고 회원가입칸 보임 2) 메인페이지 - 국내여행지기록(제목) - 우측 상단(MY PAGE) - 네비게이션바(서울/경기/제주/부산 등) -> 누르면 지역탭으로 이동 - 카..