에이미의 성장기록

- 12주차 프로젝트: 실전 프로젝트 "동물마켓" 마지막 주차 회고를 밀렸다. 더 밀리기 전에 써놔야지😂😂😂 배운것 - https 배포 (CloudFront) / 도메인 연결 - 현업자에게 받는 피드백 - 고차 컴포넌트 - 커스텀 훅 - 반응형(미디어 쿼리) 느낀것 - 현업자한테 받는 피드백은 정말 생각지도 못했던 것들이었다. OKKY에 올려서 현업분들에게 받았던 피드백은 정말 감사할정도로 구체적이고, 아 이런 부분까지 생각할 수 있구나! 라는 생각을 들게 했다. 일부분은 놓친 것이었고, 또 어떤 부분은 아예 처음 보는 것이었다. 리액트는 페이지 이동시 스크롤이 자동으로 올라간다는것을 이제야 알다니... 이제라도 알아서 다행이다. 반응형 메인 화면에서 4개씩 게시글을 짜를때, 4개 미만의 게시글은 왼쪽으..

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

1. 이력서 쓰기 - 경력 필수. - 경력 자세하기 ( ex) 4인이 개발참여 x , 어떤 기술 사용 & 어떤 역할로 일을 한 건지 & 성과에 대한 수치화 ) - 주의 : IDE와 커뮤니케이션 툴 x (슬랙, inteliji 등) - 필요한 경력만 넣기, 경력이 없다면 블로그 / 깃헙 등 - 면접관에세 설명할 수 있는 내용만 넣자. 긴가민가하면 안쓰는게 낫다 - 중요한 것 먼저 배치, 블로그? 이력? 등 가장 위에 두고 어필, 회사에 대한 추가적인 어필 문구 기재 - 이력서는 열심히 쓰자! 포장을 잘하자! 2. 개발자가 가져야하는 역량 - 문제해결능력! 막히는 부분을 정의하고 어떻게 해결 방법을 찾아낼 수 있는지? * 개발하면서 ~~어떤 문제 없었나요? - 구현력! 도메인의 복잡도를 줄이면서 각자의 역할..

[프론트엔드] 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위가 번개장터임을 착안 고객은 일반 커머스 쇼핑몰보다 참여가 쉽고, 거래가 단순한 ..

- 8주차 프로젝트: 실전 프로젝트(5주, 동물마켓 웹사이트 만들기) [배운것] kakao login api kakao map api 디자이너 협업 이메일 인증 등 회원가입 유효성 검사 detail 와이어프레임, 플로우차트 [느낀것] 5주간 진행할 실전 프로젝트의 주제를 정하면서 주제/기획단이 이렇게 오래걸리는 일임을 깨달았다.... 이번 프로젝트는 디자이너 2분이 같이하여 디자이너분과 협업하는것은 또 처음이었는데 디자이너의 관점이 이렇게 다른것인줄도 처음 알았다🙄 일단 개발자의 관점에서 기획을 하는 것 자체도 범위가 좁아지고, 디자이너의 관점은 또 개발 범위와 너무 멀어지고 적당한 5주치의 범위와 주제를 찾는것, 그리고 기획의 의도와 목적, 효과를 고려하는것도 처음이었는데 재밌기도 했지만 2일 내내 의..

- 7주차 프로젝트: 미니 프로젝트(2주, 쇼핑몰 만들기) ☕ 2주차 [배운것] 페이지네이션 좋아요 토글 daum 주소 api 연결 s3 배포 [느낀것] 쇼핑몰을 한번 구현해보고 싶었는데, 생각보다 어렵지 않았다. 장바구니/결제 모두 CRUD의 연속이었다. 서버리스로 하다가 api로 필요한 데이터만 받아서 뿌리니까 정말 편했다... firebase가 불편했던 것임을, 그리고 백엔드의 소중함을 알게되었다 🤩 오히려 axios보다 아직도 redux가 더 어려운 느낌...? redux 사용없이 서버에서만 데이터를 받아서 뿌리고 싶은데, 서버에 최소한으로 요청하는게 좋다고 했으니 최대한 redux를 사용하는 연습을 해야겠다. 기능 구현에서 오류를 해결하는데 생각보다 오래걸렸다. 그 중 undefined 오류가 ..

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

6주차 프로젝트: 미니 프로젝트(2주, 쇼핑몰 만들기) ☕ 1주차 [배운것] GIT 충돌 해결 FIGMA로 VIEW 잡기 로그인/회원가입 - JWT 방식 구현 쿠키/로컬스토리지 저장 ID 중복체크하기 ARC ( Advanced Rest Client) API 체크 styled component extension [느낀것] 이전 프로젝트에서는 GIT 충돌을 최대한 피하기 위해 영역을 철저히 다르게 수정했었는데, 이번에는 어쩔수없이 겹치는 부분들이 생겼다. 그래서 충돌되면 어떤걸 선택하는지? current 유지, updated stream을 선택할지 해보았다. 줄바꿈 하나의 차이도 잡아낸다니... 최대한 약속했던 범위에서 간결하게 코드 짜는것이 중요할 것 같다. FIGMA를 사용하여 VIEW 그림을 그려나갔다..

6주차 프로젝트: 클론코딩(번개장터) 팀프로젝트(12조) 번개장터 클론코딩 [배운것] axios 서버와의 협업! 어마어마한 CSS 발전 슬라이드 배너(slick) 로그인/회원가입, 유지 체크박스 데이터 구현(input 방식들) 모달창 띄우기 CRUD에서 CR 구현 GIT 협업(PULL/PUSH) [느낀것] 백엔드(스프링)분들과 협업이 처음이었다. 여태 서버리스(파이어베이스)로 CRUD를 구현하다가 api로 작업해본건 처음이었는데, axios로 하니 생각보다 비슷했다 ! but 처음에 합을 맞출때는 어려웠다. 소통이 내가 생각했던 것 보다 많이 필요하다!! GIT으로 PULL/PUSH 해가며 협업해본 것도 처음이었다. 우리는 최대한 충돌을 피하기 위해, PUSH 전 어떤 부분 수정했고, 수정한 부분을 미리..