구글 애드센스의 경우 한 개의 아이디로 여러 사이트에 등록이 가능한 것인지 궁금합니다.

안녕하세요.강의 들어주시고 좋은 질문 주셔서 감사합니다. 가능합니다. 해당 방식이 구글에서 권장하는 애드센스 활용 방법입니다.불가능한 것은 아니지만 쉽지 않을 거예요. 결국 수익을 받기 위해서는 추후 수취인 정보, 전화번호, 주소 등의 증빙이 필요한데요. 한 명이 여러 주소와 번호를 운영하며 증빙하는 것이 쉽지 않을 듯해요. 여러 명이 여러개를 받는다면 가능하겠지만 그것을 결국 1번과 같은 구조가 될 거예요.구글의 정책상 원칙은 1인당 1계정 이긴 하지만, 증빙(특히 수익 정산을 위한)이 가능한 범위 내에서 여러 개의 애드센스 계정을 운영하실 수 있습니다.고맙습니다.

이미지 제작에 관한 문의

안녕하세요.우선 본 강의를 수강해 주셔서 진심으로 감사드립니다.아쉽게도 이미지를 생성하는 부분은 따로 다룰 예정은 없습니다만,근래 GPT 등 LLM 모델의 발전 속도가 워낙 빠르게 진행되어 이미지 생성 모델도 하루가 멀다하고 엄청난 퀄리티 상승을 보이고 있습니다. 이제 GPT, Gemini 등으로 콘텐츠를 기획 후,아래의 모델을 사용해 썸네일, 인트로, 결과 이미지를 제작 해달라고 요청하면 텍스트까지 잘 생성해주어 도움이 될 것입니다. chatGPT-4o by OpenAIhttps://inf.run/ozJK3 Whisk by Googlehttps://inf.run/YWw6r

Layout 을 추가하니, ThumbnailList가 2번 그려지는 현상이 있어요.

안녕하세요.어떤 상황인지 확인하기 위해 main.jsx와 Layout.jsx 코드 전체 스크린샷을 보내주실 수 있을까요?

privacy policy 질문

한글로 작성하셔도 무방합니다.다만 Google에 Adsense 심사를 요청할 때 영문으로 작성하는 편이 깔끔하기 때문에 영문으로 강의에 넣었습니다.

netlify 배포는 어떤가요?

Netlify 역시 좋은 선택지입니다.다만 Vercel과 비교했을 때,서버리스 함수 제한: Vercel에 비해 서버리스 함수 실행 시간 및 용량 제한이 있을 수 있습니다.가격 정책: 트래픽이 많거나 대규모 프로젝트의 경우 Vercel보다 비용이 더 많이 들 수 있습니다.유연성 부족: Vercel에 비해 커스텀 설정이나 고급 기능이 제한적일 수 있습니다.더불어, 추후 다음 강의에서 다룰 Next.js 와 궁합이 가장 잘 맞는 호스팅 서비스가 Vercel이기 때문에 추천드립니다.

서버배포 플랫폼 사용시 중복 등록?

안녕하세요.좋은 질문 주셔서 감사합니다.포인트는 '도메인'인데요. mbti.com 과 같이 도메인을 할당하지 않은 상태라면 어떤 호스팅을 해두든 중복이 가능합니다.만약 A호스팅에 도메인이 할당 되었다면 B호스팅으로 옮기고 싶을 경우 A에서 해당 도메인 설정을 초기화 해주어야 합니다.

Lottie사용 관련

안녕하세요.해당 메시지는 React에서 componentWillUpdate라는 라이프사이클 메서드가 더 이상 권장되지 않는다는 뜻인데요. React 18.x 버전부터는 이 메서드가 완전히 동작하지 않을 수 있으니, 미리 수정하는 것이 좋다는 경고(Not 에러)입니다.현재 이 경고 메시지 때문에 페이지에 기능적인 문제가 생기지는 않습니다. 경고는 단순히 개발자에게 코드에 잠재적인 문제가 있을 수 있음을 알려주는 역할을 합니다. 즉, 지금은 사이트가 정상적으로 동작하더라도, 미래의 React 버전(특히 18.x 이상)에서는 이 경고가 오류로 바뀔 가능성이 있으니 미리 대응하는 것이 좋다고 알려주는 것입니다.경고 메시지 해결을 원하신다면,1. Lottie 라이브러리 업데이트가장 간단하고 권장되는 방법은 Lottie 라이브러리를 최신 버전으로 업데이트하는 것입니다.- 하는 법: 1. 프로젝트 폴더에서 터미널을 열고, 현재 Lottie 버전을 확인합니다: npm list lottie-react 2. 최신 버전으로 업데이트합니다:npm install lottie-react@latest 3. 업데이트 후 프로젝트를 다시 실행해서 경고가 사라지는지 확인하세요.2. React 코드 수정만약 경고가 Lottie 라이브러리 내부에서 발생한 것이라면, 직접 Lottie 코드를 수정하는 방법도 있습니다. componentWillUpdate를 componentDidUpdate로 바꾸거나, UNSAFE_componentWillUpdate로 이름을 변경하면 됩니다. 3. 자동 수정 명령어 사용React에서 제공하는 도구를 사용해 프로젝트 전체에서 문제가 되는 코드를 자동으로 수정할 수 있습니다.- 하는 법: 1. 프로젝트 폴더에서 터미널을 열고 다음 명령어를 입력합니다:npx react-codemod rename-unsafe-lifecycles 2. 명령어가 실행되면 componentWillUpdate 같은 구식 메서드 이름이 자동으로 새로운 이름(예: UNSAFE_componentWillUpdate)으로 바뀝니다. 3. 이후 프로젝트를 다시 실행해서 경고가 사라졌는지 확인하세요.

코드제공 안되나요?

안녕하세요.소스코드는 아래 Repo를 참고해 주세요.https://github.com/cobaetoo/mbti-contents-platform

썸네일 리스트 페이지 만들기 함수 질문입니다.

안녕하세요.강의에서 보이는 initialState 또는 callbackfn 등은 타이핑하는 코드가 아닙니다. VS Code에서 특정 함수마다 어떤 Parameters가 들어가야 하는지 힌트를 주는 기능 덕분에 보이는 것 뿐입니다.해당 회색 글씨들은 무시하시고 타이핑되는 코드들만 참고하시면 되겠습니다.

호스팅 업체를 결국 AWS 로 정해야 하는 이유가 궁금합니다.

안녕하세요.강의 잘 들어주셔서 감사합니다.우선 가장 중요한 차이점은 결국 중요한 비용 이슈인데요.어느정도 트래픽이 상승하면서 결국 어떤 호스팅 서비스가 됐든 유료로 사용할 수 밖에 없게 되었습니다.이 때, AWS는 다양한 가격 모델과 비용 관리 도구를 제공해서, 사용량에 따라 비용을 최적화할 수 있는 기능을 제공합니다(클라우드플레어도 비용 효율적일 수 있지만, 복잡한 워크로드에서는 AWS가 더 유리할 수 있습니다.).또한 클라우드플레어가 프론트엔드, 엣지 컴퓨팅에 강하지만, 복잡한 백엔드 로직, 데이터베이스 연동, 실시간 데이터 처리 등이 필요한 경우에는 AWS 생태계 안에서 여러 서비스를 연동하여 활용하는 것이 더 효율적이기 때문입니다.