이번 미션은 새로 접한 것들이 많은 주였다. 1\. 페어프로그래밍 (과연 잘 할 수 있을까?) 2\. 웹팩, 바벨 환경 설정하기 3\. 옵저버 패턴을 이해하고 프로젝트에 적용하기 4\. View객체와 Model객체를 구분하여 개발하기
개발기간: 21/03/29 - 21/04/02개발내용: json parser주요기능: jsonData를 입력하면 type과 value, 타입에 따른 속성을 분석하여tree구조로 가시화시켜 보여준다.개발사이트: \[jsonamiParser] click😃깃헙링크:
개발기간: 21/04/05 - 21/04/16 개발내용: 리액트로 투두리스트 구현하기 주요기능: 깃헙 프로젝트처럼 동작하는 투두리스트를 만든다. 깃헙링크: 투두리스트 click😃이번 미션은 기술, 코드에 대한 정리보다 팀원들과 함께 느낀 바들을 정리하였다.리
😉 SideDish: 깃헙 링크기본UI구현 (메뉴 탭클릭, 더보기(내용 숨김/펼침)구현, 캐러셀, 상세페이지 모달창 구현)API요청 (기본정보, 주문에 따란 재고컨트롤, 유저정보) -> 로딩/에러처리Oauth 깃헙 로그인 구현캐러셀 구현 후 NPM등록아쉽게도 정말하고
한동안 페어프로그래밍만 진행해오다 오랜만에 개인 프로젝트를 진행했다.airbnb_record깃헙링크: team15: 에어비앤비 클론개발기간: 3주 (21/05/17-21-/06/04주요미션내용리액트/타입스크립트 적용라우팅, 요금슬라이드, 달력 캐러셀 구현로그인지도 ap
폴더구조에 대한 고민: 앱의 구조를 쉽게 파악하면서도, 필요한 파일을 어렵지 않게 찾을 수 있도록...!공부용어: code spliting, suspense, React.Lazy 코드 스플릿이 필요한 이유: 웹팩의 번들파일은 전체 자바스크립트 파일을 해석하고 변환해준
0614(mon) \-React.lazy 적용해보았다. lazy를 적용하면 컴포넌트들을 미리 import해오는것이 아니라 필요한 시점에 import해와서 요청의 시간과 횟수를 더 최적화시킨다고 생각해서 적용했다. 그런데 이게 잘 적용된건지, 효과가 있는지는 어떻게 확
스타트업 과제를 하면서 debounce를 접할 일이 생겼다.예전 쇼핑하우 프로젝트를 할 때 처음 썼던 debounce..제대로 정리하지 못하고 넘어간 것 같아 항상 머리 속에 정리해야지라는 미련(?)이 떠나질 않았는데이번 과제를 정리할 기회를 얻게 되어 기쁜 마음으로
우선 전반적으로 프로그램이 무겁지 않아서 그런지 낭비를 줄일만한 곳을 크게 발견하지 못했다.최적화 작업을 통해 좀 더 다이나믹한 before/ after를 기대했지만 규모가 큰 프로젝트에서 꼭 다시 진행해봐야겠다.React.lazy와 loadable-components
infiniteScroll개발기간 : 21/07/26 - 07/27깃헙 : https://github.com/skawnkk/hayanMind미션내용 : 무한스크롤 구현팀원 : 프론트엔드 2명 (김남주, 박현찬)사용기술 : React, Styled-Compone
상품 목록 페이지(/) 목록 한번에 20개씩 로드하고, 전체 데이터를 보기 위해서는 무한스크롤 기능을 활용하여 구현상품을 누르면 상세 페이지로 넘어간다.'관심 없음' 태그가 붙어 있는 상품은 상세 페이지로 넘어가지 않는다. 상품 상세 페이지(/product) 상품 목록
페이지네이션이번 과제에서는 크게 3가지로 기능을 묶어 볼 수 있었다.1\. 로그인/로컬 회원가입2\. 사용자 권한별 접근 제어3\. 검색조건에 맞는 결과 및 페이지네이션4\. 권한 생성 및 수정 프리온보딩에서는 피그마가 제공되지 않는데 원활한 팀웤을 위해 직접 피그마를