Portfolio

🔥

2023.09.08 계획

api 함수 마무리

기능이나 컴포넌트 분배

다른 방법이 있을까요 ?!

title 을 전역상태로 .. !

스타일은 언제든 버려버릴수있다는 마인드로.. 미련없이….

/SearchList ⇒ /Post : Navbar

/SearchList ⇒ /SearchList?sort=name : Header

분업 해야하는 일

1) Navbar 1명 ⇒ LinkButton 컴포넌트로 빼야함 / 페이지 자체를 이동 <Link to=’/post’> </Link>

지윤

2) Search 1명 ⇒ route 주소 바꾸는 기능 넣어야 함

민우

3) Button ( onClick, text ) ⇒ style 추후 적용해야함 +로그인 회원가입 기능은 하되, 중복검사는 시간되면! 되면 4명이서 박수쳐주기 (페이지 2개임)

주하

4) Header ⇒ route 바꾸는 기능 넣어야 함 / router.push({keyword=’..’}) 같은 페이지 안에서 뒤에 문자열 추가 / props를 받는다는 가정으로(타이틀), user 냐 post 냐 고르면 그거 마저도 주소에 알려줘야 함

ex) /search/user ⇒ /search/user?sort=${정렬기준}

영준

5) Main Route 기능 1명 .. recoil, route 쳐다보기 = 뿌리기 직전까지 state 저장

세진

주말동안 해야함

시간 남으면 util 함수 + page 로 넘어갈 가능성 있음.

하기 어려울 것 같다 ….

이거 하고싶다

주하님 : 다 하고싶다

민우님 : 5번은 할사람 나타나면 맡기고 싶다

토요일 밤 10시 : 다 와야 함

각자 진행사항 공유

머지 후 dev에서 할 것

prettier (usetab, import order)

Searchbar ⇒ input ⇒ router.push(keyword=inputValueState) Header ⇒ sort ⇒ router.push(sort=inputState) List ⇒ route.pathname / route.params ⇒ 여기서 가져온 값으로 요청


Main 이 해야하는 일
- route (주소) 쳐다보기
- recoil 쳐다보기
- 쳐다본거 Header 랑 Route element 안에 뿌려주기
- url 감지 = useLocation

//App.tsx
<RecoilRoot>
	<QueryClientProvider>
		<Navbar/>
		<Main/>
	</QueryClientProvider>
</RecoilRoot>

// Main.tsx
<Container> // styled
	<Header />
	<Content> // styled-component
		<Routes>
			<Route path='/post' element={}/>
			<Route path='/' element={}/>
		</Routes>
	</Content>
</Container>

Main 에서 감지 ⇒ 나머지에게 뿌려주기 : controller <Header title={…} /> <List sort={…} keyword={…} /> <MyPage userId={...} /> // Main ⇒ useRecoilValue ⇒ userId


// Header
1. props title 을 받아온다 ( Main 에서 2번을 하고 header 한테 보내주기! )
2. 주소에서 title 을 받아온다 (/signup) => 회원가입 page = { 'signup' : '회원가입' ...}
pathname
<div>
	<Title />
</div>

recoil 잘 써보기 … 저희의 과제가 아닐까 ….

2023.09.08 스크럼