인프런 커뮤니티 질문&답변

혜진

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

express.static 미들웨어

addImages 를 넣은 이유

작성

225

post.addImages(images) 를 한 이유를 정확히 모르겠어요, Image 테이블에 create() 으로 이미지를 넣고 그걸 이미 post 테이블에서 Image 테이블을 include 하고 있는거 아닌가요?? 다른 예로 댓글 라우터에서는 post.addComments() 를 따로 하지 않았어서.. 쓰고 쓰지않고의 차이를 잘 모르겠네요

nodejs redux express react Next.js

답변 3

혜진

질문자

새로고침 하니 상세이미지가 뜨네요 나머지 문제들도 잘 이해됐습니다 감사합니다

제로초(조현영)

지식공유자

create시 id를 직접 넣은 경우는 addX 안 해도 되는데 id를 안 넣은 경우는 add 해야 둘이 연결됩니다.

댓글에서는 아마 postId를 직접 넣은 것 같네요.

혜진

질문자

앗 그리고 질문이 더 생겼는데요

1. 이전에 image 를 클릭하면 zoom 컴포넌트가 실행되서 상세보기를 구현했었던건 기억나는데 이미지가 하나인 경우에도 onClick={onZoom} 이벤트가 걸려있는데 왜 이미지가 하나일 땐 클릭해도 상세이미지가 안뜰까요?

(클릭 해도 상세이미지 안뜸)

2. 또 수업때 질문드리는걸 까먹고 있었는데 onClose 라는 html 이벤트가 있었나요?? onClick={onClose} 라고 써야하는거 아닌가요? 강사님 프로젝트 원본에도 onClose 라고 되어있길래 여쭤봅니다

 if (images.length === 1) { // 이미지가 하나 일 땐 이미지 비율 100%
 return (
 <>
 <img role="presentation" src={`http://localhost:3065/${images[0].src}`} alt={images[0].src} onClick={onZoom} />
 {/* role="presentation" : 시각장애인을 위한 배려() */}
 {/* 스크린리더에서 굳이 클릭할 필요 없는 것일 때 */}
 {showImagesZoom && <ImagesZoom images={images} onClose={onClose} />}
 </>
 );
 }

제로초(조현영)

지식공유자

1. 떠야 맞습니다. onZoom 시 showImagesZoom이 true로 바뀌는지 리액트 데브툴로 확인해보세요.

2. onClose는 ImagesZoom의 prop입니다. 이벤트가 아니라요.

혜진

작성한 질문수

전체 Q&A

질문하기