Skip to content

Conversation

@gummmmmy0v0
Copy link
Collaborator

📝 작업 내용

  • API 연동

📷 스크린샷 (선택)

🧐 해결해야 하는 문제 (선택)

👀 새로 알게 된 내용 (선택)

💬 리뷰어에게 남길 말 (선택)

src/app.jsx Outdated
Comment on lines 12 to 20
import { createGlobalStyle } from "styled-components";
import NanumPenScript from "../src/assets/NanumPenScript.ttf";

const GlobalStyle = createGlobalStyle`
@font-face {
font-family: 'NanumPenScript';
src: url(${NanumPenScript}) format('truetype');
font-weight: normal;
font-style: normal;}`;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • 우리 프로젝트에서는 /src/styles/global.css에 전역 스타일을 CSS로 작성하고 있는데요.
  • 이 코드도 global.css에 작성하거나, 아니면 global.css 코드를 styled-components 방식으로 바꿔서 방식을 통일하는게 좋을 것 같습니다.
  • 만약 전역 스타일을 styled-components로 만드는게 더 낫다고 생각하시면, 아래 작업을 진행해주세요.
    1. /src/stylesglobal-style.jsx 파일 생성
    2. /src/styles/global.css에 있는 내용을 포함하여 GlobalStyles component 구현
    3. app.jsx에서 global-styles.jsx를 import해서 사용
    4. index.html에서 /src/styles/global.css link 제거
    5. /src/styles/global.css 파일 삭제
  • 이 때, 줄 바꿈과 들여쓰기를 확인해주세요. 지금 코드에서도 들여쓰기와 줄 바꿈이 필요합니다.

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이 파일에 formatter를 실행해서 import 순서가 바뀌는 수정사항도 포함해주세요.

image

Comment on lines +122 to +125
if (!trimmed) {
setNameError("이름을 입력해 주세요"); // 이거 안전장치로 필요할까요?
return;
}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

좋습니다 👍🏻

Comment on lines +88 to +93
const imageUrls = [
"https://picsum.photos/id/683/3840/2160",
"https://picsum.photos/id/24/3840/2160",
"https://picsum.photos/id/599/3840/2160",
"https://picsum.photos/id/1058/3840/2160",
];
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • 이것도 API 연동해서 가져오도록 만들어보시면 좋겠네요.
  • profile-imagesbackground-images path로 API를 요청하기 위해 apiClient 외에도 baseClient라는걸 따로 만들어 두었습니다.

@cskime
Copy link
Collaborator

cskime commented Aug 25, 2025

발표 시연 준비를 위해 우선 병합하겠습니다. 수정이 필요한 부분은 다른 PR을 다시 만들겠습니다.

@cskime cskime merged commit 0d46e09 into codeit-FE-18-part2:develop Aug 25, 2025
@cskime cskime linked an issue Aug 25, 2025 that may be closed by this pull request
2 tasks
@cskime cskime mentioned this pull request Aug 25, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

만들기 페이지 및 보내기 페이지 API 연동

2 participants