카카오페이 신용등급 변경 알림톡 끄기
카카오페이를 이용하면 무료로 신용점수를 조회할 수 있는데, 신용 정보 조회나 변동이 있을 경우 이를 사용자에게 알림이 오게 됩니다. 카카오페이와 함께 카카오 뱅크도 신용 서비스를 제공하여 두 앱을 같이 이용할 경우에는 뱅크와 페이가 변동 알림 톡을 중복해서 보내게 돼 사용상의 편의를 위해서 중복 알림이 오지 않게 한쪽을 중지해야 하는데 이 중 카카오페이 알림 톡을 해제하는 방법입니다. 왼쪽 사진과 같이 뱅크와 페이의 알림이 두 개가 같이 오게 되는 휴대폰도 두 번 울게 되어 어느 한쪽을 꺼야 하는데 개인적으로 뱅크는 자주 이용하기에 카카오 페이 알람을 해지하였는데요. 페이 알림을 중지하기 위해서 카카오톡의 아래 더 보기 메뉴를 선택하고 프로필 아래 PAY 버튼을 선택하여 페이 서비스로 이동합니다. 상단 ..
모바일/어플
2021. 2. 4. 07:20
네이버 페이 신한체크카드 연결계좌 변경하는 방법
네이버 페이 신한카드에 연결된 은행 결제계좌는 아주 간단하게 변경이 가능합니다. 자산에 등록된 계좌를 클릭 몇 번으로 스마트폰에서는 좀 번거롭게 변경이 가능하고 PC에서는 정말 간단하게 변경이 가능합니다. 먼저 휴대폰으로 연결계좌를 변경하는 방법입니다. 기기에서 페이로 접속한 후 오른쪽 상단에 삼선 '메뉴' 버튼을 클릭하여 '페이 서비스'로 진입 후 '페이 설정'을 선택하여줍니다. 페이 설정으로 들어온 후 목록 중에 '결제/송금 계좌 관리'를 선택하면 등록된 계좌들이 나오고 계좌 목록 중에 연결된 계좌에 '네이버 페이 출금계좌'라고 표기가 되어 있습니다. 다른 계좌로 변경을 원하면 변경할 계좌의 점세개 버튼을 클릭하여 변경할 수 있습니다. 출금 계좌 문구 아래에 있는 '설정하기'를 클릭하면 '설정해제하기..
블로그&인터넷/기타
2021. 1. 29. 04:21
윈도우 10 자동 로그인 설정하기
Windows 10을 사용하기 위해서 매번 로그인을 해야만 하는 번거로움을 해결할 수 있는 방법으로 많은 사람이 내 컴퓨를 무단으로 사용을 할 수 있는 환경이거나 개인 정보를 보호하기 위해서는 운영체제에 잠금 기능을 이용하여 보호하는 게 중요하지만 가족이 공용으로 사용을 하는 등 잠금 기능이 필요 없을 경우 계정 정보를 입력하지 않고도 자동으로 로그인할 수 있는 방법입니다. 설정 방법은 어렵지 않으며 마이크로 소프트 계정으로 윈도우를 사용하는 경우를 기반으로 한 설정 방법입니다. 먼저 PIN 번호를 이용하여 로그인을 하고 있을 경우 설정에서 PIN 설정을 해제해 줘야 합니다. 단축키 'WIN+I' 키를 이용하여 윈도우 설정을 불러와서 메뉴 중에 계정 항목을 선택하고 다음 화면에서 로그인 옵션 항목을 선택..
소프트웨어/윈도우즈
2020. 7. 12. 22:21
크롬 브라우저 자동 로그아웃 기능 해제하기
크롬 브라우저로 인터넷을 사용하는 경우 특정 사이트에서 로그인 상태를 일정 기간이 되면 자동으로 해제를 하는데 옵션 설정을 변경해 주어야 로그인이 해제되지 않고 사용이 가능합니다. 즐겨 이용하는 사이트인데 사이트 자체 기능으로 로그인 상태를 유지할 수 있지만 이를 선택하여도 일정 기간이 지나면 자동으로 로그인이 해지가 되어 재 접속을 해야 하는 불편함이 발생 합니다. 자동 로그인 해제를 방지하기 위해서 브라우저 주소창에 "chrome://flags" 입력하고 Experiments 설정 페이지로 이동하여야 합니다. 설정 페이지로 이동 후에는 상단 검색창에 "SameSite by default cookies" 입력하면 "SameSite by default cookies", "Cookies without Sa..
블로그&인터넷/기타
2020. 6. 8. 02:33
삼성 갤럭시 테마 해제하는 방법
삼성 스마트기기에 적용되어 있는 테마를 기본 테마로 되돌리는 방법은 간단하지만 익숙지 않은 사용자라면 다소 헤맬 수도 있는 기능입니다. 테마가 적용된 상태에서 기본 테마로 돌아오기 위해서는 설정 항목에서 테마를 선택하여 변경을 할 수 있습니다. 테마 설정으로 들어온 뒤 상단의 'Galaxy Themes'문구 옆에 목록 아이콘을 선택하여 메뉴가 나오면 '콘텐츠 보관함'항목을 선택하여 줍니다. 콘텐츠 보관함에 보관되어 있는 테마들 중에 기본 설정 상태로 돌리고 싶다면 '기본'을 선택하여 적용하면 바탕화면, 아이콘 등의 변경되었던 설정이 잠깐의 로딩 상태를 거쳐 초기 상태로 변경되게 됩니다.
모바일/안드로이드
2020. 3. 30. 20:01
악성 애드웨어 WebHelper 삭제하기
컴퓨터 사용 도중 엄청난 과부하로 인하여 작업 관리자를 확인해 보니 Webhelper라는 프로그램이 30% 이상의 CPU 점유율 차지하며 컴퓨터 작업을 방해하고 있었네요. 작업 관리자를 CPU 점유율 순으로 나열해 보면 실행시키지도 않은 WebHelper라는 앱이 34.1%를 차지하며 엄청난 렉을 유발하고 있습니다. 프로그램 정보를 확인해보면 utorrentie.exe라는 프로그램으로 뮤토렌트와 함께 설치되는 악성 애드 프로그램입니다. 삭제를 위해서는 목록에서 우클릭하여 '파일 위치 열기'를 이용하여 실행 파일이 있는 폴더를 열고 다시 작업 관리자에서 우클릭으로 '작업 끝내기'를 선택하여 프로그램을 종료하여 줍니다. 우클릭으로 파일 위치 열기를 하는 이유는 파일 위치가 일반적인 'C:\Program Fi..
소프트웨어/윈도우즈
2019. 11. 15. 02:07
라그나로크m 계정 변경하기 (안드로이드)
안드로이드 OS를 사용하는 기기에서 모바일 게임에 연결된 구글 계정을 변경하여 하나의 기기에서 여러 계정을 플레이할 수 있도록 하는 방법입니다. 라그m 뿐만이 아니라 비슷한 방식으로 계정을 연결하여 사용하는 앱에 적용하여 보조 계정을 간편하게 사용할 수 있는 듯합니다. 휴대폰 설정으로 들어가 '구글 설정'을 선택하고 스크롤을 내려 목록 중에 '연결된 앱' 항목을 선택하여 줍니다. 연결된 앱을 선택하여 들어온 뒤 상단에 연결 해제를 할 계정을 선택하고 해당 앱을 선택한 뒤 연결 해제 버튼을 이용하여 연결 해제시켜줍니다. 연결 해제가 되면 해당 어플만 목록에서 제거가 되게 되고 게임에 접속하여 계정을 변경하여 줍니다. 게임에 접속을 하면 연결을 끊었지만 기존 연동이 되어 있는 상태이므로 메인 화면에서 우측 ..
모바일/라그나로크m
2019. 9. 20. 00:01
유튜브 시청, 검색기록 삭제 및 끄기
스마트 기기에서 유튜브를 시청하기 위해서 전용 앱을 이용하여 많이들 시청하게 되는데, 기본 설정에는 검색 내용을 모두 남기게 되어있어 검색 기록을 지우거나 남기지 않도록 설정하는 방법입니다. 검색 기능을 사용하면 그간 검색한 내용들이 모두 남게 되어있는데 재 검색 등을 이용할 때는 기록 내 목록에서 선택하여 사용을 하면 편리할 수도 있지만 개인 취향이나 사생활이 타인에게 노출될 우려도 있어 이을 방지하기 위해 기록 중에 개별적으로 지우거나 기록 저장을 하지 않도록 설정을 변경해줘야 합니다. 특정 검색어만 지우려면 검색어 옆에 시계 아이콘을 길게 누르면 삭제가 가능한 팝업창이 열리고 개별적으로 삭제가 가능합니다. 특정 검색어만을 지우지 않고 검색 기록 전체를 지우거나 저장을 하지 않기 위해서는 설정 항목에..
모바일/어플
2019. 3. 21. 23:36
개별 앱 음량 조절이 가능한 삼성 사운드 어시스턴트
SoundAssistant는 Samsung Experience 인터페이스가 적용된 삼성 안드로이드 기기에서만 사용 가능한 어플로 다양한 사운드 설정이 가능하게 하는 도구입니다. 기능 항목들을 보면 시나리오, 플로팅 버튼, 미디어 음량 제어, 개별 앱 음량, 오디오 제어, 음량 간격 변경, 고급 설정으로 7개 항목을 설정할 수 있습니다. '시나리오' 항목에서 시간대별로 직장에 있을 시간에는 사운드 설정을 진동으로 전환하거나 무음으로, 다시 제한이 없는 환경에서는 벨 소리로 자동 전환할 수 있도록 설정이 가능합니다. 설정한 시간대를 벗어나면 자동으로 기본 설정 상태로 돌아오게 됩니다. '플로팅 버튼'은 볼륨 버튼 조작하면 오른쪽에 조그만 아이콘을 띄워 주는데 이 아이콘을 선택하여 빠른 볼륨 설정이 가능합니다..
모바일/안드로이드
2019. 3. 12. 03:53
노트 9 액정보호 3d 풀커버 강화유리
갤럭시 노트 9를 일반 액정 보호필름을 사용하고 있었는데 엣지 까지 적용이 되지 않는 제품이라 Edge 패널 등을 사용할 때 손에 걸리기도 하고 가장자리에 이물질이나 때도 끼고 보기도 애매하여 측면 에지 부분까지 덮어주는 풀커버 제품을 구매하였습니다. 슈퍼 글라스라는 강화, 방탄유리 제품으로 스크래치 방지, 고화질 선명도 등의 기능을 가진 두께 0.33mm 커버입니다. 구성품으로는 액정보호 커버, 액정클리너, 극세사 천, 이물질 제거용 스티커를 포함하고 있고 클리너의 경우 물티슈 형태로 아세톤? 냄새 같은 게 꽤 심하게 납니다. 커버는 접착면에만 보호필름이 되어 있으며 휴대폰 액정을 클리너 등을 이용하여 깨끗이 닦은 뒤 손잡이로 만들어 놓은 부분을 잡아 당겨 비닐을 제거한 후에 액정에 부착합니다. 스피커..
모바일/주변기기&액세서리
2019. 3. 4. 22:37
컴퓨터 책상 카본 시트지 작업하기
컴퓨터 용으로 쓰는 테이블이 밝은 원목 무니 디자인이라 안 맞는 것 같기도 하고 질리기도 하여 카본 시트지를 사서 붙이는 작업을 했습니다. 카본 시트지는 40x10Cm, 110x10Cm 이런 식으로 두 가지 사이즈에서 10Cm 추가하여 구입이 가능한데 4인용 식당 정도 크기로 110x130cm 할인 행사해서 2만원 정도 구입하였네요. 3D 무광 차량 랩핑용으로 판매되는 제품이라 퀄리티가 굉장히 훌륭합니다. 뒷면에 모눈을 이용하여 1cm 이상 여유 있게 재단을 하여야 조금 틀어지더라도 모자라는 부분 없이 작업할 수가 있고 남는 부분을 잘라내면 되기에 여유 있게 잘라 줍니다. 이물질이 묻지 않게 깨끗이 닦아준 후에 넉넉히 재단한 시트지를 대어 보고 한쪽 면의 종이를 제거하고 조금씩 붙여나갑니다. 가운데 먼저..
D.I.Y
2019. 2. 27. 01:01
2베이 하드 도킹 스테이션 위즈 플랫 WIZ-3082H USB3.0
도킹 스테이션을 이용하면 하드디스크를 컴퓨터에 장착하지 않고도 PC전원이 켜진 상태에서 외장 하드처럼 연결하여 사용할 수도 있고 두 개 이상에 슬롯은 가진 제품의 경우에는 pc 연결 없이 하드를 복사할 수도 있습니다. 위즈 플랫 3082H는 하드디스크를 2개까지 사용할 수 있으며 복사 기능과 USB 3.0 포트 3개를 갖추고 있어 다양한 기기를 추가적을 연결하여 사용할 수 있습니다. 구성 품으로는 본체와 전용 어댑터, USB 케이블로 이루어져 있으며 USB 선 길이가 대략 50cm 정도로 매우 짧아 컴퓨터와 가까운 위치에 두어 사용하거나 별도로 케이블을 구입하여야 합니다. 덮개형으로 사용하지 않는 슬롯에 이물질이 들어가는 걸 방지를 할 수 있고 2.5인치 3.5인치 SSD, HDD 모두 사용할 수 있습니..
컴퓨터/디스크 드라이브
2019. 2. 23. 23:40
윈도우 10 네트워크 0x80070035 오류, workstation 오류1075
윈도우 10 네트워크 환경에서 다른 PC에 접근하려고 할 때 발생하는 오류 0x80070035 오류와 설정상의 workstation 1075 오류를 해결하는 여러 가지 방법 중에 해결했던 방법입니다. 네트워크 오류 0x80070035 네트워크 목록에서 접근을 시도하면 '액세스할 수 없습니다.'라며 이름이 정확한지 확인하라는 오류 메시지를 보여주는데 자세한 정보를 확인하면 오류 코드는 0x80070035입니다. 현상이 발생하면 대처법으로는 'WIN+R'키를 이용하여 서비스 관리프로그램을 실행하여 관련 서비스들을 확인합니다. network access protection agentnetwork connectionsnetwork list servicenetwork location awarenssnetwork ..
소프트웨어/윈도우즈
2019. 1. 31. 06:30
윈도우 10 RS4 1803 네트워크 공유폴더 연결이 안될때 설정하는 방법
다수의 컴퓨터를 네트워크 공유 기능을 이용하면 별도의 이동식 디스크를 사용하지 않고도 대량의 데이터를 편리하게 이동할 수가 있는데요. 윈도우 버전이 바뀌면서 홈 그룹 설정이 사라지고 네크워크에 공유된 PC 목록이 보이지 않는 경우가 있어 공유 기능을 사용하는데 다소 어려움이 있을 수 있는데 서비스 환경을 설정 변경하여 목록이 보이도록 하는 방법입니다. 탐색기에서 네크워크 목록을 선택하면 항목이 비어있지만 주소창에 '\\컴퓨터 이름'을 입력하면 해당 컴퓨터에 접속은 가능한데요. 컴퓨터 이름은 '제어판 > 시스템 및 보안 > 시스템'에서 확인할 수 있으며, 일반 컴퓨터의 경우 따로 이름을 정해주지 않았다면 DESKTOP-kk4hfgg 이런 식으로 되어 있을 겁니다. 'WIN + R' 윈도우 단축키로 실행 창..
소프트웨어/윈도우즈
2019. 1. 26. 00:18
실시간 방문자 정보와 블로그 통계를 확인할 수 있는 위젯 whos.amung.us
whos.amung.us에서는 실시간 접속자 현황을 확인할 수 있는 카운터를 제공하고 있는데요. 실시간 방문자 이외에도 설치해둔 코드를 이용하여 전체적인 통계 자료를 확인할 수 있습니다. 티스토리의 경우 관리 현황이 많이 계선 되었지만 아직 부족한 부분을 위젯을 이용하여 현재 접속 현황, 현 시간 접속 페이지, 시간별 방문자 데이터, 국가별 위치, 디바이스, 경로 등의 다양한 정보를 추가적으로 확인하는 것이 가능합니다. 실시간 방문자 현황 위젯은 https://whos.amung.us/ 사이트에 방문하여 'HTML CODE'를 선택하거나 스크롤을 조금 내려서 소소 코드를 받을 수 있습니다. 위젯 코드는 'Copy to clipboard' 버튼을 클릭하여 복사가 가능하고 크기와 배경, 글자색을 변경할 수 ..
블로그&인터넷/기타
2019. 1. 24. 04:17
윈도우 10 ISO 이미지 파일 다운로드 하기
마이크로소프트에서는 Windows 10 다운로드 페이지를 제공하고 있어 사이트에 접속하여 ISO 파일 받아 사용자가 직접 설치 USB를 만들 수가 있습니다. https://www.microsoft.com/ko-kr/software-download/windows10 다운로드 페이지에 접속하여 '지금 도구 다운로드' 버튼을 클릭하여 어렵지 않게 윈도우 10을 다운받을 수 있습니다. 바로 ISO 파일을 받는 것은 아니고 우선적으로 MediaCreationTool라는 도구를 받아서 실행하여야 합니다. 설치 도구는 개인 PC 환경에 따라 각기 다르겠지만 준비 과정에서 로딩 시간 꽤 소요하게 됩니다. 로딩이 완료되면 사용권에 동의하여 다음 단계로 진행합니다. 업그레이드가 아닌 '다른 PC용 설치 미디어'를 선택하여..
소프트웨어/윈도우즈
2019. 1. 22. 04:10
구글 블로그 애드센스 연결하기 ( 사이트 추가 심사 )
얼마 전 개설만하고 오랫 동한 묵혀두었던 구글 블로그를 운영하게 되었는데, 굳이 블로그 스폿을 하는 이유는 티스토리처럼 애드센스 광고 삽입를 할 수 있고 구글 노출의 다소 유리한 점이라 할 수 있겠는데요. 예전에는 계정 승인이 나면 별도의 승인이 없이 추가 사이트나 유튜브 등에 광고를 개제할 수 있었지만 현제 규정이 변경되어 이미 승인을 받았더라도 블로그 추가 때마다 심사를 받아야고 애드고시라는 말이 나올 정도로 까다로운 최초 심사의 70% 정도 수준으로 심사를 한다고합니다. 블로그 스팟은 사이트 연결로 주소를 추가하지 않고 타사 엑세스를 통하여 신청을 합니다. 타사 엑세스를을 위해 수익 메뉴를 확인해보면 이미 연결이 되어 승인이 필요 없는듯합니다. 대략 5년 전에 만들었는데 추가 심사 없을 당시에 등록..
블로그&인터넷/블로그
2019. 1. 19. 13:51
도장 느낌 나는 블로그 워터마크 만들기
포토샵을 이용하여 워터마크를 만드는 방법으로 기밀문서 등에 찍는 시크릿 도장처럼 보기 위한 방법입니다. 시크릿 스탬프 이미지를 여러 개 검색해보고 취향에 맞게 만들어 본 샘플 이미지인데 디자인적인 센스가 없다 보니 퀄리티가 많이 떨어져 아쉬움이 남는 결과물이네요. 새로 만들기를 하여 투명 배경으로 네모 반듯하게 만들어줍니다. 둥근 모양의 도장을 표현할 것이기에 원형 도형 도구를 이용하여 선택 영역을 만들어 줍니다. 대칭형으로 만들기 위해 선택영역을 지정할 때 '고정비'나 '크기 고정'을 선택하면 좀 더 편하게 선택영역 설정을 할 수 있습니다. 윤곽 도구 설정이 끝나면 선택영역을 우 클릭하여 메뉴 중에 '획'을 선택하여 테두리를 만들어 줍니다. 테두리를 두 개로 하는데 바깥 테두리를 좀 더 굵게 해줍니다...
소프트웨어/포토샵
2019. 1. 17. 05:08
포토샵 원형 자르기
파비콘이나 아이콘을 만들 때 요긴하게 쓰이는 방법으로 포토샵을 이용하여 둥근 이미지를 만들 수 있습니다. 원형 도형 도구를 이용하여 일부분을 선택한 후에 배경을 지워 투명 배경으로 만들어 둥근 부분만을 남겨 사진이 동그랐게 보이게 하는 방법입니다. 선택 도구를 원형 도구로 이용하여 선택영역을 지정합니다. 정확한 크기 설정을 위해 고정 크기를 선택하거나 고정비를 이용하면 한결 편하게 선택영역 지정을 할 수 있습니다. 고정비를 1:1로 선택하고 마우스를 드래그하여 영역을 지정하면 높이와 넓이 비율이 같게 설정됩니다. 영역은 원형으로 하였지만 자르기를 선택하면 사각형이 됩니다. 이미지 파일은 사각형 이외에 원형이나 다각형을 지원하지 않기 때문에 사각형으로 자른 뒤 둥근 형태로 이미지만 남기고 나머지 배경은 지..
소프트웨어/포토샵
2019. 1. 15. 02:59
CSS 글자 꾸미기 - 그림자, 테두리 효과 적용하기
text-shadow 속성을 이용하여 글에 그림자 효과를 부여할 수 있는데, 기본적인 그림자와 이를 응용한 테두리 효과를 표현할 수 있습니다. text-shadow: offset-x offset-y blur-radius color 속성 적용 방법은 가로, 세로, 번짐, 색상으로 가로, 세로 설정을 필수적으로 값을 입력해야 하고 번짐 효과는 0으로 설정되며 색상은 상속을 받게 됩니다. text-shadow:1px 1px 5px #bdbdbd 그림자 효과 속성 값으로 적용한 결과 물인데 그림자 효과를 가장 이상적으로 적용한 결과가 아닌가 합니다. text-shadow:1px 1px 0px #f40text-shadow:1px 1px 3px #f40 text-shadow:1px 1px 10px #f40 text..
블로그&인터넷/CSS
2019. 1. 13. 07:20
포토샵 이미지 크기 지정해서 선택영역 자르기
포토샵을 이용하여 자르기를 할 때 마우스 등을 이용한 자유 변형이 아닌 수치를 입력하여 원하는 크기로 자르기를 하는 방법입니다. 이 방법은 자르기 도구를 선택하기 전 '사각형 윤곽 도구'를 이용하여 사이즈를 지정하고 자르기를 하는 방식입니다. 도형 도구를 선택한 뒤 상단의 메뉴 중에서 '스타일'옆에 버튼을 클릭하고 '크기 고정'을 선택합니다. 스타일 방식을 크기 고정으로 변경하고 나면 폭과 높이를 변경할 수 있는데 지정하고자 하는 크기를 입력해 줍니다. 사이즈를 정하고 생성할 때 마우스 커서 기준 오른쪽 아래에 윤곽선이 생기게 되는데 클릭한 상태로 위치를 대조해본 뒤 원하는 곳에 배치할 수 있으며, 생성 이후에도 마우스 등을 이용하여 원하는 곳으로 자유롭게 이동이 가능합니다. 선택영역 설정이 끝나면 자르..
소프트웨어/포토샵
2019. 1. 10. 22:09
구글 블로그 본문 애드센스 상하단 광고 넣기
블로그스팟은 자유도가 굉장히 높아 가젯을 이용한 애드센스 외에도 스킨을 수정하여 광고를 추가적으로 자유롭게 삽입이 가능합니다. 본문 중간 광고의 경우 티스토리와 같은 방식으로 글쓰기에서 HTML 모드로 전환하여 애드센스 코드를 추가하여주면 중간광고 삽입이 가능합니다. 스킨에 적용하여 노출을 원할 경우 메인에서 테마를 선택하고 'HTML 편집'을 선택하여 소스코드 수정 모드로 전환합니다. 편집 모드에서 하단부에 있는 태그를 찾아서 코드를 넣어주면 되는데 검색 기능이 이용하여 빠르게 찾을 수 있습니다. 검색을 할 때 브라우저 검색을 하면 크롬의 경우 화면에 보이는 문구만 찾기 때문에 하단에 위치한 문구를 찾기 위해서는 편집모드 페이지를 한번 선택한 후 'Ctrl + R' 단축키로 편집모드의 검색창을 불러와 ..
블로그&인터넷/블로그
2019. 1. 8. 13:39
구글 블로그 프로필 이름 변경 하기
블로그스팟에 사용되는 프로필 이름을 변경하는 방법입니다. blogger는 구글 계정만 있다면 누구나 개설 가능 한데요 구글 계정 또한 누구나 만들 수 있으니 개설 제한이 없는 블로그입니다. 한글화 작업이 잘되어 있음에도 네이버나 티스토리와는 또 다른 인터페이스 적용하는데 여간 어려운 게 한둘이 아니네요. blogger.com 메인 메뉴 중에서 설정을 선택합니다. 기본 설정에서 blogspot 주소, 이름, 설명 등을 변경 추가를 할 수 있으며 멤버를 초대하여 팀 블로그를 꾸려 여러 사람이 한 블로그를 운용하는 게 가능합니다. 설정 메뉴 중 제일 아래에 있는 '사용자 설정'을 선택하면 '사용자 프로필'란이 있고 'blogger'아래 작은 '수정' 버튼을 선택하면 프로필 변경이 가능합니다. 표시 이름 변경해..
블로그&인터넷/블로그
2019. 1. 5. 02:19
소스코드 강조도구 SyntaxHighlighter 적용 및 설정 하는 법
티스토리 블로그를 운영하면서 HTML, CSS 등 스킨에 개성을 주기 위해 편집을 하는 일이 많아지는데, 스킨을 편집하면서 생긴 노하우 등을 공유하고 싶을 때 소스코드를 나 등으로 단순히 작성하다 보면 보는 이의 입장에서는 복잡하여 이해도가 떨어질 수도 있고 개별적으로 색상을 지정해줄 수도 있지만 여간 힘든 게 아닌데 이를 SyntaxHighlighter 도구를 이용하면 간편하게 해결이 가능합니다. 설치하기 소스코드 하이라이트 기능은 호스팅을 제공하기 때문에 파일들을 다운로드하여 등록하는 불편함 없이 HTML 편집을 통해 사이에 넣어주기만 하면 간단하게 적용이 가능합니다. 호스팅을 이용하지 않고 자신의 블로그에 파일들을 업로드 사용할 경우 연결 주소가 와 같은 형태로 변경되어 적용할 수 있겠습니다. 하이..
블로그&인터넷/티스토리
2019. 1. 3. 00:58
CSS 텍스트 첫글, 첫줄 강조하기
블로그나 사이트를 운영하면서 제목이나 본문의 첫 글자 또는 첫 줄에 별도의 속성을 부여하여 강조나 디자인적인 효과를 낼 수 있는데요. 웹문서를 작성하면서 해당 문서의 글 색상, 크기 등의 설정을 변경하여 문서 특성을 살릴 수도 있지만 CSS 적용하여 일괄적으로 효과 적용이 가능합니다. :first-line { 속성값 } 글 중에서 첫 글에 별도로 속성을 부여할 수 있습니다. 티스토리의 경우 본문 첫 글자를 강조한 싶으면 스킨마다 다르지만 본문 내용 치환자를 감싸는 태그 클래스가 article일 경우 CSS에 .article:first-line { 속성값 }을 적용하여 첫 글을 강조할 수 있습니다. 첫글 강조하기 첫글 강조하기 보통 제목이나 본문 첫 글에 강조를 위한 폰트 크기와 색상을 변경하는 방식으로 ..
블로그&인터넷/CSS
2018. 12. 31. 22:20
티스토리 공유 버튼 만들기
티스토리에서 제공하는 포트폴리오 스킨에 SNS 글 보내기 코드를 이용하여 사용 중인 스킨에 적용해 봤습니다. 이미지 처럼 페이스북, 트위터, 카카오 스토리, 카카오톡 공유버튼 만들기가 가능합니다. 공유 버튼 기능에 필수적으로 들어가는 코드들인듯한 것만 추려 봤는데, 적용하는 방법으로는 두 가지가 있는데 기본적으로 스킨의 각 위치에 삽입하는 방법과 티스토리 플러그인을 이용하는 방법입니다. 스킨을 수정하여 적용하는 방법 외부 문서를 불러오는 링크 태그는 HTML 사이에 넣어줍니다. icomoon.css의 역할은 각각의 아이콘을 만들어 주는데 신기하게 아이콘 이미지가 아닌 코드를 이용하여 만들어 표현합니다. 페이스북 트위터 카카오스토리 카카오톡 본문을 공유 버튼을 노출할 코드로 HTML 문서 내에 치환자를 찾..
블로그&인터넷/티스토리
2018. 12. 30. 02:49
티스토리 Portfolio 스킨 SNS 공유버튼 만들기
티스토리가 제공하는 방응형 포트폴리오 스킨 본문 하단에 SNS 공유 버튼을 타 사이트나 블로그의 등에서 소스코드를 받아 복사할 필요 없이 HTML 편집만 조금 해주면 생성할 수 있습니다. 관리 > 꾸미기 > 스킨 편집 모드에서 상단 오른쪽 프리뷰 이미지 아래 'HTML 편집'을 눌러 코드를 수정할 수 있습니다. HTML 편집 모드에서 'Ctrl + F' 기능으로 'list_share' 문구를 이용하여 찾을 수 있으며 449 라인부터 454 라인까지 공유 코드로 주석 처리되어 있어 기본적으로는 노출이 되지 않습니다. 페이스북 트위터 카카오스토리 카카오톡 처리가 되면 코드가 노출이 되지 않기 때문에 웹상에 노출을 위해서는 제거를 해줘야 합니다. 붙은 것도 지워 주면 코드가 활성화되면서 속성 고유의 색으로 바..
블로그&인터넷/티스토리
2018. 12. 28. 22:17
텍스트 세로 중앙 정렬하는 방법 CSS
DIV, SPAN 태그 등의 텍스트를 수직 가운데로 정열 하는 다양한 방법이 있는데요. 텍스트는 기본적으로 왼쪽 상단에 위치하게 되고 가로 정열의 경우에는 text-align 을 이용하여 중앙이든 오른쪽 정열이든 간편하게 가능하지만 세로의 경우에는 이와 다른 방법으로 적용하게 됩니다. TEXT 이미지 옆에 문구를 이미지 세로 크기 기준으로 중앙 정렬을 할 때는 이미지 높이 맞는 line-height 값을 주거나 padding 값 지정하면 어렵지 않게 적용할 수이지만, 텍스트가 한 줄이나 두 줄 등으로 지정되어 있지 않고 상황에 따라 변경되는 경우에는 vertical-align: middle로 유동성이 있는 요소에도 중앙에 오게 정열이 가능합니다. line-height: value TEXT TEXT pad..
블로그&인터넷/CSS
2018. 12. 24. 22:28
티스토리 사이드바 인기글 목록 추가하기
티스토리 블로그 사이드바에 조회 수 높은 순으로 글 목록을 적용할 수 있는 치환자가 추가되었습니다. 적용 방식은 최신 글 목록과 동일한 방식으로 전용 치환자를 사용하여 줍니다. : 인기글을 반복 출력합니다 : 글 주소 : 글 제목 : 글 댓글 갯수 : 작성자 이름 (*팀블로그용 치환자) : 글 발행시간 : 대표 이미지가 있는 경우 치환 : 대표 이미지 : 카테고리 이름 : 카테고리 리스트 url 인기글에 사용할 수 있는 치환자 목록입니다. 썸네일 치환자가 추가되면서 인기글에서도 썸네일 노출이 가능합니다. 이 블로그 인기글 기본 제공되는 샘플 코드로 ... 태그 사이에 추가하여 주면 사이드바에 인기글 목록이 추가 되게 됩니다. 스타일 코드 샘플은 제공을 하지 않기 때문에 직접 짜야 하는데 사용중인 최신 글..
블로그&인터넷/티스토리
2018. 12. 21. 06:10
티스토리 블로그 사이드바 썸네일 치환자 적용
티스토리가 개편을 하면서 다양한 스킨과 추가적으로 사용가는 한 치환자들이 많이 추가되었는데요. 요즘은 사이드바를 사용하지 않는 1단 형 모바일 최적화된 신규 스킨들이 많이 사용하는데 개인적으로 PC 환경에서는 사이드바를 추구하는 편이라 고수하고 있는데 치환자를 지원하지 않을 때에도 스크립트를 추가하는 방법 등으로 적용은 가능하였지만 자체적으로 최근 글 목록에 섬네일을 사용할 수 있는 치환자가 추가되어 간편하게 적용을 할 수 있게 되었네요. 최근에 올라온 글 [＃＃_rctps_rep_title_＃＃] [＃＃_rctps_rep_rp_cnt_＃＃] [＃＃_rctps_rep_category_＃＃] 매뉴얼에 있는 기본 적용 HTML 코드로 사이드바에서 최근 등록된 글 목록을 보여주는 기능을 하는 기존 코드에 10..
블로그&인터넷/티스토리
2018. 12. 14. 03:45
