삽질하는 프로그래머 통통만두의 판톼스틱한 삽질기

유난히 더웠던 올해(2018) 여름 막바지 즈음에 용인시에 위치한 호텔 더 숨 포레스트 Hotel Thesoom Forest 로 1박 2일 여행(?)을 다녀왔습니다. 예약은 호텔스닷컴 Hotels.com 에서 했고 비싼지 싼지는 모르겠지만 무더위를 날려버리려고 수영장과 바베큐장이 있는 호텔 더 숨 포레스트로 정했습니다. 요즘에는 보통 네비를 켜서 가시겠지만 네비를 키고 가셔도 입구가 애매모호하게 있어서 방심하면 지나칠 수 있는 그런 입구입니다. 용인 호텔 더 숨 포레스트 에서 숙박한 것이 8월이었는데 저희 숙소는 B동이었나.. 기억이 가물가물합니다만, 저희가 묵은 건물과 바로 앞 건물 사이에 수영장이 낀 곳이었습니다. 우측 하단에 보이는 사우나 탕(?) 같은 곳은 좌측 긴 풀에 비해서 약간 더 따뜻한 온..

9월 23일(일) 에 청평에 있는 닭갈비집에 다녀왔습니다. 닭갈비가 목적은 아니었고 남이섬이 목적이었는데 가는 길에 닭갈비 먹어보자 해서 찾아갔습니다. 구글이나 네이버 맛집 블로그나 맛집 순위 사이트 같은 곳에서 찾아서 갔는데 원래 가려던 닭갈비집은 전화를 해보니 영업을 하지 않아서 그 중에 영업을 하는 청평 큰집닭갈비막국수에 갔습니다. 네비를 찍고 서초에서 2시정도에 출발했는데 크게 막히지 않아서 카카오네비가 알려준 예상시간에 맞춰서 도착을 했던거 같습니다. 배가 고프기도 했지만 막상 청평 큰집닭갈비막국수에 도착을 했을 때 외관에 약간 놀랐습니다. 맛이 있고 없고를 떠나서 나름 기대(?) 하고 왔는데 외관이 별로라서요.주차는 길거리에 아무데나 했고 별도의 주차장은 없었던 것 같습니다. 성인 2명, 초등..

GitHub 에서 제작한 Atom IDE 를 사용하고 있는데 디자인이며 기능이며 무척이나 저랑 잘 맞습니다. 정말 만족하고 있습니다. 다른 에디터 또는 IDE 에서 제공하는 소스 자동 정렬 기능이 아톰 Atom 에도 있지 않을까 해서 찾아봤는데 atom-beautiful 이라는 플러그인 plugin 이 있더라구요.File - Settings - Install먼저 아톰 셋팅 판넬을 띄운 다음 "Atom Beautify" 로 검색을 합니다. 2018-09-28 기준으로 0.33.2 버전이 최신이네요. 인스톨을 합니다.인스톨이 다 되면 "Atom Beautify Setting" 로 한 번 들어가봅니다. C, C++, C#, JS, JAVA 등등 많은 언어의 코드를 자동정렬을 지원하네요. 쭉 아래로 내리다보면 ..

이번에는 네이버 밴드 공유하기에 대해서 포스팅을 해보도록 하겠습니다. 네이버 블로그 공유하기 포스팅에서 잠시나마 설명을 드렸지만 페이스북에 비해서 정말 쉽습니다. 일단 네이버 밴드 API 홈페이지에서 나와 있는 예제.. 는 앱만 있네요. 페이스북, 네이버 블로그 공유하기에 비하면 설명이 다소 부족하다는 느낌이 듭니다. 웹 예제는 제가 못찾았을 수도 있지만.. 딱히 찾으려고 해봐도 보이지는 않네요. 별다른 설명 없이 네이버 밴드 공유하기 함수 나갑니다. function shareNaverBand(url, content) { var encodeBody = encodeURIComponent( StringTool.format('{0}\n{1}', content, url) ); var encodeRoute = e..

지난 번 페이스북 공유하기에 이어서 이번 포스팅에서는 네이버 블로그 공유하기에 대해서 알아보겠습니다. 이미 페이스북 공유하기 포스팅을 보시고 오신 분이시라면 페이스북 공유하기에 비해서 네이버 블로그 공유하기의 난이도는 개껌(?) 수준입니다. 별 다른 것 없이 url 만 조합해서 호출해주면 됩니다. 먼저 네이버 공유하기 API 명세에 있는 API 호출 예제를 보도록 하겠습니다. URL입력: Title입력: 인코딩 : UTF-8 요청방식 : GET방식 https://share.naver.com/web/shareView.nhn?url=인코딩한URL값&title=인코딩한title값인터페이스는 위와 같습니다. 그렇다면 아래와 같은 함수를 만들고 특정 버튼(네이버 블로그 공유하기)을 눌렀을 경우 바로 팝업이 뜨도록..

뉴스나 블로그 등을 보시다보면 SNS 등을 하시다보면 SNS 내보내기 소셜 공유하기 등의 내용이나 버튼을 보셨을 것입니다. 이 포스팅에서는 그 중에서 페이스북 공유하기에 대해서 설명하려 합니다. 티스토리나 기타 블로그, 사이트에서 서비스를 받고 있다면 몇 번의 클릭만으로 손쉽게 소셜 공유하기나 페이스북 공유하기를 적용할 수 있지만 직접 사이트를 개발하고 운영하는 곳에서는 수동으로 버튼을 달아주고 제기능을 하도록 해주어야 합니다. 페이스북, 카카오, 트위터, 네이버, 구글, 네이버 밴드 등 굵직굵직한 사이트에서는 이를 위해서 공유하기 API 를 제공해줍니다. 물론 네이티브 앱에서 구현을 한다면 SDK 를 받고 운영체제에 맞게 스크립트도 심어줘야 하겠지만 JavaScript 로 PC 또는 모바일 MOBILE..

js 를 하다보면 문자열 조합의 경우가 빠지지 않고(?) 발생하게 됩니다. alert 창을 띄울 때 안내문구와 변수의 조합이라던가 ajax 를 통해서 받아온 데이터를 가지고 동적으로 페이지에 랜더링할 때라던가 여러 가지 경우가 있습니다. 버튼을 클릭했을 때 count 변수의 값을 1씩 증가시켜서 alert 창을 띄우는 함수를 살펴보도록 하겠습니다. var clickCount = 0; function showClickCount() { clickCount++; var msg = '버튼의 클릭 횟수는 ' + clickCount + '회 입니다.'; alert( msg ); }뭐 이렇게 단순하게 변수 하나만을 가지고 문자열을 조합하는 것은 약과에 불과합니다. 만약 ajax 통신으로 json 데이터를 가지고 ta..

지금 프로젝트에 SoundManager.cs 를 하나 만들어서 모든 오디오 Audio 관리를 하고 있습니다. 이러다보니 신 Scene 를 전환할 때 아래의 이미지와 같이 경고가 뜰 때가 있습니다. 신 Scene 안에 n개의 오디오 리스너가 있다는 얘기인데요, 이를 해결하기 위해서는 연결된 각각의 신 Scene 에서 오디오 리스너 Audio Listener 를 비활성화 시켜주면 됩니다. 반드시 주의해야할 점은 지우는 것이 아니라 체크해제를 해서 비활성화를 만드는 것입니다. 위의 이미지 빨간박스 안에 체크된 것을 해제한 후 실행하면 해당 경고는 사라지게 됩니다.

네이버 사이드 간단 체크를 알아보도록 하겠습니다. 사이트 제목, 설명문, 로봇 차단 여부 등 사이트와 관련한 간단한 정보를 조회할 수 있다고 하네요. 삽질하는 프로그래머 티스토리 블로그의 주소를 넣고 조회를 해보도록 하겠습니다. 사이트 설명과 Open Graph 설명이 없네요. 해당 페이지에서 안내하는 가이드를 살펴보도록 하겠습니다. 그럼 태그를 쓰러 가볼까요. 우선 티스토리 블로그에 로그인 하신 다음 관리 페이지로 들어가셔서 좌측 메뉴에서 "스킨 편집" 을 눌러줍니다. 그러면 좌측에는 자신의 블로그 미리보기가 우측에는 스킨 편집으로 분할된 페이지로 보이게 됩니다. 그 중에 아래와 같은 이미지에서 "html 편집" 버튼을 눌러줍니다. 자 그럼 여기서 외계어가 나와서 포기하시는 분들이 많은데요. 결코 어렵..

이번 포스팅에서는 씬 Scene 전환하기에 대해서 포스팅해보겠습니다. 현 포스팅에서 Scene 만드는 방법에 대해서는 설명하지 않고 각각의 씬 Scene 에서 연결하는 부분에 대해서 살펴보도록 하겠습니다.먼저 2개의 씬 Scene 를 준비합니다. 유니티 Unity 를 공부하면서 만들어보고 있는 2D 클리커 게임의 메인화면과 소개화면입니다. 첫 번째 이미지에서 보이는 "INFO" 버튼을 눌렀을 때 두 번째 이미지에 보이는 씬 Scene 로의 이동입니다. 현재 셋팅은 캔버스 Canvas 에 Main.cs Script 를 추가한 상태이며 "INFO" 버튼을 눌렀을 때 아래의 함수를 연결을 했습니다. using UnityEngine.SceneManagement; ... public void OnInfoButto..

Git 을 통해서 팀원들과 협업을 통해서 작업을 하다보면 브랜치 Branch 를 생성해서 작업하고 합치는 Merge 작업을 수행하게 됩니다. 해당 브랜치 Branch 에서 작업이 모두 끝난 후 다른 브랜치 Branch 에 머지 Merge 를 한 후 불필요한 브랜치 Branch 가 남아있다면 보기도 불편하고 리스트도 늘어나서 정리를 해 줄 필요가 있습니다.개발 툴은 Eclipse 를 사용하고 있으며 IDE 툴 내에서 Remote Branch 를 삭제하는 방법을 포스팅해보겠습니다.순서대로 이미지를 올려드리니 크게 어려움 없이 진행하실 수 있을 것입니다.

Hierarchy 에서 마우스 오른쪽 버튼을 눌러서 Create Empty 를 하나 만들어줍니다. 새로 생성된 Object 를 선택하고 인스펙터 Inspector 로 가서 이름을 SoundManager 로 변경해줍니다. SoundManager.cs 파일을 생성합니다. public AudioSource audioSource; public AudioClip audioClipKnock; public AudioClip audioClipApplause; ... public static SoundManager instance; 저의 경우에는 유니티 Unity 툴에서 마우스로 바로 Object 를 끌어다 쓸 작정으로 public 로 AudioSource 한 개와 AudioClip 두 개를 선언했습니다. 그리고 나서 ..

유니티 Unity 2018.2.6f1 버전에서 Unity Ads 에 가입하고 적용을 해보도록 하겠습니다. 유니티 홈페이지에서 로그인을 한 다음 좌측 아래쪽에 보이는 "Unity Ads" 를 눌러서 이동합니다.그 이후부터는 특별한 것 없으니 별다른 설명 없이 스크린샷으로 대체하겠습니다. Unity Ads 서비스 가입 후 플랫폼에서 게임 ID는 메모해두도록 합니다. 이 후 유니티 Unity 스크립트에서 광고를 실제로 적용해보기 위해서 필요한 것입니다. 마지막 화면에서는 Google Play Store 에 이미 등록된 앱이라면 Google Play Store ID 를 입력해서 연결하도록 합니다. private const string gameId = "2776412"; private const string ad..

유니티 Unity 에서 버튼 및 GameObject 의 이미지를 변경해보도록 하겠습니다. 우선 Assets 폴더 하위에 Resources 폴더를 만듭니다. 그 이후에 하위 폴더를 더 생성해도 상관은 없습니다만 Resources 클래스를 통해서 이미지를 불러오기 위해서는 반드시 Resources 폴더가 상대경로가 지정이 되기 때문에 Resources 폴더 하위에 존재해야 합니다. public GameObject image; ... image.GetComponent().sprite = Resources.Load("images\marsland", typeof(Sprite)) as Sprite;여기서 주의하실 점은 images 폴더는 Resources 하위 폴더이며, 이미지의 확장자는 입력하지 않습니다. ext..

요즘 이것저것 공부하면서 많은 것들 시도해보고 있습니다. 이번에는 게임을 만들 수 있는 게임엔진인 Unity 유니티에 대해서 건드려볼까 합니다. 유니티를 선택한 이유는 많이 쓰는 게임 엔진이기도 하며 무엇보다 자바스크립트 JavaScript 로도 해 볼 수 있다는 것이죠. 유니티(Unity) 홈페이지 다운로드 페이지 10만 달러 이상이면 유료버전을 사용해야 하지만 그 미만은 Personal 무료버전을 사용하실 수 있습니다. 자세한 조건은 유니티 홈페이지에서 확인해주세요. 일단 저는 늅늅이니깐 유니티 Personal 무료버전을 다운로드 하겠습니다. 약관 동의를 하시면 저는 윈도우라 Window용 설치 프로그램 다운로드를 하겠습니다. 다운로드하고 설치하는데 엄청난 시간이 소요되네요 ㅠㅠ 기다리시는 동안 유니..