산책하는 댕발자

프로젝트를 진행하면서 웹사이트 방문자 데이터를 수집할 수 있는 도구를 추가하기로 했다. GA와 Umami 등 다양한 도구를 고민하다가 GA를 선택했다.스크립트만 추가하면 바로 사용할 수 있어서 확실히 Umami보다 설정이 간단하다는 장점이 있다. 또 사용자들의 유입 경로, 클릭 이벤트, 페이지 이탈률 등 다양한 지표도 활용할 수 있다.   0. 로그인아래 사이트에 방문하여 애널리틱스에 로그인한다.https://marketingplatform.google.com/about/analytics/ 비즈니스를 위한 애널리틱스 도구 및 솔루션 - Google 애널리틱스Google 애널리틱스는 고객에 대한 이해도를 높이는 데 필요한 도구를 제공합니다. 분석한 비즈니스 통계를 바탕으로 웹사이트를 개선하고 맞춤 잠재고객..

EC2 인스턴스로 SSH에 접속 후 git을 설치하고 프로젝트를 Clone 받는 과정을 정리했다.   1. EC2 인스턴스 SSH 연결AWS 로그인 > EC2 > 인스턴스 > 실행할 인스턴스 선택 > 연결 > SSH 클라이언트 명령어 순서대로 터미널에 입력해준다.chmod 400 "my-keypair-name.pem"ssh -i "my-keypair-name.pem" ubuntu@my-public-DNS   2. Git 설치Git을 설치하기 전에 Git이 설치되어 있는지 확인한다.git --versiongit version이 출력되지 않는다면 git을 설치한다.  리눅스의 경우sudo yum install git 우분투의 경우sudo apt install git   3. SSH 키 생성3-1. SSH 폴..

EC2(Elastic Compute Cloud)단순 클릭으로 쉽게 즉시 구동 가능한 서버를 제공하는 서비스운영 서버에 필요한 대부분의 Operating System을 지원하고, 사용 목적에 맞는 사양을 제공AWS 내의 VPC, RDS, ELB 등 다양한 서비스들과 호환성이 뛰어나 연동이 잘 됨   1. 리전 선택어떤 지역에 있는 컴퓨터를 임대할 것인지 고른다. 필자는 나의 서비스 사용자와 가까운 서울을 선택했다.   2. 인스턴스 생성2-1. 인스턴스 이름 입력   2-2. AMI 선택  2-3. 인스턴스 유형 확인내가 빌리려고 하는 서버 사양을 확인할 수 있다. 필자는 가입한지 1년이 되지 않아 프리 티어를 사용했다.   2-4. 키페어 생성키페어 = 비밀번호(보안이 중요하기 때문에 일반 비밀번호가 아..

S3(Simple Storage Service)이름 그대로 파일을 쉽게 저장할 수 있는 공간을 제공하는 서비스이다.파일마다 고유 주소를 부여하여 S3에 저장한 파일을 웹상에서 쉽게 읽을 수 있다.주로 사이트상의 이미지들을 저장하고 사이트에서 읽어들여 렌더링 해주는데 사용한다.   1. 리전 설정AWS 리전을 확인한다.   2. 버킷(=가상 하드디스크) 만들기2-1. 일반 구성 - 버킷 이름 입력   2-2. 객체 소유권 - ACL 비활성화됨(권장)   2-3. 액세스 권한 - 퍼블릭 상태필요에 따라 액세스 권한을 차단할 수 있다. 필자는 우선 퍼블릭 상태로 만들었다.   2-4. 버킷 버전 관리 - 비활성화버킷 내 여러 버전을 저장할 수 있다.이 기능은 실수로 인한 데이터 손실을 방지할 수 있어 데이터 ..

Array.from() Array.from() 함수는 알고리즘 문제를 풀면서 보통 두 가지 기능이 필요할 때 사용한다. 1. 문자열이나 정수 값을 배열로 반환할 때 2. 순회할 때 구문 Array.from(arrayLike) Array.from(arrayLike, mapFn) Array.from(arrayLike, mapFn, thisArg) arrayLike - 배열로 변환할 객체 mapFn - 배열에 각 요소를 생성하는 함수 (두 개의 매개변수 배열의 각 요소, 현재 요소의 인덱스를 받는다.) thisArg - mapFn 실행시 this로 사용할 값 Array.from(obj, mapFn, thisArg)는 Array.from(obj).map(mapFn, thisArg)와 동일한 결과를 가져올 수 있..