snack-news / Snack-FE

2 stars 0 forks source link

[#180] meta 태그 추가 작업 #251

Closed chul-hyun closed 4 years ago

chul-hyun commented 4 years ago

Hey @vomvoru,
Your changes look good to me!

View build log

TravisBuddy Request Identifier: fb718bb0-e00d-11e9-ac10-c3653f10d40a
chul-hyun commented 4 years ago

Hey @vomvoru,
Your changes look good to me!

View build log

TravisBuddy Request Identifier: 7aa60100-e017-11e9-a3cc-c54e7a461ade
chul-hyun commented 4 years ago

제가 실수로 PR 닫았나 봅니다 ;; ㅠㅠ @MartinYounghoonKim 님 확인후 머지 부탁드려용

chul-hyun commented 4 years ago

Hey @vomvoru,
Your changes look good to me!

View build log

TravisBuddy Request Identifier: c2b05200-e0d2-11e9-9a34-013f93fb3be9
MartinYounghoonKim commented 4 years ago

이게 정확하게 어떠한 작업인가요 ? Webpack 안에서 head를 동적으로 변경해주는 코드인가요 ?

chul-hyun commented 4 years ago

이게 정확하게 어떠한 작업인가요 ? Webpack 안에서 head를 동적으로 변경해주는 코드인가요 ?

빌드할때 만들어지는 index.html 에 옵션을 추가하여 meta 태그를 넣는 작업입니다. 동적은 아니구 정적이겠네용.

추가로, meta태그에 이미지 경로가 들어가야 되는 경우가 있는데 웹팩의 copy플러그인으로 빌드시 static 디렉토리의 파일들을 그대로 복사하여 그 이미지를 사용가능하게 해줍니다.

이후 서버랜더링 작업이 완료시 react-helmet 를 사용하는게 좋을지 고려하려고 합니다.

참고