티스토리 계정에 사용할 카카오 계정 개설 방법으로 전화번호 없이 이메일 주소로 카카오 계정 만드는 방법입니다. 그런데 카카오 계정은 어디서 만들어야 하는지? 카카오로 접속해 들어가도 회원가입이나 계정 관련 내용이 없습니다. 제가 못 찾는 것인가요? 카카오 회원가입 카카오 계정을 어디에서 만들어야 하는지 몰라서 다음 포털에서 만들었습니다. 다음 포털에 접속해 로그인 버튼 아래 보시면 회원가입이 있습니다. 새로운 카카오 계정 만들기를 선택 후 이메일이 있습니다. 를 클릭합니다. 서비스 약관에서 필수 부분만 체크 후 동의 버튼을 클릭합니다. 새로운 창이 나타나면 사용할 이메일 주소를 입력하고 인증메일 발송 버튼을 누릅니다. 사용할 이메일 주소는 본인이 가지고 있는 이메일 중 아무거나 상관없습니다. 저는 구글 ..
티스토리 댓글 대신 소셜댓글 서비스 라이브리 설치방법입니다. 지금 현재 티스토리에서 개인 도메인을 사용하는 경우 로그인이 풀려 댓글을 쓰려면 비회원으로 작성해야 하는 상황입니다. 비회원으로 댓글을 작성하게 되면 댓글에 대한 답변을 해도 알림 메시지가 없어 답변이 달렸는지 수시로 확인해야 하는 불편함이 발생됩니다. 티스토리 측에서 이문제를 해결해줄 거라고 생각했지만 쉽지 않은 모양입니다. 임시방편으로 티스토리 기본 도메인으로 이동해 댓글을 작성할 수 있게 하는 방법도 있지만 우선 소셜댓글 서비스를 사용해 보고 결정하려고 합니다. 소셜댓글 서비스 라이브리 라이브리 댓글 서비스는 네이버, 카카오, 페이스북 등의 아이디만 있으면 누구나 댓글을 작성할 수 있습니다. 한 가지 특징으로 댓글 하단에 타블라 광고를 넣..
며칠 전 구형 스킨 테스트할 것이 있어 스킨 변경으로 들어 가보니 구형 스킨들이 다 삭제되고 티스토리에서 제공되는 반응형 스킨 9종과 예전에 스킨 콘테스트가에서 대상 받은 Square 스킨 1종만 남아 있어 조금 황당했습니다. 요즘 누가 비 반응형 스킨을 사용하겠어라고 생각할 수도 있겠지만 로딩 속도 때문에 구분 지어 사용하는 것을 선호하시는 분들도 많이 있습니다. 어쨌거나 오래전에 만들어 놓은 비 반응형 스킨 하나를 꺼내 지금 티스토리 시스템에 맞게 수정하고 배경색도 다크 계열로 변경해 테스트 중입니다. 며칠 더 테스트해 보고 문제가 없으면 바로 배포하려고 합니다. 아주 간단한 스킨이라 특별한 기능은 없지만 비 반응 PC용 스킨에 관심 있는 구독자분들 구경하시고 피드백 부탁드립니다. 데모 스킨 구경하기..
공공데이터 포털 오픈 API를 이용한 도로명 주소 조회 및 우편번호 조회 우정사업본부에서는 도로명주소 체계로 변경되는 새 우편번호(2015.8.1 시행) 및 기존 우편번호 정보를 조회하는 기능의 오픈 API 서비스를 제공합니다. 도로명 주소 조회서비스 공공데이터포털 구 지번 주소 입력 시 도로명 주소와 우편번호가 조회됩니다. 또는 도로명 주소를 입력하면 구 지번 주소와 우편 번호가 조회되며 우편 번호를 입력하면 구 지번 주소와 도로명 주소가 조회됩니다. ServiceKey 코드와 잘 못된 curl 주소 때문에 몇 시간을 허비하게 돼서 저와 같은 분들이 있을 수 있을 것 같아 참고용으로 글을 남깁니다. 예제 코드 중 curl # curl 'http://openapi.epost.go.kr/postal/ret..
윈도우10에 터미널을 설치하면 기본 터미널이 PowerShell로 되어 있습니다. wsl 리눅스 배포판을 설치했기 때문에 터미널도 리눅스 배포판을 기본으로 사용하려고 합니다. 참고로 윈도우즈용 터미널 설치는 Microsoft store에 접속해 터미널로 검색 후 설치할 수 있습니다. 윈도우10 기본 터미널 변경 터미널을 열고 설정을 선택합니다. 또는 단축키 ctrl + ,을 입력합니다. 설정을 클릭하면 터미널 설정 파일인 setting.json이 VScode에 열리게 됩니다. 설정 파일 상단 defaultProfile 부분에 고유 식별자(guid)가 기본 터미널이 됩니다. 여기서는 기본 터미널 설정 부분의 위치만 파악합니다. 스크롤을 내려 아래로 이동하면 PowerShell를 비롯한 터미널에 기본으로 사..
Chocolatey는 윈도우용 패키지 매니저입니다. 쉽게 말해 윈도우즈용 프로그램 설치 삭제를 도와주는 프로그램이라고 생각하면 될 것 같습니다. 예를 들어 윈도우에 어떤 소프트웨어(패키지)를 설치하려면 해당 프로그램 설치 파일을 다운로드하여 설치 과정을 거쳐야 합니다. 참고 : 윈도우용 패키지는 소프트웨어(프로그램)로 이해하시면 될 것 같습니다. Chocolatey 맥이나 리눅스에서 처럼 커맨드 창에 간단한 명령어를 입력해 원하는 프로그램을 설치 및 삭제를 할 수 있게 해 줍니다. 맥 OS나 리눅스 사용 경험이 있다면 쉽게 이해가 가실 것입니다. 리눅스 & 맥 OS에서 패키지 설치 # 우분투 sudo apt-get install 패키지명 # 맥 & 리눅스 brew install 패키지명 윈도우 Choco..
고 언어(golang), Golang을 오래전에 HUGO 블로그 때문에 설치했다가 필요가 없게 돼서 삭제를 했는데 다시 설치하면서 바뀐 부분들도 있는 것 같고 간단하게나마 hello world를 찍어 보았습니다. 저는 Golang를 직접 사용하지는 않고 HUGO블로그를 작동시키는 용도로만 사용을 합니다. Golang를 사용하려면 GOROOT, GOPATH, Workspace 설정해야 하는 것도 많고 매 프로젝트마다 bin, pkg, src폴더를 만들고 GOPATH 설정을 다시 해야 하는 좀 복잡한 과정이 있는 것으로 알고 있는데 지금은 방식이 변경된 것 인지 그런 설정 없이도 작동이 되었습니다. Golang 설치 Windows에서 golang을 설치하는 방법으로 golang 다운로드 페이지에서 윈도즈용 ..
요즘 스벨트 프레임워크에 푹 빠졌습니다. 프론트엔드3 대장이라고 불리는 앵귤라, 리액트, 뷰js를 경험해 보지 못했고 자바스크립트의 "J"자 정도 아는 상태에서 스벨트로 이미지 슬라이더를 만들어 보았습니다. 아직 스벨트를 깊이 있게 공부한 것이 아니라 스벨트를 완전히 이해하고 활용하지는 못했습니다. 스벨트 공부 시작하면서 첫 번째 프로젝트로 TODO APP을 만들고 두 번째로 이미지 슬라이더를 만들어 보면서 느끼는 점은 이런 비유가 맞을지 모르겠지만 프론트엔드 개발이 마치 DB가 없는 백엔드 개발 같다는 생각이 듭니다. 스벨트 이미지 슬라이더 이미지 슬라이더는 많이 사용되는 일반적인 형태로 구성되어 있으며 단순 공부용입니다. 이미지가 자동으로 슬라이드 되면서 다음 버튼과 이전 버튼을 추가해 수동으로 이미..
자바스크립트 공부하다 보면 다른 언어랑 다르게 자꾸 한눈을 팔게 되는 것 같습니다. 자바스크립트 공부는 시작도 못하고 프런트엔드 프레임 워크 공부를 먼저 하게 되었네요. 예전에도 자바스크립트 공부 시작했다가 제이쿼리로 빠져 버려서 제대로 공부를 못했는데 이번에는 스벨트로 빠져 버렸습니다. 유튜브 노마드 코더의 리콜라스님이 리액트나 프레임 워크를 다루기 전에 자바스크립트부터 튼튼하게 공부하라고 했는데... 리액트는 혼자 공부하기가 조금 어려워 보였는데 스벨트는 투토리얼을 보면 초보자도 왠지 쉽게 할 수 있을 것 같은 느낌이 들어 시작해 보았습니다. 완성된 스벨트 TO DO APP 데모입니다. 전체 코드는 깃허브에 있습니다. let now = new Date(); let options = { weekday:..
WSL(Linux용 Windows 하위 시스템) 설치 과정입니다. 설치 전에 구글링을 하면서 몇몇 가지 궁금증이 생겨 정리 차원에서 이 글을 씁니다. 설치는 마이크로 소프트 가이드를 따라 하는 것이 가장 좋은 방법입니다. 아래 포스팅 내용과 마이크로 소프트 가이드를 보면서 설치하시면 어려움 없이 설치할 수 있습니다. 마이트로소프트WSL(Linux용 Windows 하위 시스템) 설치 가이드 가이드를 보면 단순 설치와 수동 설치가 있습니다. 단순 설치가 편해 보이지만 Windows 참가자 프로그램에 가입해야 한다고 합니다. 그래서 수동 설치하는 것으로 했습니다. 수동 설치 단계 안내를 따라 하면 어렵지 않게 금방 설치가 됩니다. 몇 분 걸리지 않습니다. 설치 진행하기 전에 자신의 윈도우버전를 확인합니다. 버..
지난 시간에 Postcss와 Tailwind 설치 그리고 설정 방법 등에 대해 알아보았습니다. 이번 시간에는 Tailwind를 Postcss에서 보다 효율적으로 사용할 수 있는 Postcss 플러그인들을 설치하고 설정하는 방법을 알아보려고 합니다. 꼭 Tailwind 사용이 아니더라도 Postcss 설치와 플러그인 설치 설정 방법은 동일하니 참고해 보시기 바랍니다. Postcss 설치 우선 작업할 폴더를 준비하고 npm init 해 줍니다. npm init -y 준비가 되었으면 postcss와 postcss-cli를 설치합니다. npm install -D postcss postcss-cli 설치가 완료되면 루트 경로에 postcss.config.js 파일을 미리 빈 파일로 만듭니다. Tailwind 설치..
Tailwind를 PostCSS에 플러그인으로 설치하는 과정입니다. Tailwind만 설치해 사용해도 되지만 PostCSS 통해 유용한 플러그인들을 활용할 수 있어 좋습니다. Tailwind만 단독으로 설치하는 방법은 Tailwind에 자세히 설명되어 있으니 참고하시기 바랍니다. Using Tailwind without PostCSS PostCSS에 Tailwind를 설치하는 방법도 설명되어 있습니다. Installing Tailwind CSS as a PostCSS plugin Tailwind 설명을 따라 해 보았지만 정상적으로 작동되지 않았고 Postcss는 설명이 친절하지가 않았습니다. 이런저런 시도 끝에 대략 4시 만에 성공한 방법을 정리해 보았습니다. 작업 폴더 생성 작업할 폴더를 만들고 아래 ..
