남들이 올려 놓은 글을 몰래 복사해서 이용하는 사람들이 종종 있습니다. 이런 사람들 때문에 어렵게 작성한 포스팅이 도난 당하지 않으려면 최소한의 장치를 해두는 것이 좋습니다. 드래그방지 소스코드를 삽입하는 것도 그 중 하나일 것입니다. 앞선 포스팅에서는 워드프레스에서 코드를 삽입하는 방법을 정리하였는데요, 이번에는 구글의 블로거에서 코드를 넣는 방법을 정리해 보겠습니다. 드래그방지 소스코드 추가하기 드래그방지 코드는 CSS에 추가해주어야 적용이 됩니다. 1. 먼저 블로거에 로그인합니다. 2. 좌측 메뉴에서 [테마]를 클릭하면 우측에 [내 테마]가 나타나고 그 아래에 [맞춤설정▼]이 나오는데 [맞춤설정] 버튼을 클릭합니다. 3. [고급] > [CSS 추가] 를 선택합니다. 4. 그 아래에 소스코드를 추가하..

기존에 운영하던 블로그와 다르게 워드프레스로 이것저것 해보고 있는데요. 드래그방지 코드와 마우스 우클릭방지 코드를 넣는 방법을 정리해보려고 합니다. 네이버 블로그나 티스토리 같은 경우에는 간단히 설정값 변경이나 플러그인 활성화로 처리할 수 있는데 워드프레스의 경우에는 코드를 직접 삽입해주어야 하는 것 같습니다. 드래그방지 코드 넣기 먼저 워드프레스로 만든 블로그에 관리자 페이지로 로그인합니다. 좌측의 설정 메뉴 중 외모 > 편집기 로 들어갑니다.(테마 > '사용자 정의하기'를 누르셔도 똑같습니다) 그 다음 스타일 > 좌측 연필 모양을 클릭합니다. 스타일이 활성화된 상태에서 [더보기]를 클릭하여 [추가 CSS] 메뉴로 진입합니다. 여기에 드래그방지 코드를 삽입하고 저장을 눌러줍니다. /* Drag Unav..

홍콩 직구로 픽셀 6를 구매하고선 전화통화를 위해 VoLTE 설정하는 방법을 찾아 보았습니다. 루팅을 해야한다 어쩐다 말이 많았는데 간단하게 PC에 프로그램을 설치하고 폰에는 앱을 설치해서 설정할 수 있는 방법이 있어서 정리해 봅니다. 사실 나중에 다시 설정할 일이 있을 때 일일이 못 찾을 거 같아서 제가 다시 보려고 정리해 둡니다.. ▼ ▼ 원본 글은 아래 링크 참조 ▼ ▼ https://github.com/kyujin-cho/pixel-volte-patch GitHub - kyujin-cho/pixel-volte-patch: Rootless replacement for persist.dbg.volte_avail_ovr patch Rootless replacement for persist.dbg.vol..

오픈그래프(open graph) 웹사이트 링크를 복사하여 블로그나 카카오톡, SNS 등을 통해 공유할 때 썸네일 이미지, 제목, 설명이 나오는데요. 이 부분을 오픈 그래프(open graph)라고 부릅니다. 아래 이미지는 카카오톡에서 다음 포털의 URL을 입력했을 때 나타나는 오픈그래프를 예시로 캡쳐한 것입니다. 오픈 그래프가 표시되도록 하려면 HTML 문서 상단의 태그 안에 태그를 활용하면 됩니다. 태그에는 웹사이트나 페이지를 설명하는 데이터를 넣는데 오픈 그래프 태그도 바로 여기에 들어갑니다. 1 2 3 4 5 6 7 8 cs 오픈그래프 이미지는 공유하는 플랫폼에 따라 다르게 표시될 수 있습니다. 플랫폼마다 지원하는 크기가 다르기 때문이죠. 다양한 플랫폼의 썸네일에서도 잘 보이도록 제작하는 것이 중요..

블로그의 스킨을 설정하고 자기 취향에 맞게 수정하는 경우 종종 있을텐데요. 크롬 브라우저의 개발자도구 메뉴에서 이런 직업에 활용해 볼 수 있는 기능이 있어 소개하고자 합니다. 1. 다양한 단말기 스크린 크기 확인 내가 설정해 놓은 스킨이 어떻게 보여지는지, 다양한 단말기에서 의도한 대로 잘 보여지는지 확인할 수 있습니다. (1) 먼저 크롬 브라우저를 실행하여 개발자도구(F12) 메뉴를 실행합니다. 오른쪽 상단 메뉴 > 도구 더보기 > 개발자도구 로 진입해서 클릭해도 됩니다. (2) 좌측에 나타나는 개발자 도구 메뉴에서 상단에 있는 Toggle Device Toolbar 아이콘을 클릭합니다. (3) 그러면 상단에 Dimensions: 라는 문구 옆을 클릭하면 테스트할 기기를 선택할 수 있는 리스트가 나타납..

서비스를 기획하는 단계에서 텍스트로만 작성하면 실제의 모습을 상상하기 어렵겠죠. 그래서 개발하기 전에 시각화시키는 작업이 필요합니다. 흔히 프로토타입을 만든다거나 프로토타이핑이라고 합니다. 프로토타입은 시제품이라는 의미이기도 합니다. 상상을 시각화하면 훨씬 많은 부분에서 직관적인 판단이 가능해집니다. 서비스의 핵심 기능을 주요 사용자의 행동 프로세스에 따라 사전 검증해보는 목적으로 사용할 수 있습니다. 프로토타이핑에는 2가지 방식이 있습니다. 1) 하이 피델리티 프로토타입(High Fidelity Prototype) - 이 방식은 실제 서비스만큼 높은 완성도로 프로토타입을 만듭니다. 실제 사용자를 대상으로 피드백을 받아 서비스를 개선하기에 용이합니다. 반면 완성도가 높은 방식이기 때문에 프로토타입을 만드..

스프트웨어 개발 방법론이란 소프트웨어 개발에 있어 생산성과 품질 향상을 목적으로 개발 전과정에 지속적으로 적용할 수 있는 절차나 기법 등을 말합니다. 소프트웨어 개발에 공학적 기법을 접목해보려는 시도에서 소프트웨어 공학이 시작되었고 그 해결책으로 제시된 것이 개발 방법론이라고 하네요. 대표적인 방법론으로는 2가지가 있는데요, 워터폴은 완전히 기획이 끝난 이후에 개발을 하는 개발 방법론입니다. 애자일은 서비스를 단위로 쪼개어 특정 기간 안에 개발 범위를 세분화하고 점진적으로 고도화하는 개발 방법론을 말합니다. 1. 워터폴(Waterfall) 방법론 워터폴 방밥론에서 개발 과정은 선형적입니다. 프로젝트 시작부터 최종 결과물 전달까지 특정 순서에 따라 이루어집니다. 개발 과정에서 프로세스 각 단계에서 동일하고..

기본적인 웹 사이트의 구조는 GNB - LNB - SNB - Contents - FNB 순으로 구분되고, 가장 상위에 있는 GNB부터 가장 하위에 있는 FNB까지 계층 구조를 가지고 있습니다. 메뉴 구조 용어 - GNB(Global Navigation Bar) : 웹 사이트에서 가장 최상위 메뉴를 정의하는 역할 - LNB(Local Navigation Bar) : GNB의 아래 단계로 서버 메뉴를 구성 - SNB(Side Navigation Bar) : GNB와 LNB를 제외한 나머지 메뉴들을 모두 지칭 - Contents : 웹 사이트 화면의 콘텐츠 영역을 의미 - FNB(Foot Navigation Bar) : 일반적으로 기업의 정보, 저작권, 사이트맵 등을 표기하는 용도로 사용 서비스를 기획할 때 ..

정보를 의미있게 만들기 위해서는 논리적으로 적절하게 배치하는 작업이 필요합니다 .이를 정보의 구조화라고 합니다. 정보의 구조화를 위해서는 수집하고 분석한 자료들을 글, 그림, 도표 등을 통해 표현하는 것이 필요합니다. 수집된 정보의 유형에 따라 표현하기 용이한 구조화 기법이 다릅니다. 1. 다이어그램 다이어그램이란 기호나 선 등을 이용하여 정보 간의 관계나 구조 등 다양한 내용을 전달하는 그림으로 정보를 시각화하는 기술입니다. 흔히 말하는 개체관계도, 순서도 등의 개념도 여기에 포함될 수 있습니다. 다이어그램의 목적은 정보의 전달에 있습니다. 다이어그램은 표현 내용에 따라 비교 통계 다이어그램(도표, 그래프 등), 기구 계통 다이어그램(조직도, 계통도 등), 기능 및 해부 다이어그램(기상도, 구조도, 해..

임시저장만 해놓은 포스팅을 이제야 발견했네요. 거의 2년 전에 작성하다가 저장만 해놓은 것 같은데.. 지금이라도 기록을 남기는 차원에서 다시 기억을 더듬어 작성해 봅니다. 지금이랑 요금제 등의 조건이나 상황이 많이 달라졌을 것 같지만요. 뒷부분 내용이 조금 정리가 잘 안 될 것 같아요ㅠ 2년전 기록이라는 걸 감안하고 봐주시면 감사하겠습니다.^^ 이번에는 알뜰폰으로 번호이동한 이야기를 해볼까 합니다. 기존에 KT M Mobile을 사용하고 있었는데요. 이번에 헬로모바일로 옮기게 되었습니다. 결국엔 알뜰폰에서 알뜰폰으로 바꾼 셈이네요. KT M Mobile을 사용하면서 데이터가 한번씩 끊기는 현상이 있어서 바꾸게 되었습니다. 똑같이 KT M Mobile을 사용하는 가족은 정상적으로 잘 되는 걸로 봐서는 아마..