세모이
개발 계발
세모이
전체 방문자
오늘
어제
  • 분류 전체보기 (83)
    • 알고리즘 (1)
    • 자바스크립트 (29)
    • 리액트 (10)
    • HTML&CSS (2)
    • TIL (26)
    • 파이썬 (8)
    • Dev (1)
    • 데일리 (3)
      • 2023 (3)
      • 2025 (0)
    • 에러일기 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 자바스크립트 생성자 함수에 의한 객체 생성
  • 모던 자바스크립트
  • 시멘틱 태그
  • 옵셔널 체이닝
  • 자바스크립트
  • 자바스크립트 strict mode
  • 함수
  • 자바스크립트 빌트인 객체
  • 자바스크립트 함수와 일급 객체
  • 개발자 도구 Network
  • &&연산자
  • 리액트 key
  • 자바스크립트 프로토타입
  • const let 키워드와 블록레벨 스코프
  • 모던 자바스크립트 deep deive
  • 자바스크립트 프로퍼티 어트리뷰트
  • 모던 자바스크립트 deep dive
  • html 신기한 태그
  • 자바스크립트 깊은 복사 얕은 복사
  • 자바스크립트 전역 변수의 문제점

최근 댓글

최근 글

티스토리

반응형
hELLO · Designed By 정상우.
세모이

개발 계발

첫 팀프로젝트 후기
TIL

첫 팀프로젝트 후기

2022. 2. 16. 14:52
반응형

1. 소개

2주 동안 팀 프로젝트로 이케아 페이지를 클론 코딩

프론트엔드와 백엔드를 나눠서 진행했으며 프론트엔드 분야를 맡았다.

이케아 - 인테리어 가구, 소품을 판매하는 사이트
카테고리,신제품, 가격 등에 따라 필터링이 가능하다

1. 소개

2주 동안 팀 프로젝트로 이케아 페이지를 클론 코딩
프론트엔드와 백엔드를 나눠서 진행했으며 프론트엔드 분야를 맡았다.

이케아 - 인테리어 가구, 소품을 판매하는 사이트

카테고리,신제품, 가격 등에 따라 필터링이 가능하다



2. Tech Skills






3. 구현 부분

메인 페이지

- 자바스크립트로 구현한 이미지 캐러셀(추천 제품)

- 상품 품목에 따른 필터링 구현


로그인 페이지

- 데이터 통신을 통한 에러 핸들링

- 로그인 여부에 따라 토큰 저장


회원가입 페이지

- 아이디, 비밀번호 정규식 표현을 통한 유효성 검사

- 데이터 통신을 통한 데이터 존재 유무 판별


결제 페이지

- 유저의 보유 포인트롤 통한 결제 기능 구현


사이드바 데이터 통신으로 카테고리 구현



4. 전체 시연 연상

전체시연영상



5. 프로젝트 후기

좋았던 점

처음으로 한 팀 프로젝트라 기대를 많이 했다. 모르는 부분을 서로 가르쳐주면서 많은 도움이 됨

작년에는 일을 할 때 거의 혼자서 프론트,백엔드작업을 해 팀으로 하는 것이 익숙치 않고 혼자하는 것이 편했는데

백엔드와의 통신, 다른 팀원들간의 협업 등 혼자가 아닌 팀으로 한다는 느낌을 받았음


아쉬웠던 점

팀원들 간의 소통 부족

팀 작업이지만 공통 컴포넌트를 나누지 않고 각자 똑같은 컴포넌트를 개발(중복된 코드 작성)

팀 프로젝트라고는 하지만 짧은 시간안에 개발을 해야한다는 생각 때문에 팀원들과 코드를 잘 보지 못했고 피어리뷰

진행을 거의 못했다

반응형

'TIL' 카테고리의 다른 글

[자바스크립트] 자바스크립트 변수 선언 방법  (0) 2022.03.13
git rebase  (0) 2022.02.19
자바스크립트 함수  (0) 2022.02.13
AWS  (0) 2022.02.13
라우팅  (0) 2022.02.13
    'TIL' 카테고리의 다른 글
    • [자바스크립트] 자바스크립트 변수 선언 방법
    • git rebase
    • 자바스크립트 함수
    • AWS
    세모이
    세모이
    개발 공부!

    티스토리툴바