VamosDev의 개발 브이로그

[설치] https://analytics.google.com/analytics/web/provision/?utm_source=OGB&utm_medium=app&authuser=0#/provision Redirecting... analytics.google.com '측정시작' 클릭 아래 단계를 순차적으로 진행 1.계정 생성  - ID 입력하고 다음 2. 속성 만들기 - 측정할 시설 세부정보 등록 (웹페이지, 모바일페이지 등 여러개를 등록하여 측정할 수 있다.) 3. 비즈니스 세부정보 - 설문조사 진행 4. 비지니스 목적 - '웹 또는 앱 트래픽 파악'  체크 > '만들기' 클릭 4-1. 서비스 약관 동의 - GDPR 요구 약관에도 동의 '체크'   (구글은 쿠키를 통해 방문자 정보 수집, 그런데 유럽은 쿠..

1. 회원 가입 및 로그인 https://www.netlify.com/ Scale & Ship Faster with a Composable Web Architecture | NetlifyRealize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now!www.netlify.com 2. 맨 하단 파일 업로드 선택하여 index.html 문서가 있는 폴더를 업로드 3. 배포 후 site configuration에서 주소(url) 수정도 가능 함.

SNS에 미리보기를 제공하는 meta 태그.이를 잘 활용하면 예쁘게 보이도록 할 수 있음! 그중 페이스북이 만든 '오픈그래프'가 소셜 미리보기 기능을 제공함.property의 'og:' 값이 오픈그래프를 의미함. 아래 코드를 html 문서의 head 부분에 입력 * 참고1"og:image" 태그 사용 시, 프로젝트 내에 이미지를 업로드하여 해당 이미지의 주소를 사용하면 표시되지 않음.이유 - react는 CRS기 때문에 미리보기 제공 시에는 실제 이미지 로딩이 되기 전 빈 html만 있는 상태기 때문임. 해결 방안 - 온라인 웹상에 업로드된 이미지의 주소를 사용함. * 참고2간혹 카톡 서버 URL 캐시로 인해 새로 적용한 og image가 보이지 않을 수 있음 해결 -카카오 디버거 툴을 이용하여 ur..