시리즈

Project

1.[Solo Project]

Bare Advanced 1.페이지 네이션, 디스커션 유지 시간순 나열, notice 는 고정 + 검색 랜덤 아바타 이미지

2023년 3월 10일

2.쇼핑몰앱 장바구니 기능 구현하기

[과제] Cmarket Hooks 컴포넌트 파악하기 App 최상위 컴포넌트 - 모든 선물 모음을 items 배열에, 장바구니에 담긴 아이템을 cartItems에 나열 Nav : 상품리스트와 장바구니 페이지 클릭시 페이지 이동 ItemListContainer

2023년 4월 25일

3.쇼핑몰 장바구니 기능 구현하기 - 코드 리팩토링

하드코딩 대신 map 이용 📍 Tab.js 위 menuArr 배열을 엘리먼트로 나타내기 ➡️ map을 이용하여 엘리먼트를 나타내고자 할 때는 고유한 값을 나타낼 수 있는 속성을 꼭 작성해야한다. 여기서 속성은 배열의 값으로 나타내 unique 유일한 값

2023년 5월 26일

4.[Solo Project] 쇼핑몰 구현하기 회고

프로젝트 설명 코드스테이츠 부트캠프에서 솔로프로젝트로 쇼핑몰 북마크 웹 페이지 구현하였다. 전체적인 디자인은 Figma 를 통해 시안을 보여주었고 그에 맞춰 단계마다 진행하였다. 데이터는 Swagger API 문서를 이용하였다. 첫 렌더링시, 에는 헤더와 상품

2023년 5월 27일

5.[Main Project] 후즈북

내가 맡은 업무 마이페이지/타유저페이지 회원 관리 회원 정보 조회 마이페이지 - 회원 정보 수정 form Data 로 데이터 전송 댓글 CRUD 리덕스 툴킷 사용 좋아요 / 구독하기 기능 페이지 네이션 React-paginate 라이브러리 사용

2023년 7월 28일

6.[리팩토링] TS 로 변경하기

기존 HTML, JavaScript, CSS 에서 CRA 로 새로 변경해서 작업을 했었다. 작업한 내용은 TypeScript 로 적용하는 것이다. 물론, 많이 해본 것도 아니고 메인 프로젝트때 3주간 했던 역량으로 리팩토링을 시도해보았다.npx create-app \[

2023년 9월 19일

7.[Project] Run-Record

Run Record 꽤 오랜 취미생활로 러닝을 즐겨하고 있던 중, 스마트폰과 스마트워치의 '나이키 런 클럽' 이라는 어플리케이션의 연동으로 폰에는 자동적으로 달리기를 시작하고 종료함에 따라 저장이 된다. 스마트폰의 기록처럼 웹에도 기록을 해보고 싶다는 생각으로 이 프