Skip to content
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

issue#5 post upload image #85

Merged
merged 5 commits into from
Jan 12, 2025
Merged

issue#5 post upload image #85

merged 5 commits into from
Jan 12, 2025

Conversation

ppochaco
Copy link
Member

πŸ“ 상세 λ‚΄μš©

  • κ²Œμ‹œκΈ€ μž‘μ„± μ‹œ 둜컬 이미지 μ—…λ‘œλ“œκ°€ κ°€λŠ₯ν•˜κ²Œ μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€.
  • κ²Œμ‹œκΈ€ μž‘μ„± ν•˜λŠ” 쀑에 μ—…λ‘œλ“œ 된 μ΄λ―Έμ§€λŠ” μ„œλ²„μ— μž„μ‹œλ‘œ μ €μž₯λ©λ‹ˆλ‹€.(3일)

  • κ²Œμ‹œκΈ€ μž‘μ„±μ„ μ™„λ£Œν–ˆμ„ λ•Œ, κ²Œμ‹œκΈ€μ— μ‚¬μš©λœ 이미지 idλ₯Ό μ„œλ²„μ— 전솑해,
  • μ„œλ²„μ—μ„œ κ²Œμ‹œκΈ€ id와 이미지 idλ₯Ό 맀핑해 μž₯κΈ° μ €μž₯ν•©λ‹ˆλ‹€.
  • ν•΄λ‹Ή μ΄λ―Έμ§€λŠ” κ²Œμ‹œκΈ€μ΄ μ‚­μ œλ˜μ—ˆμ„ λ•Œ, μ‚­μ œλ©λ‹ˆλ‹€.

  • μ‚¬μš©μžκ°€ κ²Œμ‹œκΈ€μ„ μž‘μ„±ν•˜λ©΄μ„œ 이미지 idκ°€ 1, 2, 3인 이미지λ₯Ό μ—…λ‘œλ“œν•œ ν›„, 2, 3 이미지λ₯Ό μ‚­μ œν–ˆμ„ λ•Œ, 2, 3 이미지가 μ‚¬μš©λ˜μ§€ μ•ŠλŠ”λ‹€λŠ” 것을 ν”„λ‘ νŠΈμ—μ„œ κ°μ§€ν•΄μ•Όν•©λ‹ˆλ‹€.
  • κ²Œμ‹œκΈ€μ„ μž‘μ„±ν•  λ•Œ, 이미지λ₯Ό μ‚­μ œν•˜λŠ” 이벀트λ₯Ό κ°μ§€ν•˜λ©΄ μ‹€μ‹œκ°„μœΌλ‘œ μƒνƒœλ₯Ό μ—…λ°μ΄νŠΈν•˜κ³  λ¦¬λ Œλ”λ§μ΄ λ°œμƒν•΄,
  • μœ μ €κ°€ κ²Œμ‹œκΈ€ μž‘μ„±μ„ μ™„λ£Œν–ˆμ„ λ•Œ, 블둝에 ν¬ν•¨λœ 이미지λ₯Ό 기반으둜 idλ₯Ό 찾고자 ν–ˆμŠ΅λ‹ˆλ‹€.
  • blocknote의 이미지 블둝은 url μ£Όμ†Œλ§Œ 가지고 μžˆμ–΄, ν”„λ‘ νŠΈμ—μ„œ 이미지 μ—…λ‘œλ“œλ₯Ό μ„±κ³΅ν•˜λ©΄ id와 url을 μ €μž₯ν•˜κ³  url을 기반으둜 idλ₯Ό μ°ΎλŠ” λ‘œμ§μ„ μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€.
  • 데이터λ₯Ό μΆ”κ°€ν•˜κ³  μ°ΎλŠ” κ³Όμ •μ—μ„œ μ‹œκ°„λ³΅μž‘λ„λ₯Ό μ€„μ΄κ³ μž Map을 μ‚¬μš©ν–ˆλŠ”λ°, 더 쒋은 아이디어 있으면 μ•Œλ €μ£Όμ„Έμš©
    1. κ²Œμ‹œκΈ€μ„ μž‘μ„±ν•˜λ©΄μ„œ /api/post-images둜 이미지λ₯Ό μ—…λ‘œλ“œν•˜κ³ , id, url을 λ°˜ν™˜ λ°›μŒ
    2. urlκ³Ό idλ₯Ό Map에 μΆ”κ°€
    3. κ²Œμ‹œκΈ€ μž‘μ„± μ™„λ£Œ λ²„νŠΌ 클릭 μ‹œ, λ¬Έμžμ—΄λ‘œ λ°˜ν™˜λœ κ²Œμ‹œκΈ€ λ‚΄μš©μ„ νŒŒμ‹±ν•΄ 이미지 url μ–»μŒ
    4. Mapμ—μ„œ 이미지 url에 ν•΄λ‹Ήν•˜λŠ” idλ₯Ό 가져와 λ°°μ—΄λ‘œ μ €μž₯
    5. /api/~/posts에 λ‹€λ₯Έ 정보듀과 이미지 idλ₯Ό 전달해 κ²Œμ‹œκΈ€ 생성

#️⃣ 이슈 번호

πŸ”— μ°Έκ³  자료

πŸ“· μŠ€ν¬λ¦°μƒ·(선택)

Copy link
Collaborator

@Dobbymin Dobbymin left a comment

Choose a reason for hiding this comment

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

이것저것 μˆ˜μ •λœ 사항이 λ§Žμ•„λ³΄μ΄λ„€μš”.
κ³ μƒλ§ŽμœΌμ…¨μŠ΅λ‹ˆλ‹€!
λΉŒλ“œ 였λ₯˜κ°€ ν•΄κ²°λ˜μ–΄μ•Όν• ν…λ°...

Comment on lines +64 to +76

const CreateBoardSkeleton = () => {
return (
<div className="w-full pt-10">
<div>
<Separator variant="dark" />
<Skeleton className="my-4 h-5 w-full" />
<Separator variant="dark" />
</div>
<Spinner />
</div>
)
}
Copy link
Collaborator

Choose a reason for hiding this comment

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

skeleton은 λ‘œλ”©μ€‘μΌλ•Œ λ³΄μ—¬μ§€λŠ” λΆ€λΆ„μΈκ°€μš”?

Copy link
Member Author

Choose a reason for hiding this comment

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

λ„Ή

Comment on lines +20 to +24
<Form {...form}>
<form>
<div>temp form ui</div>
</form>
</Form>
Copy link
Collaborator

Choose a reason for hiding this comment

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

μ—¬κΈ΄ μ½”λ“œκ°€ μ§€μ›Œμ§„κ²ƒ κ°™λ„€μš”...?

Copy link
Member Author

Choose a reason for hiding this comment

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

λ„€~ ν˜„μž¬ λ°±μ—”λ“œ api둜 행사 κ²Œμ‹œκΈ€μ„ μΆ”κ°€ν•˜λŠ” 둜직이 μ œκ±°λ˜μ–΄, 좔후에 μΈμŠ€νƒ€ api μ—°κ²°ν•˜λ©΄ μΆ”κ°€ν•  μ˜ˆμ •μž…λ‹ˆλ‹€

@ppochaco
Copy link
Member Author

원인을 νŒŒμ•…ν•˜κΈ° μ–΄λ €μ›Œ λΉŒλ“œ μ—λŸ¬λŠ” 좔후에 λ”°λ‘œ ν•΄κ²°ν•˜λ„λ‘ν•˜κ² μŠ΅λ‹ˆλ‹€.. λ‹€μŒ 개발 진행을 μœ„ν•΄ λ¨Όμ € λ¨Έμ§€ν•˜κ² μŠ΅λ‹ˆλ‹€!

@ppochaco ppochaco merged commit f4d5b41 into develop Jan 12, 2025
1 check failed
@ppochaco ppochaco deleted the feature/#5-post-upload-image branch January 15, 2025 16:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
2 participants