구현 기능 [x] 시리즈 모집 작성, 수정 Page 구현 [x] 시리즈 create 기능 구현 [x] 시리즈 update 기능 구현 회고의 목적 다음 스프린트를 개선할 수 있다. 현 스프린트 문제점, 아쉬웠던 점을 파악한다. 우리팀 잘한점 & 보완할 점을 파악
o 아티클 생성, 수정 페이지 구현o 아티클 Create 기능 구현o 아티클 Update 기능 구현o 아티클 Read 기능 구현다음 스프린트를 개선할 수 있다.현 스프린트 문제점, 아쉬웠던 점을 파악한다.우리팀 잘한점 & 보완할 점을 파악한다.배운점을 정리할
프론트 깃허브배포 링크1~2차 스프린트 구현 코드 리팩토링프론트 전체 코드 리팩토링게시글 좋아요 추가, 취소, 조회 기능 구현전체적인 스타일 디벨롭발표 자료, 영상 준비힘들었던 점(개발, 협업, 문서화)예상치 못한 버그가 계속 튀어나와서 처리하는데 시간이 많이 들었던
컴포넌트의 각 단계의 범위, 기준을 명확히 할 필요가 있음 참고 자료 나름 아토믹하게 구성한 것 같은데 왜 컴포넌트의 갯수가 많아지고 범위가 모호해졌을까? 기능이 아닌 뷰 단위로 나눴기 때문. 전체 화면을 쪼개는 비주얼적인 구성 요소로 나누면 안된다 참고 자료
axios create함수를 사용해 모든 api에 필요한 공통 속성들을 정의한 커스텀 axios 생성후에 리프레시 토큰 로직을 추가할 것을 대비한 interceptor 적용메소드 이름과 각 메소드에 필요한 값들을 파라미터로 넘겨주면 해당 메소드의 커스텀 axios함수를
api로 데이터를 불러왔을 경우의 부모-자식 컴포넌트 간 렌더링 과정이 이해가 가지 않았.리액트 라이프사이클 개념을 서치해서 자료를 찾아보았지만 내가 궁금했던 점이 명쾌하게 해결되지 않아서 직접 콘솔을 찍어보았다.contextApi의 영향과 알 수 없는 이유로 재렌더링
input type date일 때 width: 100%를 줘도 적용되지않고 특정한 px값으로 설정되어 있었다.그래서 브라우저 너비가 줄어들었을 때 부모의 너비를 벗어났다width를 0으로 주고 min-width를 원하는 만큼의 %값으로 줬더니 원하는 대로 적용되었다 (
기존 CheckBox는 다른 컴포넌트에 의존성이 높고 기능도 간단했기 때문에 기능을 추가하고, hook을 만들어서 로직을 분리, 재사용할 수 있게 리팩토링 했다전체 선택 항목 추가전체 선택를 누를 시 다른 항목들의 체크가 풀리는 기능전체 항목을 제외한 다른 모든 항목을
Template.bind({})는 함수의 복사본을 만드는 표준 JavaScript의 한 기법. => 스토리가 각각 다른 속성을 갖지만 동시에 동일한 구현을 할 수 있음.스토리를 만들기 위해 함수를 내보내는데, 그 함수의 args속성에 props값들을 할당해주면 args
tsconfig.path.json파일 확장include속성(ts적용 범위)에 craco.config.js를 추가해준다원하는 ts rule를 작성한다alias경로 설정tsconfig.json에 path를 작성하면 yarn start시 초기화되기 때문에 따로 path파일을
seriesForm의 가격 입력 input의 값을 1000단위로 ','가 찍히도록 포맷팅되는 기능을 구현했다 1000단위로 ,를 찍으려면 뒤에서부터 숫자를 3개씩 세면서 ,를 찍어야한다 onChange가 될 때마다 input값을 가져와서 조건에 맞게 조작한 후 리턴해준