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

이번 포스팅에서는 ATOM 에디터에서 c/c++ 컴파일 환경을 구축해보도록 하겠습니다. 비쥬얼 스튜디오(Visual Studio)를 사용해서 컴파일을 하면 되지 왠 ATOM 으로 하느냐? 라는 질문을 하실 수도 있겠지만 저는 그 질문에 그냥 ATOM 이 좋아서요 라고 대답하고 싶습니다. 사실 그 뿐만이 아니라 비쥬얼 스튜디오(Visual Studio)는 막강함에는 틀림이 없습니다만 무거운 느낌이 있습니다. ATOM 에디터로 가볍게 사용해 볼려고 합니다. MinGW우선 ATOM 에디터로 c/c++ 파일을 컴파일 하려면 MinGW 라는 것이 먼저 설치되어 있어야 합니다.MinGW는 윈도 API를 구현할 수 있는 헤더 파일들을 가지고 있으며 이로써 개발자들이 "자유롭게 쓸 수 있는" 컴파일러인 GCC를 사용할..

해당 문제와 채점 결과는 프로그래머스 사이트에 있는 내용이며 제가 작성한 부분은 프로그래머스 문제 풀이 입니다. 문제 설명수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의 이름을 return 하도록 solution 함수를 작성해주세요. 제한사항마라톤 경기에 참여한 선수의 수는 1명 이상 100,000명 이하입니다.completion의 길이는 participant의 길이보다 1 작습니다.참가자의 이름은 1개 이상 20개 이하의 알파벳 소문자로 이루어져 있습니다.참가자 중에는 동명이인이 있..

해당 문제와 채점 결과는 프로그래머스 사이트에 있는 내용이며 제가 작성한 부분은 프로그래머스 문제 풀이 입니다. 문제 설명전화번호부에 적힌 전화번호 중, 한 번호가 다른 번호의 접두어인 경우가 있는지 확인하려 합니다.전화번호가 다음과 같을 경우, 구조대 전화번호는 영석이의 전화번호의 접두사입니다.구조대 : 119박준영 : 97 674 223지영석 : 11 9552 4421전화번호부에 적힌 전화번호를 담은 배열 phone_book 이 solution 함수의 매개변수로 주어질 때, 어떤 번호가 다른 번호의 접두어인 경우가 있으면 false를 그렇지 않으면 true를 return 하도록 solution 함수를 작성해주세요. 제한사항phone_book의 길이는 1 이상 1,000,000 이하입니다.각 전화번호의..

서버 가상화를 위한 프로그램을 말하라고 하면 어떤 것들이 떠오르나요? VMware? VirtualBox? 저도 최근에 알았습니다만 마이크로소프트에 하이퍼 V(Microsoft Hyper-V)라는 프로그램이 있습니다.마이크로소프트 하이퍼 V(Hyper-V, 코드이름 Viridian)는 x64 시스템을 위한 하이퍼바이저 기반의 가상화 시스템이다. 윈도우 서버 가상화(Windows Server Virtualization)라는 이름으로도 알려져 있다. 하이퍼 V 베타 버전은 윈도우 서버 2008 x64 에디션에도 추가되어 있으며 마지막 버전은(윈도우 업데이트를 통해 자동으로 업데이트됨) 2008년 6월 26일에 공개되었다. "마이크로소프트 하이퍼-V 서버 2008"이라 불리는 독립형 하이퍼 V 버전은 하이퍼 V..

가상머신은 항상 브엠웨어 워크스테이션(VMware Workstation)을 사용했었는데 오라클에서 배포되고 있는 버추얼 박스(Virtual Box) 을 사용해보도록 하겠습니다.이노테크(InnoTek)에서 개발한 가상머신 소프트웨어. 썬 마이크로시스템즈가 이노테크를 인수하고, 이후 오라클이 썬을 인수한 이후에는 오라클에서 배포되고 있다. 이전에는 개인용으로만 사용할 수 있는 버전과, 누구나 어디서나 무료로 사용할 수 있는 VirtualBox Open Source Edition(OSE)으로 나위어 있었다.현재는 통합되어 플랫폼 바이너리는 GPLv2로, USB 2.0 지원, 원격 제어 지원 등을 담은 '확장팩'은 개인 한정 평가 라이센스(PUEL)로 배포되고 있다. 다시 말해 누구에게나 무료이나, 확장팩만은 ..

마이크로소프트 익스플로러, 구글 크롬, 네이버 웨일 (크롬이나 웨일이나 어차피 크로미움 기반이긴 하지만 차이 있음 시불 -_-;), 모질라 파이어폭스, 애플 사파리 등등 웹개발을 하다 보면 이 많은 브라우저(더욱 짜증이 나는 것은 같은 브라우저임에도 불구하고 버전별 차이가 존재한다는 점이다.)에서 정상적으로 동작하는 스크립트를 만들기에는 무리가 있다. 그래도 보통 마이크로소프트 익스플로러 9 (MS IE 9) 는 최소한 맞춰서 개발을 진행을 한다만 윈도우 7 익스플로러 9에서 특정 스크립트가 오작동을 한다고 해서 살펴보게 되었습니다.환경Windows 10 pro x64Internet Explorer 11 시도한 방법 #1설치 되어 있는 인터넷 익스플로러 11에서 개발자 도구를 이용해서 해결해보려고 했습니..

node.js 로 개발을 하면서 (딱히 node.js 뿐만 아니라 다른 언어로 개발하는 서버도 마찬가지) db접속정보라던가 외부에 노출되면 안되는 민감한 정보들이 있다. node.js 에서는 dotenv package 를 통해서 서버 소스에 접속정보를 하드코딩 하지 않고 별도의 파일(.env)로 관리할 수 있으며 이 파일을 git ignore 함으로서 안전성을 꾀할 수 있다.Installationnpm install dotenv --save Usage먼저 프로젝트의 root 경로에 .env 파일을 만들고 그 안에 필요한 환경변수를 채워줍니다.COOKIE_PWD=marsland@hanmail.net DB_HOST=db.marsland.co.kr DB_PORT=3306 DB_USER=marsland DB_P..

노드 10.11.0 버전을 사용중에 있습니다. 노드 내장 모듈 중에는 암호화를 할 수 있는 crypto 라는 모듈이 있습니다. 이 모듈을 사용하면 손쉽게 hash값을 얻거나 단방향, 양방향 암호를 할 수 있습니다.const crypto = require('crypto'); console.log( `base64 : ${ crypto.createHash('sha512').update('marsland@hanmail.net').digest('base64') }` ); console.log( `hex : ${ crypto.createHash('sha512').update('marsland@hanmail.net').digest('hex') }` ); 참고Node.js v10.11.0 Documentation, C..

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 를 비활성화 시켜주면 됩니다. 반드시 주의해야할 점은 지우는 것이 아니라 체크해제를 해서 비활성화를 만드는 것입니다. 위의 이미지 빨간박스 안에 체크된 것을 해제한 후 실행하면 해당 경고는 사라지게 됩니다.

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