inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

SNS 공유버튼 그룹 만들기 6:30~7:30 질문있습니다.

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

해쉬태그를 만들기 위해 TestResult.jsx에서 아래 useState를 작성하셨는데, useEffect(() => { const testInfo = TESTS?.find((test) => test.info.mainUrl === testParam); if (!testInfo) { alert('존재하지 않는 테스트입니다.'); navigate('/'); } setRenderTestInfo(testInfo); const resultInfo = testInfo?.results?.find( (result) => result.query === resultParam ); if (!resultInfo) { alert('존재하지 않는 결과값입니다.'); navigate(`/${testInfo?.info?.mainUrl}`); } setRenderResultInfo(resultInfo); }, [testParam, resultParam, navigate]); 처음에 testParam, resultParam을 가지고 와 리렌더링이 되면, useEffect 내 코드가 실행되고 testInfo 변수에 값이 저장되겠죠 그리고 setRenderTestInfo(testInfo)를 통해 renderTestInfo에 저장되는 것까지 알겠습니다. <ShareButtonGroup testParam={testParam} resultParam={resultParam} renderTestInfo={renderTestInfo} /> props로 넘기고 const ShareButtonGroup = ({ testParam, resultParam, renderTestInfo }) => { // console.log('renderTestInfo', renderTestInfo.info.mainUrl); return ( <div> <h3>친구에게 공유하기</h3> <div> <FacebookShareButton url={`${baseUrl}/${testParam}/result/${resultParam}`} hashtag={`#${renderTestInfo?.info.mainTitle}`} > <FacebookIcon round={true} size={48} /> </FacebookShareButton> </div> </div> ); }; export default ShareButtonGroup; 해쉬태그에서 받아오면 undefined 오류로 넘어가지 않습니다. 강사님 영상은 별다른 오류가 없는데, 저는 계속 빈객체로 넘어가서 흐름을 생각해본건데, 제가 잘못 생각하고 있는 부분이 있는지 궁금합니다.

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
photographarmacist 댓글 3 좋아요 0 조회수 181

ADDON 샘플링이라는게 어떤건가요?

미해결

실무자를 위한 구글애널리틱스(GA4+GTM) 활용법(26년 Update)

ADD ON 설명해주실때 , 스프레드시트로 사용하면 샘플링이 자주 걸린다고 하셨는데 이게 어떤 내용인지 잘 모르겠습니다

  • Google-Analytics
  • Google-Tag-Manager
  • 데이터-리터러시
  • GA4
cookieki 댓글 2 좋아요 0 조회수 71

React Build 문제

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

선생님 안녕하세요! 질문을 자주 남겨서 죄송합니다. 방법을 찾으려고 애써봤지만 해결이 되지 않아 질문을 남기네요... 우선 페이지 별 meta 태그를 넣어주기 위해 vite.config.js 파일에서 index.html이 필요한 라우팅 경로를 모두 넣어줬습니다. 대략 53개의 경로가 나오더군요.(루트 페이지,16가지 MBTI 결과*3 , intro 페이지 *3, 블로그 페이지) 이렇게 되니 빌드 시간 3분이 넘어가면서 빌드 중 다음과 같은 오류가 발생합니다. error during build: [Prerender Plugin] [plugin Prerender Plugin] Runtime.callFunctionOn timed out. Increase the 'protocolTimeout' setting in launch/connect calls for a higher timeout if needed. 우선 index.html 생성을 원하는 페이지를 강의에서 보여주는 예시를 넣었을때는 아무 이상없이 잘 됩니다. 제 생각에는 생성해야 할 index.html 파일의 수가 많아서 발생하는 에러같습니다.

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
asd 댓글 1 좋아요 0 조회수 162

실습용 쇼핑몰은 어떻게...

미해결

실무자를 위한 구글애널리틱스(GA4+GTM) 활용법(26년 Update)

실습용 쇼핑몰은 어떻게해야 보일까요? 제가 구축해야하는건가요?ㅠㅠ 카페24 가입하고 <Head> <Body> 입력했는데 전 이런 화면을 어떻게 진입해야하는지 모르겠어요ㅠㅠ

  • Google-Analytics
  • Google-Tag-Manager
  • 데이터-리터러시
  • GA4
한은지 댓글 2 좋아요 0 조회수 92

GTM/GA4 태그가 중복됩니다.

미해결

실무자를 위한 구글애널리틱스(GA4+GTM) 활용법(26년 Update)

알려주신대로 기본 태그 추가 뒤, 버튼에 대한 클릭 태그를 만드려고 하니 컨테이너에 태그가 없다고 뜹니다. ㄴ 해당 태그를 추가하니 정상적으로 작동은 되나, all page init 이벤트에 태그가 두 개 작동되어 디버그 시 하단처럼 보이네요. 원인이 뭘까요? 별개로, 강의 잘 수강하고 있습니다. 여타 봤던 모든 강의 중에 제일 이해가 잘 되네요. 궁금한 것들 먼저 보느라 순서가 뒤죽박죽이지만 전체 완강할 수 있도록 하겠습니다. ^^

  • Google-Analytics
  • Google-Tag-Manager
  • 데이터-리터러시
  • GA4
mryrhelp 댓글 2 좋아요 0 조회수 168

구글 시트 add-on 정식버전인 addformatic 은 무료인가요?

미해결

실무자를 위한 구글애널리틱스(GA4+GTM) 활용법(26년 Update)

구글 시트 add-on 정식버전인 addformatic 은 무료인가요? 따로 언급이 없으셔서 사용하고 있긴 한데 일정기간 지나면 유료라는 말도 있어서, 정확히 아시는 부분인지 궁금합니다

  • Google-Analytics
  • Google-Tag-Manager
  • 데이터-리터러시
  • GA4
cookieki 댓글 2 좋아요 0 조회수 99

수업 자료인 PPT는 어디서 다운 받을 수 있나요??

미해결

바로 써먹는 GA4 실무리포트(2026) + Microsoft Clarity

캠페인 네이밍 구글시트 등 PPT에 여러 링크들 사용하라고 하시는데 어디서 다운 받는지를 모르겠어요. 이번 수업에서 전에 기초 강의에서 설명 드렸다고 하는데, 저는 이 강의가 처음이라서요

  • Google-Analytics
  • Google-Tag-Manager
  • 데이터-리터러시
  • GA4
손창민 댓글 2 좋아요 0 조회수 211

태그 및 디버그뷰 설정 문의 드립니다.

미해결

실무자를 위한 구글애널리틱스(GA4+GTM) 활용법(26년 Update)

안녕하세요. 강의 너무 유용해서 여러번 돌려보고 있습니다. 명쾌하고 이해하기 쉽게 설명해주셔서 감사합니다! 세션 17에 추가셋팅_Debugview를 활성화하는 2가지 방법를 보고 궁금한점이 있는데요. 2:18에서 "GA4_기본태그"라는 태그를 보여주시는데 이 태그의 목적은 무엇일까요? 지금은 2:18와 같이 Google 애널리틱스: GA4구성 이라는 태그유형이 없는데 이 태그가 꼭 필요한 태그라면 어떻게 설정해야하는지 궁금하고, 아래의 칸 이름도 다른데 디버그 모드를 활성화 하기 위해선 어떻게 해야하는지 궁금합니다. 3.카페24에 태그매니저 코드만 넣었는데 ga4나 구글애즈 코드는 맞춤 HTML 이용해서 태그매니저에 따로 설치해야하는건지 궁금합니다. 감사합니다!

  • Google-Analytics
  • Google-Tag-Manager
  • 데이터-리터러시
  • GA4
미디미 댓글 2 좋아요 0 조회수 81

PC 접속 X, 모바일 접속만 가능

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

선생님 안녕하세요! 3시간 전에 서비스를 배포했습니다. 근데 PC 접속이 안되어 cafe24에서 설정한 DNS가 아직 적용이 잘안되어서 서비스 접속이 PC로 안되는줄 알았습니다. 하지만 모바일로 접속하니 접속이 잘만 되더라구요?... 어떻게 이럴수가 있을까요? PC가 안되면 모바일도 안되어야하지 않나요?

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
asd 댓글 2 좋아요 0 조회수 214

이미지 리사이징 현상 막기

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

선생님! AWS에 이미지 호스팅 서비스 관련해서 궁금한게 있습니다. 제가 테스트를 해봤는데 썸네일 이미지 크기(가로/세로)에 상관없이 실제 운영 환경에는 동일한 크기의 썸네일 이미지로 보여지더라구요. 그러면 이게 AWS 이미지 호스팅 할 때 이미지 크기를 리사이징해서 조절해주는 작업이 일어나는거라고 저는 추측하고 있는데요. 만약 이런 작업이 일어난다면 결국 AWS에 불필요한 작업으로 인한 비용이 발생이 되는거라서... 혹시 이미지 사이즈 크기에 대한 팁이 있을까요?

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
asd 댓글 1 좋아요 0 조회수 170

백엔드

미해결

[프리미엄] AI와 대화하며 웹 서비스 만들기

안녕하세요 선생님 이제 강의ㅣ를 수강시작하는 1인개발을 목표로 하는 직장인입니다. 혹시 백엔드는 요번강의에서는 구축 해서 하는건 포함 안되어 있는건가요?? 실제로 만약 카페를 운영한다고 가정하면 구글 시트만으로는 실제 운영할 떄는 어렵겠죠??

  • Google-Analytics
  • google-sheets
  • cursor
  • 인공지능(ai)
  • nextjs
wjstndlr970913 댓글 1 좋아요 0 조회수 65

AWS 배포 후 사이트 접속이 원할하지 않은 문제

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

선생님! 안녕하세요! 제가 AWS에 배포 후 도메인을 붙이고 접속했을 때 첫 페이지는 잘 나왔습니다. 근데 테스트를 클릭하니 URL이 도메인 주소가 아닌 localhost로 바뀌면서 접속이 안됩니다. 어느 포인트를 수정해야할까요?ㅠ

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
asd 댓글 1 좋아요 0 조회수 145

따라하다 보니 어느순간 화면이 하얗게 나오는건 왜그럴까요?

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

처음에는 잘 나왔었는데 이번강의 따라 하다보니 화면이 하얗게 밖에 안나와요..

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
maeg88 댓글 3 좋아요 0 조회수 209

주요 이벤트(구매) 너무 많이 잡혀요

미해결

실무자를 위한 구글애널리틱스(GA4+GTM) 활용법(26년 Update)

안녕하세요! Ga4 강의 정말 유익하게 들었습니다 실제로 강의에서 알려주신 내용대로 GTM과 GA4설치해서 잘 이용하고 있습니다 여기저기 많이 찾아봤지만 해결하지 못해 이렇게 질문드립니다. 현재 GTM으로 구매버튼 클릭으로 설정을 했고, 주요이벤트로 설정을 해줬는데 GA4에서 주요이벤트가 비이상적으로 많이 찍혀있습니다. 실제 구매는 4건인데, 주요이벤트 구매는 450 이렇게 찍힙니다. 고객이 구매버튼을 눌렀다가, 결제를 안했을 수 도있습니다. 그러면 적어도 20~30번 이라고 생각할 수 있는데, 거의 400이 넘게 찍히니 이상합니다. 혹시 이런 상황에 어떻게 설정을 해야할까요?

  • Google-Analytics
  • Google-Tag-Manager
  • GA4
제임스 댓글 2 좋아요 0 조회수 81

이용 약관 코드도 제공을 해 주시나요?

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

제공해주신 수업을 잘 들었습니다. 마지막 수파베이스 강의에서 구글 Oauth와 연동할때 이용 약관 코드를 제공해 주신다는 언급이 있었던것 같은데, 어디에 올라가 있는지 여쭤보고 싶습니다.

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
서재원 Seo 댓글 1 좋아요 0 조회수 146

코드 힌트 방법

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

선생님! useState()에 intialState 라고 표시되는건 어떻게 하는건가요?

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
asd 댓글 2 좋아요 0 조회수 272

마지막 강의에서 다음 강의가 있다고 하셨는데 곧 올라오나요?

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

안녕하세요 완강했습니다!! 마지막 강의에서 다음 강의가 있다고 하셨는데 곧 올라오나요?

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
robotics 댓글 2 좋아요 0 조회수 111

rem 단위를 쓰는 이유

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

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

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
김성희 댓글 2 좋아요 0 조회수 283

리액트를 선택한 이유

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

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

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
김성희 댓글 2 좋아요 0 조회수 153

ga 코드와 gtm 코드를 둘 다 심으면 ga에 페이지뷰가 두배로 나오나요

미해결

실무자를 위한 구글애널리틱스(GA4+GTM) 활용법(26년 Update)

gtm 코드 심을 때 기존 ga 태그는 삭제해야 하는지 궁금합니다. 페이지 뷰가 두배로 나올 수도 있는지 궁금합니다~

  • Google-Analytics
  • Google-Tag-Manager
  • 데이터-리터러시
  • GA4
자바웹 댓글 2 좋아요 0 조회수 244

인기 태그

인프런 TOP Writers

주간 인기글