'전체 레이아웃 잡기' 강의에서 7분 쯤 내용에css 단위를 rem을 사용하시는데, 픽셀 대신 rem을 쓰는 이유가 무엇인가요?

'수익형 웹사이트 사이트' 강의에서여러가지 프론트엔드 프레임워크 중,리액트를 선택하신 이유를 알고 싶습니다.

안녕하세요 강의 잘 듣고 있습니다. 좋은 강의 만들어주셔서 감사합니다.구글 애드센스의 경우 한 개의 구글 아이디로 여러 사이트에 등록이 가능한 것인지 궁금합니다. (각 사이트별로 승인을 받을 경우)하나의 구글계정당 하나의 사이트만 등록이 가능한 경우 여러개의 구글 아이디로 사이트마다 애드센스를 붙여도 나중에 수익을 지급받거나 하는데 문제가 없을까요?미리 감사드립니다.

케이테스트 사이트는 썸네일 부터 결과 페이지 까지 모두 통이미지로 되어있습니다.결국 테스트성격에 맞는 이미지들을 만들어야하는데테스트 하나당 결과 페이지까지 합쳐서 15개 정도를 만들어야 할듯 합니다.이 부분은 어디서 뭘 참고하거나 공부해야 감을 잡을수 있을까요?아니면 이미지에 관련된 수업이 예정되어 있는지요~소중한 강의 감사합니다~

"전체 레이아웃 잡기" 강의를 시청하며 따라하고 있는데,main.jsx 에서 <App /> 을 <Layout> 태그로 감쌌더니, ThumbnailList 가 연달아 2번 나오고 있습니다.createRoot(document.getElementById('root')).render( <StrictMode> <Layout> <App /> </Layout> </StrictMode> ) <StrictMode> 때문에 그런가 싶어서 지워봐도 2번 그리는 현상은 동일합니다. <Layout>을 지우면 ThumbnailList가 한번만 나옵니다.이런 현상이 발생하는 원인이 너무 궁금합니다.

privacy policy는 무조건 영문으로만 작성하는거에요? 한글로 작성하면 안되나요?

vercel이랑 비교 시 netlify 배포는 어떤가요?

서버 배포 강의를 들으며 실습 중인데 cloudflare 에서 등록을 한 상태에서 aws 에 등록을 하면 어떻게 되는 건가요? 최신 등록 플랫폼에 종속 되고 이전 플랫폼은 해지 되는 건가요?

코드 제공은 안되나요? 글씨가 작아서 잘 보이않아요. 화면보고 따라서 작성하기가 힘드네요. 강의자료에 없는거 같아서 여쭤봅니다.

콘솔창에 Lottie 관련으로 경고 메시지 같은게 뜨는데 해당 내용은 어떻게 해야 해결할 수 있나요?혹시페이지에 문제가 생기지는 않는건가요? 문서를 봐도 무슨 말인지 모르겠네요.componentWillUpdate has been renamed, and is not recommended for use. See https://react.dev/link/unsafe-component-lifecycles for details.* Move data fetching code or side effects to componentDidUpdate.* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run npx react-codemod rename-unsafe-lifecycles in your project source folder.Please update the following components: Lottie2

function ThumbnailList() { const [testList] = useState(initialState: TESTS); return <div> {testList?.map(callbackfn: (test) => ( <img src={test?.info?.thumbImage} alt={test?.info?.mainUrl} key={test?.info?.mainUrl} />))} </div>; }useState 함수에 initialState:와 map 함수에 있는 callbackfn:이 있으면 문제가 생기는데 빼야 하는건가요? 아니면 문법이 버전때문에 다른건가요?

강의를 잘 보고 있습니다.클라우드 플레어가 상당한 장점이 있는 호스팅 업체로 보이는데요, 그럼에도 불구하고 실무에서는 결국 AWS를 선택하는 이유를 아래의 3가지로 정리하면 될까요?커스터마이징 제한느린 성능벤더 종속성이 외에 클라우드플레어에서 AWS로 이전할 수 밖에 없었던 에피소드가 있으신지 여쭤보고 싶습니다.

Visual Studid Code powershel 터미널l에서 node 설치 확인을 하고 mkdir과 ls를 각각 입력하면 위와 같이 나오는데 맞는 것인지요? 강의 화면과는 다른 것 같아서요.

영상 10분쯤 나오는 파트에서 Main.jsx와 App.jsx 코드를 아예 똑같이 썼는데도 사이트에 연결할 수 없다고 뜹니다 어떻게 해야 하나요 vsc에서는 Main이 선언은 되었지만 해당 값이 읽히지는 않았습니다 ts(6133)이라고 뜯니다 

Q. npm i react-copy-to-clipboard 패키지 설치시 아래와 같은 오류가 발생합니다. > npm i react-copy-to-clipboard npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: mbti-contents-platform@0.0.0 npm error Found: react@19.0.0 npm error node_modules/react npm error react@"^19.0.0" from the root project npm error npm error Could not resolve dependency: npm error peer react@"^15.3.0 || 16 || 17 || 18" from react-copy-to-clipboard@5.1.0 npm error node_modules/react-copy-to-clipboard npm error react-copy-to-clipboard@"*" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error ... 강의 들으며 문제가 발생했고, 직접 해결한 방법을 공유합니다.🎯 오류 원인 분석오류 메시지를 분석하면, react-copy-to-clipboard@5.1.0 패키지가 React 19을 지원하지 않기 때문에 설치에 실패한 것입니다.🎯 1. 오류 원인 분석오류 메시지를 보면:npm error Found: react@19.0.0 npm error Could not resolve dependency: npm error peer react@"^15.3.0 || 16 || 17 || 18" from react-copy-to-clipboard@5.1.0 📌 원인프로젝트에 React 19.0.0이 설치되어 있음.하지만 **react-copy-to-clipboard@5.1.0**은 React 19을 지원하지 않음 (React 15~18까지만 지원).📌 결과react-copy-to-clipboard는 react@19와 호환되지 않아서 설치할 수 없음.강사님은 18버전으로 진행, 실습 시 vite로 최신버전이 19버전으로 설치됨 Soultion ✅ react-copy-to-clipboard 대신 다른 패키지 사용 (추천)현재 react-copy-to-clipboard는 React 19을 공식적으로 지원하지 않음.대신 React 19에서 정상적으로 동작하는 최신 패키지를 사용하는 것이 좋음.대체 패키지: @uidotdev/usehooks이 패키지는 useCopyToClipboard() 훅을 제공하며, React 19에서도 사용 가능.npm i @uidotdev/usehooks 📌 사용 예시 (useCopyToClipboard 활용)import { useCopyToClipboard } from "@uidotdev/usehooks"; export default function CopyButton() { const [copiedText, copy] = useCopyToClipboard(); return ( <div> <button onClick={() => copy("Hello, World!")}>복사하기</button> {copiedText && <p>복사 완료: {copiedText}</p>} </div> ); } 저는 위 방식을 통해 해결하였습니다. 더 좋은 방법이 있으면 공유해주세요.

안녕하세요! 수업을 듣는데 Test.js 파일이 없어서요다운받은 파일에도 없어요