프로덕트 디자인 포트폴리오Github Pages로 공유하기 (3) : Google Analytics 세팅
·
Develop
Google Analytics Project 세팅Google Analytics : https://analytics.google.com/analytics/1. 만들기 > 계정을 선택해 주세요.2. 계정 이름을 적어주시고, 아래 계정 데이터 공유 설정은 그대로 유지합니다.3. 속성 만들기 > 이름을 적어줍니다. 시간대와 통화도 대한민국 기준으로 설정해 주세요.4. 비즈니스 세부정보를 설정해 주세요. 아무거나 설정해도 괜찮습니다. 5. 비즈니스 목표를 선택해 주세요. 저는 웹 또는 앱 트래픽 파악, 사용자 참여 발생 시간 및 유지율 보기를 선택했습니다. 6. 약관에 동의해 주세요.7. 데이터 수집 시작하기 > 웹을 선택해 주세요.8. URL, 스트림 이름을 적어줍니다.9. 빨간 박스 부분을 복사해 줍니다. 1..
프로덕트 디자이너의 포트폴리오 Github Pages로 공유하기 (2) : Github Pages로 배포하기
·
Develop
Github에 Public Repository 만들기Github(https://github.com/)에 로그인하시고 Repository 탭에서 New를 눌러주세요.1) Repository name : 이 이름은 배포 시 링크에도 포함되니 참고해서 지어주세요. (ex. ProductDesignPortfolio)2) Public으로 설정해 주세요. (Private는 배포가 안됩니다.)3) README.md, .gitignore은 굳이 필요하지 않은 파일들입니다. 체크하지 말아 주세요.4) 아래로 스크롤해서 Create Repository 버튼을 눌러주세요.그러면 이런 화면이 나옵니다. 이 화면에서 빨간색으로 표시한 링크를 가지고 로컬에 있는 폴더(이전 블로그)와 이번 블로그에서 만든 Repository를 연..
프로덕트 디자이너의 포트폴리오 Github Pages로 공유하기 (1) : Cursor 설치, 폴더/파일 세팅
·
Develop
포트폴리오는 보통 PDF로 공유하지만, 가끔 링크로 제출해야 하는 경우도 있습니다. 구글 드라이브로 공유할 수 있지만 원티드, 리멤버와 같은 플랫폼에서 얼마나 접속했는지, 얼마나 체류하는지, 파일을 다운로드했는지 파악하긴 어렵습니다. Google Analytics로 트래킹 할 수 있는 방법을 찾다가 직접 웹페이지를 만들고, Github Page로 배포하는 방식을 택했습니다. (무료!) 요즘은 AI가 코드를 잘 작성해주기 때문에, HTML에 대한 지식이 없어도 쉽게 따라 할 수 있습니다. 저는 Cursor에서 Agent를 사용해 HTML을 편집했어요. 코드가 어렵다면 Cursor 사용을 적극 추천합니다! Cursor 설치, 환경 세팅Cursor는 AI를 곁들인 코드 편집 프로그램입니다. 다운로드 링크 :..