사이트 구축/최적화 활용 팁

Jquery vTicker를 사용하여 위아래로 롤링 처리 방법입니다.

1. jquery-3.4.1.min.js 파일을 서버에 업로드합니다.

2. jquery.vticker.min.js 파일을 서버에 업로드합니다.

3. 샘플 소스 정상 작동하는지 확인을 합니다.

4. li 태그 자리를 공지사항이나 필요한 내용으로 바꿉니다.

※ 샘플 소스를 아래 첨부하였습니다.

아래와 같이 코딩을 하면 롤링되는 것을 확인하실 수 있습니다.

<div id="example">
  <ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</li>
    <li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</li>
    <li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</li>
  </ul>
</div>
<script type="text/javascript" charset="utf-8" src="./jquery-3.4.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="./jquery.vticker.min.js"></script>
<script>
$(function() {
  $('#example').vTicker();
});
</script>

기존에 jquery를 사용하시는 경우에 jquery.vticker.min.js 파일만 올려서 점검하시는 경우가 있을 수 있습니다.

이 때, Uncaught TypeError: a.obj.animate is not a function 에러가 발생할 수가 있습니다.

이럴때는 jquery slim 버전이어서 안되는 것입니다. 이 때는 min 버전은 인클루드 하셔야 해결이 됩니다.

기아자동차 2017년식 올뉴쏘렌토 전자식 파킹 브레이크(EPB)에서 기어를 중립으로 놓고 주차하는 방법입니다.

일반적으로는 사이드 브레이크를 올리지 않고 기어를 N으로 놓으면 중립 주차가 가능합니다.

전자식 파킹 브레이크(EPB)에서 기어를 중립으로 처리하는 방법

1. 자동차 정차후 P로 놓고 시동을 끕니다.

2. 아래 이미지에 보시는 작은 버튼을 꾹 누르고 기어를 N으로 이동을 합니다.

   - 해당 버튼의 이름을 SHIFT LOCK RELEASE 라고 합니다.

기어를 중립으로 놓는 가장 흔한 경우는 주차장에 자리가 없어서 이중주차 또는 평행주차를 하는 경우일 것입니다.

자동차의 전자식 기능이 항상 좋은 것만은 아닌 것 같습니다.
기어를 중립으로 놓는 것도 이리 공부를 하고 해야 하니 말입니다.

2020/05/13 - [유용한 지식] - 기아자동차 2017년식 올뉴쏘렌토 정비소 오토큐 종류 및 등급 구분하기

2020/05/11 - [유용한 지식] - 기아 올뉴쏘렌토 자동차 경고등 구별 방법 및 대처 방법

갤럭시워치를 셋팅하고 5월 초에 빅스비를 업데이트하였습니다.

그 후 빅스비 실행 시 오류가 발생을 하게 됩니다.

빅스비 오류 해결 방법은 갤럭시워치를 공장 초기화 상태로 돌리고 빅스비만 업데이트를 하지 않습니다.

그리고 나서 갤럭시워치에서 빅스비를 업데이트하면 이상없이 되는 것을 확인했습니다.

삼성 개발자팀에 따르면 5월 중순 이후 나오는 빅스비 업데이트 버전을 받게 되면 해당 오류는 해결이 된다고 합니다.

글을 쓰는 2020년 6월 현재는 해결이 되었다고 봐야 겠습니다.

갤럭시워치 액티브2 44미리 초기화 방법입니다.

1. 갤럭시워치의 아래 버튼, 홈버튼을 10초 이상을 누르고 있으면 아래와 같은 Rebooting... 화면으로 진입을 합니다.

2. Rebooting... 화면으로 진입 시 지체하지 마시고 홈버튼을 연속으로 3번을 눌러서 Select REBOOT MODE 화면으로 진입을 합니다.

3. 메뉴로 진입을 하게 되면 홈버튼을 눌러서 Recovery 메뉴로 이동을 합니다.

4. Recovery 메뉴를 선택한 상태에서 홈버튼을 3초 이상 누르게 되면 공장 초기화가 시작됩니다.

이후 다시 휴대폰의 Galaxy Wearable App을 이용하여 갤럭시 워치 사용 설정을 합니다.

윈도우10 탐색기에서 LINE WORKS Drive 바로가기 삭제하는 방법입니다.

프로그램에서 라인웍스를 삭제하였는데도 아래 이미지처럼 LINE WORKS Drive가 표시되어 있습니다.

라인웍스에서 제공하는 아래 첨부 파일을 이용하여 레지스트리를 등록합니다.
- 압축 파일을 푼 후 해당 파일을 더블 클릭하여 실행을 합니다.
- 저의 경우 이걸로는 해결이 되지 않았습니다.

별로 추천하는 방법은 아니지만 레지스트리 자체를 건드는 작업을 통해서 완전히 없앨 수 있습니다.

1. 윈도우 시작키 + R을 눌러서 실행창을 열고 regedit를 입력 후 확인 버튼을 클릭합니다.

2. 메뉴 → 편집 → 찾기 클릭 선택 후 LINE WORKS Drive 입력, 찾기를 합니다.

3. LINE WORKS Drive 레지스트리를 찾으셨으면 삭제를 합니다.

4. 윈도우 10 탐색기에서 LINE WORKS Drive 삭제된 모습

티스토리 플러그인으로 구글 서치콘솔이 새로이 출시되었습니다.

최초 티스토리 개설 후 메타 태그 플러그인으로 Google Search Console을 연결했습니다.

그리고 나서 sitemap을 티스토리 Document Root에 넣을 수가 없어서,
비공개 글에 첨부파일로 등록 후 사이트맵을 구글 서치콘솔에 제출하였습니다.
티스토리 플러그인으로 구글 서치콘솔을 설치하게 되면 이러한 불편함이 사라집니다.

티스토리 관리자에서 구글 서치콘솔 플러그인 설치 방법입니다.

1. 티스토리 관리자에서 플러그인 메뉴로 진입 후 Google Search Console를 클릭합니다.

2. 구글 서치콘솔 팝업 레이어 창에서 계정 연결하기 버튼을 클릭합니다.

3. "Google Search Console에 블로그가 올바르게 등록되었습니다." 메시지가 나오게 되면 적용 버튼을 클릭합니다.

4. 구글 서치콘솔에 보시면 아래와 같이 사이트맵이 자동 적용된 모습을 확인하실 수 있습니다.

티스토리 기본 사이트맵은 https://블로그 주소/sitemap.xml 형태의 주소로 만들어집니다.

예시) https://han288.tistory.com/sitemap.xml 

플러그인을 통해 서치콘솔 등록이 되면 사이트맵이 자동으로 제출되어서 이후로는 신규 글 등록 후 사이트맵을 다시 제출할 필요가 없습니다.

2019/10/12 - [유용한 활용팁] - 티스토리 Meta Tag 플러그인으로 Goolge Search Console, 네이버 웹마스터 도구 등록하기

MySQL에서 테이블, 컬럼 관련해서 자주 사용하는 테이블명 변경, 컬럼에 AUTO_INCREMENT, DEFAULT 추가하는 방법입니다.
그리고 기존 테이블을 이용하여 신규 테이블을 쉽게 생성하는 방법과 인덱스 생성 방법입니다.

테이블 생성

기존 테이블을 SELECT문으로 테이블을 생성할 때는 PK, 인덱스, AUTO_INCREMENT 등이 적용 되지 않습니다.
테이블 생성 후에 신규 테이블의 구조와 예전 테이블 구조를 꼭 비교해 보시길 권장 드립니다.

1. 구조만 생성하는 방법

CREATE TABLE [신규 테이블명]
SELECT * FROM [현재 테이블명]
 WHERE 1 = 0;

CREATE TABLE emp_new
SELECT * FROM emp
 WHERE 1 = 0;

2. 구조와 데이터 복제하여 생성하는 방법

- 단순 현재 테이블의 데이터를 백업하는 방법으로 유용합니다.

CREATE TABLE [신규 테이블명]
SELECT * FROM [현재 테이블명];

CREATE TABLE dept_backup
SELECT * FROM dept;

테이블명 변경 방법

ALTER TABLE [현재 테이블명] RENAME [신규 테이블명]

ALTER TABLE emp RENAME emp_backup;
ALTER TABLE emp_new RENAME emp;

컬럼에 AUTO_INCREMENT 속성 추가하는 방법

ALTER TABLE [테이블명] MODIFY [컬럼명] INT NOT NULL AUTO_INCREMENT;

ALTER TABLE emp MODIFY seq INT NOT NULL AUTO_INCREMENT;

컬럼에 DEFAULT 추가하는 방법

ALTER TABLE [테이블명] ALTER COLUMN [컬럼명] SET DEFAULT [디폴트값];

ALTER TABLE dept ALTER COLUMN state SET DEFAULT '0';

인덱스 생성 방법

CREATE INDEX [테이블명] ON [인덱스명] ([인덱스 적용 칼럼명]);

CREATE INDEX emp ON idx_emp_01 (emp_name);

2020/04/17 - [유용한 활용팁] - MySQL 테이블 칼럼 추가, 변경 수정 방법 - ALTER TABLE ADD, CHANGE, MODIFY

잠자리에 들 때 수면 자세는 보통 3가지 유형으로 나눕니다.

1.똑바로 누워 자기, 2.옆으로 누워 자기, 3.엎드려 자기 입니다. 

어떤 수면 자세로 잠을 자느냐에 따라서 신체 건강에 영향을 미치게 됩니다.

잠자리 수면 자세 유형별 건강 분석

1.똑바로 누워 자기
- 8%의 사람들이 등을 대고 똑바로 누워서 잡니다.
- 건강에 가장 이상적이며 특히 머리, 목, 척추가 틀어지지않고 일렬로 정렬이 되어 압력을 덜 받기 때문에 건강에 좋습니다.
- 역류성 식도염을 예방할 수 있습니다.
- 무호흡 수면을 하시는 분들은 위험할 수 있으며, 코를 골기 쉽습니다.


2.옆으로 누워 자기
- 일반 사람들이 가장 많이 취하는 보편적 자세입니다.
- 코를 고는 사람들은 증상이 완화됩니다.
- 이 유형의 사람들은 취침 중 팔이나 다리에 불편함을 느낄 수 있습니다.
- 오른쪽으로 누워 잔다면 소화 기능이나 복통에 안 좋은 영향을 줄 수 있습니다.

※ 태아 자세로 자기
- 옆으로 누워서 자는 사람들 중에서도 많은 사람들이 취하는 자세입니다.
- 왼쪽으로 누워서 자는 경우 임산부에게 좋습니다.
- 너무 꽉 말고 태아 자세로 잘 경우 관절에 무리가 올 수 있습니다.


3.엎드려 자기
- 7%의 사람들이 엎드려서 잠을 자고 있습니다.
- 코를 고는 사람들은 증상이 완화 될 수 있지만 건강에 가장 좋지 않은 자세입니다.
- 이 자세는 목 부위에 통증과 긴장감을 유발시키며, 척추를 자는 내내 바짝 긴장시켜서 허리 건강을 해칠 수 있습니다.
- 만약 어쩔 수 없이 이렇게 자야 한다면 머리를 한쪽으로 하지 말고 이마를 베개에 올려 놓고 자는 게 그나마 좋습니다.

참고 이미지 - 출처 : Coffs Coast Health Club

사이트 검색 최적화를 위한 작업 중 OG 작업을 하게 됩니다.
여러가지 태그들과 사이트 이미지도 태그로 넣어 놓게 됩니다.

사이트의 OG 이미지를 개선하여 바꾸고 싶은데, 카카오톡에서는 계속 예전 이미지로 나오는 현상을 발견하게 됩니다.
이유는 카카오톡 채팅창에 넣는 순간 카카오톡에서 캐시로 해당 이미지를 저장을 하고 있어서 발생되는 것입니다.

이때는 OG(Open Graph) 캐시 초기화를 하시고 다시 채팅창에 사이트 URL을 넣게 되면
카카오톡에서 OG(Open Graph) 프로토콜을 통해 다시 파싱하여 캐시에 저장을 하여 변경된 이미지로 보게 될 수 있습니다.

카카오톡 채팅창 OG(Open Graph) 캐시 초기화 방법입니다.

1. 다음 검색창에서 카카오 개발자센터로 검색을 합니다.

2. 카카오 개발자센터 사이트의 상단 메뉴의 도구를 클릭합니다.

3. 초기화 도구 화면에서 도구 바로가기를 클릭합니다.
   - 초기화 도구는 카카오톡 채팅창 내 URL 공유 시 저장되는 URL Cache를 삭제하고 메시지 전송 API의 검수전 테스트 단계에서 앱이 사용한 메시지 사용량을 초기화하는 도구입니다.

4. OG(Open Graph) 캐시 화면에서 본인의 사이트 주소를 입력 후 초기화를 합니다.

5. 카카오톡 채팅창에 사이트 URL을 공유합니다.
   - OG(Open Graph)가 바뀐 것을 확인 할 수 있습니다.