inflearn logo
강의

講義

知識共有

一口サイズでかじり取るReact.js:基礎から実践まで

12.19) デプロイする

오픈그래프 태그

897

wooda02074806

投稿した質問数 3

0

배포 후 링크 공유하는데 오픈 그래프 태그가 나타나지 않습니다.ㅜㅜ

javascript react node.js

回答 5

6

pinktail2327

저도 배포 직후 터미널에 뜬 긴 주소로는 오픈 그래프가 뜨지 않았는데,

vsc.jpeg

vecel 사이트에 들어가서 '프로젝트명.vercel.app' 으로 된 짧은 주소로는 오픈 그래프가 잘 뜹니다.
vercel.jpegkatalk.jpeg
혹시 저와 같은 경우인가 해서 올려봅니다 😀

 +) 다만 수정 배포하면 짧은 주소에는 바로 반영이 안되는 것 같습니다;; 사이트의 프로젝트 내 Deployments 메뉴에서 새로 배포된 것의 Promote to Production을 해주니까 짧은 주소에도 바로 수정사항이 반영되더라구요.
vercel2.jpeg

0

wooda02074806

확인해보니 짧은 주소로는 오픈 그래프가 잘 나오네요!

혹시 긴 주소로는 안 나오는 특별한 이유가 있나요? 크게 신경 쓰지 않아도 되는 부분인가요?

5

pinktail2327

긴 주소는 '프로젝트명-배포버전-계정명.vercel.app' 으로 구성된 것으로 봐서 아마 버전별 주소인 것 같아요.

즉 버전1을 배포하고 수정 후에 버전2를 배포하면 주소가 버전별로 2개가 생기는거고, 각 버전별로 배포 모습을 볼 수 있는거죠. (공식 문서 : https://vercel.com/docs/deployments/generated-urls)

이러면 문제가 수정 배포를 할 때마다 사용자에게 수정 된 배포 주소를 매번 새로 알려줘야한다는 거죠.

(프로젝트명-버전1-계정명.vercel.app프로젝트명-버전2-계정명.vercel.app 중 수정사항은 버전2 주소에만 반영되어 있으니까 사용자에게 버전1 주소를 알려줬다면 버전2 주소를 다시 알려줘야겠죠.)

그래서 사용자에게는 짧은 주소(고정된 주소)를 알려주고,

수정 배포가 있다면 수정한 버전을 ('Promote to Prodiction' 기능으로) 짧은 주소에 연결하는 방식으로 사용하는 것 같습니다.

그래서 결론적으로 긴 주소는 개발 용도로만 쓰는 내부 주소라서 오픈 그래프가 뜨지 않는 것 아닐까..라고 추측 합니다ㅎㅎ
사용자에게는 짧은 주소를 알려준다! 정도만 신경쓰시면 될 것 같습니다ㅎㅎ

0

wooda02074806

네!! 자세히 알려주셔서 감사합니다!!

0

hue

https://developers.kakao.com/tool/debugger/sharing

저같은 경우는 처음 배포 할때 썸네일 경로에 오타가 있었는데

이후 경로 철자를 알맞게 수정해도

카톡으로 공유할때 캐시가 남아있어서 썸네일이 보이지 않더라구요~ 그때는 요기 위에 있는 주소로 들어가서 캐시 삭제하면

수정된 썸네일이 잘 뜹니다!

0

rladygks1210

오! 덕분에 시간 아꼈습니다! 감사합니다!

0

wooda02074806

https://github.com/wooda0207/react/tree/main/section12

확인 부탁드리겠습니다!

프로젝트 배포 주소입니다.

https://emotion-diary-qn7gxcp5j-woodaseuls-projects.vercel.app/

 

0

winterlood

프로젝트 배포하신 주소도 함께 부탁드릴게요!

0

winterlood

안녕하세요 이정환입니다.

질문 가이드라인에 명시해둔 대로 프로젝트 개발 진행 중 발생한 이슈는 제가 전체 코드를 확인해봐야 원인을 파악할 수 있습니다 🥲 따라서 깃허브 등을 통해 전체 코드를 전달해주시면 살펴보겠습니다.

useEffect와 lifecycle문의

0

26

2

프론트엔드 학습 수준 문의

0

37

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

48

2

데이터 로딩중 화면만 계속 나와요!!

0

54

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

79

2

이후의 커리큘럼 문의

0

102

2

실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.

0

50

2

최적화 관련 질문있습니다 (useMemo 등)

0

84

3

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

1

82

3

Date 객체에 관련하여 질문드립니다.

0

85

2

리액트 개정판 교재 질문

0

60

2

예제코드가 안나와요!

0

78

2

select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com

0

108

2

onMouseEnter 관련 문의 드립니다

0

92

3

배열의 렌더링 관련 질문 드립니다.

0

73

2

2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.

0

112

2

TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?

0

135

2

useCallback 적용한 onCreate, onUpdate, onDelete 함수..

0

69

1

vs code 자동완성관련 문의

0

112

2

91강 useEffect내에서 상태변화함수 호출시 발생하는 에러

1

178

2

87강 필터 함수 질문

0

68

2

useRef, useState count 비교

0

67

2

안된다고했던 이유가 무엇이었는지 모르겠습니다

0

90

2

85강에서 객체를 왜 클래스로 만들어서 new 하지 않는건지 궁금합니다.

0

75

2