에이미의 성장기록

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

매일 매일 12시간넘게 코딩을 하고 있다. 이렇게 날씨가 좋은데 코딩만 하고 있다 ㅠㅠ 근데 그건 직장인 때도 그랬으니깐 뭐... ! 좋아하는 운동도 못 다니고, 데이트도 못하고, 친구들도 못만나고 잠도 못자고... 그 중에 제일은 운동 운동 운동을 너무 하고싶다!! 헬스장 가고싶어 모든 것들 중 가장 기본은 건강이라고 생각하는데, 하도 코딩만 하느라 몸이 망가지는 기분이다. 온농 항해 끝나면 헬스장 등록해서 하루에 2시간씩 운동해야지 😎 코딩 공부 1개월차, 이제 슬슬 코드가 이해되기 시작했지만, 아직 코드가 손에서 저절로 쳐지진 않는다. 가져다 쓰고 수정하고, 복사하고 콘솔 계속 찍어보면서 아하? 하는 과정 반복중 첫 한 달간 느꼈던 좌절감은 뭐 아직도 있긴 하지만, 그래도 하나하나 배우고 알아가는 ..

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

- 기간: 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":..

[배운것] CRUD 구현 로그인/회원가입 로그인 유지 firebase auth / 이메일 정규식 표현 firebase storage Session storage / Cookie 토큰 저장 조건부 렌더링 [느낀것] 세션과 로그인 여부를 통해 로그인 유지하고, 헤더를 분기하는 법을 배웠다! 로그인까지 한다고 끝이 아니라 유지하는게 더 어렵다는 것을 깨달았다! CRUD를 온전히 구현해보았다. 리액트의 가장 기본인 CRUD는 계속 연습해봐야겠다! R은 쉬운데 UPDATE가 좀 헷갈린다!! 이번주까지는 서버쪽과 직접 작업하지 않기때문에 firebase에서 이미지를 업로드하는 법을 배웠다! 파일리더를 통해 url로 받아오는 법을 기억하자! [아쉬웠던것] 이번주 과제는 사전만들기 / 인스타그램 만들기 중 1개 선택이..

livedata.tistory.com/3

Git push / pull // .git 이라는 하위 디렉토리 생성(새로운 저장소 생성) git init //깃 복제하기(저장소 가져오기) git clone 저장소url //상태 확인하기 git status //git pull 하기 git pull 원격저장소명 브랜치명 //수정건 추가하기 git add . //커밋하기(변경사항) - > push전에 해줘야함 git commit -m "메모해주기" //푸쉬하기(전체) git push

참고 블로그 axios 설치하기 yarn add axios axios 메쏘드 URL = API 주소 - GET: axios.get(url[, config]) - POST(추가): axios.post(url, data[, config]) - PUT(수정): axios.put(url, data[, config]) - DELETE(삭제): axios.delete(url[, config]) axios 기본 Params 1) Method 2) Url 3) Data (필수X) 4) Params (필수X) 기본사용법 post의 경우 url 밑에 data Object 추가 axios({ method: "get", url: "url", responseType: "type" }).then(function (response..