-
Notifications
You must be signed in to change notification settings - Fork 35
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[김세환] sprint5 #147
The head ref may contain hidden characters: "React-\uAE40\uC138\uD658-sprint5"
[김세환] sprint5 #147
Conversation
…ithub-actions [Fix] delete merged branch github action
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
세환님 너무 잘해주셨네요!
코드 퀄리티를 보니까 세환님 곧 성장 속도가 엄청날 것 같다라는 생각이 드는데요!? 👍
이번 미션도 고생하셨고 이번주도 화이팅이에요!!
.eslintrc.cjs
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
오 대박 벌써 eslint !? 아주 좋은 시작입니다 👍
function App() { | ||
return ( | ||
<> | ||
<BrowserRouter> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
다음 미션이 어떨지 모르겠지만 중첩 라우팅도 한번 사용하시면 금방 실력이 늘거에요 👍
import AuthSignUp from "./AuthSignUp"; | ||
import AuthFooter from "./AuthFooter"; | ||
|
||
function AuthContainer({ isLogin, onClickAuthHandle }) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
오 세환님 코드 스타일이 벌써 퀄리티가 너무 좋은데요 나중에는 이걸 Context로 만들어서 isLogin여부를 props로 받지 않고 변수로 불러와서 사용해볼 수 있도록 수정해보면 더 gooood일거 같습니다
</div> | ||
<ul className="footer-right"> | ||
<li> | ||
<a href="http://twitter.com" target="_blank"></a> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요기 target="_blank"
랑 세트로 같이 다니는 친구가 있는데 뭔지 아시나요!?
아래 아티클 첨부해두었으니 읽어보시면 아마 들어보셨을 거 같아요 :)
<BestUl> | ||
{items.map((item) => { | ||
return ( | ||
<li key={item.id}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
리액트의 key값은 항상 이렇게 고유한 값을 가져야함을 잊지 마세요! 👍
const [orderBy, setOrderBy] = useState("recent"); | ||
const loadItems = async ({ pageSize, orderBy, bestLoad = false }) => { | ||
const { list } = await getItems({ pageSize, orderBy }); | ||
if (bestLoad) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
얘네도 삼항연산자로 처리할 수 있겠어요!
const [openSort, setOpenSort] = useState(false); | ||
|
||
const sortHandle = () => { | ||
setOpenSort(!openSort); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
setState로 이전값을 반전시키는데 내가 예상한 대로 코드가 동작하기 위해서는
setOpenSort(prev => !prev) 로 이전값을 가져와서 이전값을 반전시킨다 로 코드를 작성해주시는 것을 추천할게요!
fa6116b
to
4dc5dd0
Compare
be3337d
to
b831712
Compare
기본 요구사항
심화요구사항
멘토님꼐