본문 바로가기

전체 글

SW마에스트로 12기 모집 swmaestro.org/sw/main/contents.do?menuNo=200033 SW마에스트로 A N N O U N C E M E N T 제12기 연수생 모집 혁신적인 재능과 열정으로 SW마에스트로 연수생에 도전하세요. 선발인원 지원자격 SW개발 분야에 창의력, 혁신적인 재능, 열정을 보유한 자 정보 상세 국적 swmaestro.org 더보기
카카오톡·페이스북 OG 데이터 캐시 삭제하는 방법 카카오톡·페이스북 OG 데이터 캐시 삭제하는 방법 웹 개발 시 발생할 수 있는 OG 데이터가 갱신되지 않는 문제와 그 해결책에 대한 글입니다. 캐시로 인해 발생하는 문제점 https://physia.kr의 index.html에는 다음과 같은 메타 태그가 있습니다. 이대로 사이트 링크를 페이스북에 공유하면 페이지 제목은 "피시아 (PHYSIA)", 썸네일 이미지는 "t1.png"으로 표시됩니다. 그런데 이렇게 메타 태그의 내용을 변경했는데도 불구하고, 새로운 채팅이나 게시글에 공유하면 썸네일에 여전히 "피시아 (PHYSIA)", "t1.png"으로 나타나는 것을 확인할 수 있습니다. 이는 카카오톡·페이스북 등 SNS에서 링크를 공유하면 해당 URL에 대한 메타 데이터를 자체 서버에 캐싱 함으로 인해 발생하.. 더보기
단축 링크 서비스를 만들어보자 - #3 메인 페이지를 멋지게 바꿔주기 위해서 bootstrapmade.com/에서 제공하는 부트스트랩 템플릿을 사용했습니다. 사이트에 메타데이터로 쓰일 이미지가 한 장씩은 들어있는 게 좋습니다. '톡 썰 메이커 for 카톡 (play.google.com/store/apps/details?id=funtil.katalkeditor)'이라는 앱을 활용하여 간단하게 썸네일 이미지를 제작하였습니다. 이제 템플릿의 콘텐츠를 서비스의 내용에 맞게 편집하면 깔끔한 메인 페이지가 완성 됩니다. 서비스가 완성 되었습니다. 이제부터 누구나 solt.pw에서 URL 단축 기능을 이용할 수 있습니다. 모든 소스는 github.com/dlwoguq0928/short_link_simple에 공개하였습니다. 감사합니다. 더보기
단축 링크 서비스를 만들어보자 - #2 메인 페이지(include/index.html)를 구성하기 전, 단축 링크를 생성 및 출력하는 php 페이지(include/shorten.php)를 먼저 만들었습니다. 이따가 메인 페이지에서 ajax를 통해 이 페이지에 요청을 보낼 것입니다. 더보기
단축 링크 서비스를 만들어보자 - #1 요즘 1일 1포스팅과 1일 1커밋에 도전하고 있습니다. 그래서 어제 커밋 주제를 고민하던 중 떠오른 것이 goo.gl, bit.ly 같은 단축 링크 서비스를 한번 만들어보자는 생각이 들었습니다. 곧바로 호스팅케이알(hosting.kr)에서 도메인을 구입했습니다. 제가 고른 도메인은 solt.pw입니다. 이걸 고른 이유는 마침 .pw 도메인이 세일 중이었고, 짧으면서 기억하기 쉬운 단어 중에 선점되지 않은 걸 찾다보니 이게 가장 좋아보였습니다. 설상가상으로 'Short Optimized Link Technology (최적화 단축 링크)'라는 의미도 끼워맞추 정했습니다. 기존 이용중인 호스팅 서버에서 하위 디렉터리(ws/utility/short-link)를 만들어 제공하기로 했습니다. 이러면 호스팅 비용이 .. 더보기
엑셀 CSV 파일 한글 깨짐 현상 해결 방법 얼마 전, HTML로 구성한 표를 CSV로 내려받는 기능을 구현 한 적 있었습니다. 이때 내려받은 CSV 파일을 평소에 사용하는 Google Sheet 등으로 열었을 땐 괜찮았는데, 기관에서 사용하는 MS Exel로 열면 다음과 같이 표시되는 문제가 있었습니다. 이렇게 한글이 깨져보이는 건 인코딩의 차이로 발생하는 문제입니다. 예를 들어 CSV는 UTF-8으로 인코딩이 되었는데, 엑셀에서는 ANSI 혹은 EUC-KR으로 디코딩을 하는 경우가 많습니다. 파일과 엑셀에서의 인코딩 설정이 다를 때 이러한 현상이 생깁니다. 해결 가능한 방법으로는 4가지가 있었습니다. 지금부터 소개하겠습니다. A. CSV 파일의 포맷을 바꾼다. ⑴ CSV 파일을 우클릭 후, '연결 프로그램 - 메모장'을 선택합니다. ⑵ '파일(.. 더보기
ipTIME 공유기 포트포워딩 설정 하는 방법 아이피타임(ipTIME)은 사용자가 많은 공유기입니다. 그 덕분에 레퍼런스도 많고 관리자페이지에 접속하는 방법이 간단한 편입니다. 아이피타임 공유기 포트포워딩 설정 하는 방법을 알아보겠습니다. 1. 다음 주소에 접속 후 로그인을 해 줍니다. http://192.168.0.1 2. '관리도구'를 클릭합니다. 3. 고급설정 - NAT/라우터 관리 - 포트포워드 설정을 클릭합니다. 4-1. 규칙이름을 정합니다. 4-2. 내부 IP주소에 '현재 접속된 IP 주소'를 체크합니다. 4-3. 프로토콜을 선택합니다. 4-4. 외부 포트와 내부 포트를 입력합니다. 만약 포트포워딩 하려는 기기가 현재 PC가 아닌 경우에는, 포트포워딩 할 기기의 내부 IP 주소를 입력 해 주면 됩니다. 5. '적용'을 클릭합니다. 포트포워.. 더보기
구글 애즈 (Google Ads) 캠페인 이용 후기 - 모바일 게임 광고 구글 애즈 (Google Ads) 캠페인 이용 후기 구글 애즈 (Google Ads)에서 캠페인을 실험 삼아서 이용해 보았습니다. 이번에는 라는 게임의 광고 과정과 결과를 공유해 보겠습니다. 실험 목표 구글 애즈 캠페인을 진행하기에 앞서 설정한 목표입니다. '전환당 단가를 최소화 하자!' 즉, 이 실험에서 확인하고자 했던 건 바로 가성비 있게 광고하는 법입니다. (참고 : 전환당 단가란 일반적으로 'CPA'를 의미하지만 캠페인 종류에 따라서 다릅니다. '앱 프로모션' 캠페인에서는 'CPI'가 전환당 단가에 해당합니다.) 캠페인 준비하기 새 캠페인을 생성하는 것은 어렵지 않습니다. 그보다 특이한 건 캠페인 설정을 끝내면 한동안 학습 중이라는 상태가 유지됩니다. 구글 애즈가 인공지능 기반의 마케팅 툴이다 보.. 더보기

티스토리툴바