본문 바로가기

분류 전체보기518

[구글애널리틱스] 기존 속성 삭제 방법 구글애널리틱스 속성을 잘못 만들었거나, 최신 버전(GA4)을 만들었다가, 기존버전으로 회귀하고 싶을 때 등등 기존에 만들어둔 속성을 제거하는 방법을 정리한다. (매우 간단) # 구글애널리틱스 속성 삭제 방법 : "관리 > 속성 > 속성설정 > 휴지통으로 이동 > 속성삭제" 0. 관리 메뉴 진입 1. "속성설정" 진입 2. "휴지통으로 이동" 클릭 3. "속성 삭제" 클릭 4. 메일 수신 : 이메일로 "구글 애널리틱스 속성" 삭제 안내 메일이 온다. : 일정기간이 지나고 영구 삭제 된다고 한다. 도움이 되시길 바랍니다. - 카레유 - 2021. 1. 18.
[구글애널리틱스] 최신버전(GA4)의 추적코드 비노출 위치 확인 방법 구글애널리닉스가 2020년 말경에 새롭게 개편되면서, 화면도 바뀌고, 추적코드도 사라진 것처럼 미노출(?)된다. 이번 글에서는 "최신 구글 애너리리틱스"의 "추적 코드" 위치를 확인해본다. (부디 나처럼 당황하시는 분들이 없으시길 바라며...) (참고) [구글애널리틱스] 기존 구버전 속성 생성/사용 방법 # 최신 구글 애널리틱스의 추적ID 위치 새로운 구글애널리틱스 버전의 추적코드를 아래의 경로에서 찾을 수 있다. " 관리 > 계정 > 속성 > 데이터 스트림 > 서비스 선택 > 새로운 온페이지 태그 추가 " 1. 관리 2. 계정>속성> "데이터 스트림" 4. 서비스 선택 5. "새로운 온페이지 태그 추가" 확인 : 이 코드를 html의 head 부분에 삽입하면 된다. 추적코드의 위치를 찾지 못해 당황하는.. 2021. 1. 18.
[구글애널리틱스] 기존 구버전 속성 생성/사용 방법 2020년 말경에 구글애널리틱스의 새로운 버전(GA4)가 나오면서, 그냥 만들면 GA4버전이 디폴트로 생성되는데, 아직 익숙하지 못해서 기존 버전을 사용하고 싶을 수 있다. 이번 글에서는 구버전의 구글애널리틱스 속성 생성 방법을 정리해 본다, (생각보다 아주 쉽다.) # 기존 구버전 구글애널리틱스 생성 방법 : " 관리 > 속성 만들기 > 고급옵션보기 > 유니버설 애너리틱스 속성 만들기 " 0. 관리 메뉴 진입 1. 속성만들기 : 필요에 따라 새로운 계정을 만들고 진행해도 된다. 2. "고급 옵션 보기" 선택 : 속성설정 화면에서 '속성이름'을 정하고, '고급옵션보기'를 클릭한다. 3. "유니버설 애널리틱스 속성 만들기" 스위치 켜기 4. 웹사이트 URL 입력 : http, https를 지정하고, 구글애.. 2021. 1. 18.
[스마트스토어] 쇼핑검색 순위 확인/조회 방법: 도구마스터 내 스마트스토어 이름와 키워드를입력하면, 쇼핑 검색결과 순위를 알려주는 사이트를 소개합니다. 회원가입도 필요 없고, 완전 무료입니다. http://dogumaster.com 도구마스터 도구마스터는 개발자의 개인 공간입니다. 중요 내용은 직접 확인하시기 바랍니다. dogumaster.com # 사용방법 - 도구마스터 접속 http://dogumaster.com 1. "쇼핑검색 랭킹" 메뉴 진입 2. 내 스토어 이름 입력 3. 검색어 입력, 엔터! 4. 쇼핑 검색 순위 확인 : 광고영역을 제외한 순위이며, 결과는 누적 됩니다. 5. 엑셀, CSV 다운로드 : 누적된 검색결과를 파일로 다운 받을 수 있습니다. # 주의 사항 인터넷 익스플로러(IE)에선 정상 작동하지 않습니다. 크롬, 사파리, 파이어폭스 등의 .. 2021. 1. 17.
키워드별 검색결과 상위 섹션(영역) 확인 방법: 도구마스터 블로그 제목 등을 정할 때, 어떤 키워드로 검색하면, "웹 페이지, 사이트" 영역 등이 상위에 노출되는지 파악하는게 중요합니다. 쇼핑몰 상품 타이틀을 정할 땐, 어떤 키워드로 검색했을 때, "쇼핑, 광고" 섹션 등이 상위에 노출되는지 파악하는게 중요하겠죠. 1. 검색어별 검색결과 영역(섹션)를 조회하고, 2. 엑셀로 다운까지 받을 수 있는 사이트를 소개합니다. (회원 가입도 필요 없고, 완전 무료입니다.) http://dogumaster.com 도구마스터 도구마스터는 개발자의 개인 공간입니다. 중요 내용은 직접 확인하시기 바랍니다. dogumaster.com # 사용 방법 - 도구마스터 접속 http://dogumaster.com 1. "통합검색 섹션" 메뉴 클릭 : 메뉴의 위치 등은 수정될 수 있습니다.. 2021. 1. 17.
[자바스크립트] HTML input 입력창 자동 포커스, 커서 마지막 설정 방법 HTML input에 focus주고, 마지막 글자에 커서 위치 1. input 입력창의 자동 포커스 설정 방법 : input 태그의 속성으로 autofocus를 주면 된다. 결과: 포커스된 커서가 맨 앞으로 간다. 2. input 커서를 텍스트 마지막으로 위치시키는 방법 원리는 동일하다. input 태그에 포커스를 주면서, value값을 새로 넣어주면 된다. 1) 첫번째 방법: input태그에 autofocus 설정된 경우. const $input_01 = document.getElementById('input_01'); // input 태그 취득 $input_01.value = "js로 추가한 value"; // input 태그의 value에 새로운 값 설정 2) 두번째 방법: input태그에 auto.. 2021. 1. 16.
[자바스크립트] 입력값 체크(한글, 영문, 특수문자, 공백 정규식 활용) 정규표현식의 기본/기초에 대한 쉽고 상세한 내용은 아래 글 참고 [자바스크립트] 정규표현식(Regular Expression) 기초/기본 쉽고 상세한 사용 방법 정리(샘플 예제 코드) 정규표현식으로 입력값 체크 함수 정리 // 특수 문자 체크 function checkSpecial(str) { const regExp = /[!?@#$%^&*():;+-=~{}\_\[\]\|\\\"\'\,\.\/\`\₩]/g; if(regExp.test(str)) { return true; }else{ return false; } } // 한글 체크 function checkKor(str) { const regExp = /[ㄱ-ㅎㅏ-ㅣ가-힣]/g; if(regExp.test(str)){ return true; }else{ .. 2021. 1. 15.
HTTPS, SSL 인증서: 아주 쉽고 간단하면서도, 매우 상세한 정리. HTTPS, SSL 인증서: 쉬운! 간단한! 상세한! 정리. HTTPS 한줄 정리 공인된 '인증 기관'에게 내 서버의 '주민등록증'(SSL인증서)을 발급받고, '브라우저'와 통신할 때마다 제시하며 "나 인증받은 서버야." 라고 알리는 방식(HTTPS)이다. HTTPS 세줄 정리 인증서 발급: 공인된 '인증 기관'에게 내 서버의 '주민등록증'(인증서)을 발급받는다. 서버 인증: '브라우저'가 내 서버에 접속할 때마다, 인증서를 제시하며 "나 인증받은 서버야. 안전해!" 라고 알린다. 암호화 통신: '인증서'에 적힌 내 서버의 '주민번호'(key)로 데이터를 암호화하여 주고 받는다 이제부터는 HTTPS/SSL 관련 용어, 암호화 기법, 상세한 원리를 정리한다. 관련 용어 HTTP(Hypertext Trans.. 2021. 1. 10.
[자바스크립트] HTML 테이블(table) 행 추가 불가 이유, 해결 방법 appendChild()로 table 태그에 tr 행을 추가 하는게 불가능한 경우가 있다. 왜 안 되는지! 어떻게 해야하는지! 이유와 해결방법을 정리해 보려고 한다. 결론부터 말하면, table엘리먼트 자체 메서드인 insertRow(), insertCell() 등을 이용하면 된다. 일반적인 table 생성 방식 보통 table > tr > td(th) 구조로 테이블을 생성한다. 제목 내용 1 2 table 태그의 행 추가 안 되는 이유 table 태그는 자동으로 tbody가 자식 요소로 추가된다. 그래서 table 태그에 tr을 추가해도 행이 추가되지 않는다. table 태그에 행 추가하는 방법 #1 (노가다 방법) : appendChild()메서드를 통해 tbody 태그의 하위요소로 tr을 추가 //.. 2021. 1. 5.

티스토리툴바