아래에 쭉쭉 적어보시면

1주차(~7/4 월요일 마감)

1. 폴더 구조 개선 ( 각자 )
   • style.js 제거
2. import 구문 개선 ( 다혜)
   • 폴더당 index.js 하나

//여기는 src/shared/components/index.js
export { default as Logo } from './Logo'
export { default as Modal } from './Modal'

//아래는 src/pages/UpdateTimeDivider/index.js
import { Logo, Modal } from 'shared/components'

1. 전체 컨테이너? ⇒ App.js로 container 옮기기 ( 경현 )
   • GlobalStyle에 body에 적용되어있는 부분을 Container로 이관

//App.js 
import { AppLayout } from 'shared/layout'

const App = () => (
	<RecoilRoot>
		<GlobalStyle />
		<AppLayout>
			<AppRouter/>
		</AppLayout>
	</RecoilRoot>
)

const AppLayout = ({children}) =>(
		<Wrapper>
			<AppOuter></AppOuter>
			<AppContainer>
				{children}
			</AppContainer>
		</Wrapper>
)

export default AppLayout

//Wrapper 는 전체 body
//AppOuter는 홍보 문구
//AppContainer는 앱 실행 부분을 제한하는 컨테이너

1. api 통일 ( 지원 )
   • Parameter 객체로 받도록 통일
   • API 함수 명은 (동사 + 명사) ex) requestLogin, createSomething, getSomething
   • try, catch ⇒ isSuccess + message로 에러 처리

import { requestSignup, requestLogin, requestLogout } from 'shared/api/apis/authApis'

export const requestLogin = async (userInfo = { email: null, password: null }) => {
	const { isSuccess, message, data = {} } = await API.post('/login', userInfo)
	if (!isSuccess) {
		return { isSuccess, message }
	}
	const { user, token } = data
	return { isSuccess, user, token, message: '로그인에 성공했습니다.' }
}

1. 용어 통일 ( 각자 )
   • Layout(옵션, 있으면 씀) > Wrapper(해당 페이지를 모두 담는 상자)> Area(Wrapper 내에서 또 구역을 나누고 싶다면)
2. 레이아웃 컴포넌트 제작 - 앞에 3개, 타이머 만드는 부분 ( 다혜 )
   • 시간 만들때 총시간, 할일입력, 시간 분배
   • 레이아웃 컴포넌트를 만드실때 헤더 + 버튼 영역

PR 마감 : 월요일 까지

🔥 리팩토링 부채