Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…ithub-actions [Fix] delete merged branch github action
devToram
approved these changes
Nov 26, 2024
| </Routes> | ||
| </BrowserRouter> | ||
| ); | ||
| // 코드잇에서 하나의 페이지에서만 계속 작업하는 걸로 배워서.. https://goddaehee.tistory.com/305의 게시글을 참고해서 리액트 라우터 사용해보았습니당 |
Comment on lines
+28
to
+40
| /* | ||
| 코드잇 강의에서 계속 app.js를 만들길래 그 이유가 뭐지?? 했는데 | ||
| `App.js`는 일반적으로 애플리케이션의 루트 컴포넌트를 정의하는 파일입니다. `App` 컴포넌트는 애플리케이션의 주요 구조와 로직을 포함하며, 다른 컴포넌트들을 포함하거나 조합하는 역할을 합니다. | ||
| 라고 하더라고요. | ||
| 또, 일반적인 리액트 폴더 구성이 아래처럼 app.js가 index.js랑 같은 위치에 있다고 해서 이렇게 만들어봤어요! | ||
| ``` | ||
| src/ | ||
| ├── components/ | ||
| ├── App.js | ||
| ├── index.js | ||
| └── ... | ||
| ``` | ||
| */ |
There was a problem hiding this comment.
return 으로 jsx 를 하기에 app.jsx 로 바꿔보는 것도 좋을 거 같아요!
| function GlobalHeader() { | ||
|
|
||
| const location = useLocation(); | ||
| console.log(location.pathname); |
There was a problem hiding this comment.
console.log 파일이 들어갔네요ㅎㅎ!
Comment on lines
+9
to
+19
| async function fetchProducts() { | ||
| try { | ||
| const result = await getProducts(); | ||
| console.log("Result from getProducts:", result); | ||
| setItems(result.list); | ||
| } catch (error) { | ||
| console.error("Error fetching products:", error); | ||
| } | ||
| } | ||
| fetchProducts(); | ||
| }, []); |
There was a problem hiding this comment.
위의 AllProduct 와 중복되는 부분이라 따로 공통화하면 좋을 거 같아요!
| // console.log(items) | ||
| return ( | ||
| <div className="itemCard"> | ||
| <img src={item.images[0]} alt={item.name} className="itemCardThumbnail" /> |
There was a problem hiding this comment.
item.images 가 [] 이 올 가능성이 조금이라도 있다면 방어코드로 item.images?.[0] 으로 처리해주는 것도 좋을 거 같아요!
| @@ -0,0 +1,18 @@ | |||
| function CardProduct({ item }) { | |||
There was a problem hiding this comment.
아래서 item.xx 처럼 속성을 쓰고 있어서 여기서 속성을 빼내서 사용하는 것도 좋을 거 같아요!
const {name, price, favoriteCount} = item
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
기본 요구사항
체크리스트 [기본]
베스트 상품 ( Desktop : 4개 보이기 / Tablet : 2개 보이기 / Mobile : 1개 보이기 )
전체 상품 ( Desktop : 12개 보이기 / Tablet : 6개 보이기 / Mobile : 4개 보이기 )
체크리스트 [심화]
진행한 부분까지 업로드하겠습니다!
fetch로 상품을 불러올 때부터 진행의 어려움이 시작되었습니다 😵
베스트 상품과 전체 상품은 어떻게 다르게 불러오는 건지 모르겠습니다.