[ CommunityForm ] 커뮤니티 글 상세 기본 구조 구현하기

aeuna commented 2 years ago

🔥 Related Issues

close #22

🎡 작업 내용

[x] 커뮤니티 글 상세 와프보고 기본 구조 구현
[x] 글쓴이에 따라 더보기 버튼 다르게 보이도록 구현
[x] 삭제 confirm 기능
[x] 사진 누르면 원본 사진 뜨도록 구현

✅ PR Point

커뮤니티 글 상세 와프보고 기본 구조만 잡았습니당 글구 지금 그냥 [cid].tsx로 만 했는데 feature-community에 한번 쭉 merge시키고 폴더 구조 변경시킬게여,,

😡 Trouble Shooting

next/image 에서 Image를 제공해준다는 사실을 알게 되어서 적용해볼려고 했는데 When using an external URL, you must add it to domains in next.config.js. https://nextjs.org/docs/api-reference/next/image next.config.js에 도메인을 적용시켜줘야 하는 것 같아서 일단 이미지 주소 링크 확정되면 한번 적용시켜보겠습니당!!

👀 스크린샷 / GIF / 링크

Happhee commented 2 years ago

import Image from 'next/image';

이거 임포트해서

import {  ImgNaverLogo } from '../public/assets/images';

<Image
        src={ImgNaverLogo}
        width={56}
        height={56}/>

이런식으러 쓰는것도 안데나여?!

aeuna commented 2 years ago

그 넥스트 독스보니까 그냥 우리가 폴더에 이미지를 넣고 정적으로 가져오면 이 작업을 안해줘도 되는데 이미지 url 이 외부 링크면 next.config.js에 써줘야 되더라궁 아래 처럼 그냥 링크가 다른 곳의 이미지 host 주소만 써주면 되더라! https://nextjs.org/docs/api-reference/next/image#domains

nori-dongsan / nori-client