Jin

서론javascript가 어떤 것인지 잘 모르시는 분들을 위해 간단하게 설명부터 먼저 진행하도록 하겠습니다.자바스크립트(JavaScript)는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 에이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었다. 자바스크립트가 썬 마이크로시스템즈의 자바와 구문(syntax)이 ..

Vue.$nextTick요즘 갑작스럽게 인기가 많아진 Front-end Framekwork인 Vue.js의 대해서 이야기해볼까합니다.Vue.js가 무엇인지 말하기에는 공식문서 한글화도 잘 되어있고, 국내 Vue.js커뮤니티에서도 현재 활발하게 여러가지 주제를 가지고 이야기를 하고 있기에 따로 설명하지는 않겠습니다.Vue.js를 어느정도 사용하고 있다가 데이터와 UI를 건드리는 상황에서 간헐적으로 DOM을 못찾는 상황을 겪어보셨을지 모르겠습니다. 겪지 않으셨더라도 언제가는 겪게 될 일이죠. (저는 이미 이 일을 겪게 되었습니다.)네트워크 요청을 하던가, 어떤 데이터를 vue._data에 삽입하자마자 삽입 후에 갱신될 UI의 대해서 DOM을 탐색하여 처리할려고 하면 해당 DOM을 못찾아서 콘솔화면에 빨간색의..

저는 죽을 때까지 공부를 해야한다는 직종인 프로그래머로 일하고 있습니다. 어렸을 때 부터 컴퓨터를 좋아했던 저는 여러가지 프로그래밍언어들을 주변친구들보다 빨리 접했었는데, 그 당시에는 프로그래밍 언어라고 해봤자 C/C++, Java, PHP, JSP, ASP 이정도 였습니다. (JavaScript도 있었지만 이건 언어라기보다는 HTML을 이쁘게 꾸미기 위한 도구일뿐) 그런데 지금은 정말 수많은 프로그래밍 언어들로 서비스를 만들고 사람들끼리 서로 코드를 공유하는 시대가 되었습니다. 그 중에서 오늘 소개해드릴 내용은 브라우저에서만 사용했었던 언어인 JavaScript로 서버까지 만들 수 있는 Node.js에 대해 이야기를 시작해보려 합니다.JavaScript프로그래밍언어를 조금이라도 아시는 분들이라면, 혹은..

대청소, 그리고 방정리집에서 개발 및 컴퓨터로 작업을 많이 하다보니 잡다한 물건들이 많이 있습니다. 그러다보니 방정리가 하나도 안되어 있지요. 그래서 방구조변경 및 정리를 하게 되었는데, 정리 후 바쁜일정이 겹쳐서 이제서야 포스팅을 하게 됩니다 : (자기 자신만의 공간을 이쁘게 느낌있게 꾸미고 싶어하는 분들이 많고, 저 또한 그러한 자료들을 많이 검색했기에 제가 방정리한 내용을 공개해보려 합니다 : )나름 얼리어답터(?)이기에 신기하고 새로운 제품을 구입하고 소장하는 것을 좋아하는데 정리를 잘 못해서 집에서 이런저런 소리를 많이 듣고 있습니다. 하지만! 한번정리하면 제대로 정리하기는 하죠;; 그래서 이번에 정리하면서 쓰레기를 엄청 많이 버렸습니다. 하하하.정리하기전 깔끔한 책상이 없을까하면서 인터넷을 열..

라즈베리파이 연속강좌 (1) :: 구입 및 개봉기라즈베리파이 연속강좌 (2) :: 라즈베리파이란?라즈베리파이 연속강좌 (3) :: 라즈베리파이의 시작 및 설치!라즈베리파이 연속강좌 (4) :: 라즈베리파이 누구나 개발(print부터 GPIO)라즈베리파이 연속강좌 (5) :: 라즈베리파이 영상플레이어(XBMC로 사용하기)라즈베리파이 연속강좌 (6) :: 라즈베리파이로 나만의 서버를 가지자. 웹서버, FTP라즈베리파이 연속강좌 (7) :: 라즈베리파이에 안드로이드 설치라즈베리파이 연속강좌 (8) :: 라즈베리파이 토렌트 서버 구축 라즈베리파이 연속강좌 (9) :: 라즈베리파이 클러스터링 구축시작하기전안녕하세요! Jin 입니다. 지금까지 라즈베리파이에 대해 간략하게 살펴보았다면 오늘은 직접적으로 즐겨보도록 하..

팀프로젝트 개발저는 컴퓨터공학을 전공한 취업준비생으로 주로 모바일앱이나 웹을 개발하고 있습니다. : ) 개인적으로 혼자 개발할때는 IDE툴 (Integrated development environment)하나만 있어도 충분히 개발하면서 원하는 프로그램을 만들 수 있지만, 2명 이상의 팀단위로 프로그램을 개발할 때는 불편사항들이 많이 있습니다.예를 들면, 동시에 개발자체를 할 수가 없습니다. 같이 개발을 하려면 본인이 개발한 곳까지 저장 후 압축한 뒤 다른 팀원에게 전달해주면서, 조금조금씩 밖에 진행을 할 수 없습니다. 프로그램개발을 많이 해본사람이 아니거나, 프로그램관련직종에 종사하고 있지않다면, 아마도 위 방법으로 다른 사람들과 개발을 할 경우가 많이 있을것이라고 개인적으로 생각됩니다.하지만, 이미 개..

리얼포스87 키보드는 기계식 키보드가 아닌 정전용량무접점방식 키보드라고 합니다. 이러한 키보드를 처음 사용해봐서 비싸면 기계식키보드인줄 알고 작성했던 포스팅입니다. 그러나 키소음에 민감하신 분들은 기계식키보드를 접한 후 리얼포스87이나 해피해킹키보드로 넘어가시는 경우가 많다고 합니다. 참고해주세요 : )계속 시험기간이라 블로그포스팅을 작성하지 못했습니다 : (시험기간도 이번에 끝나게 되었고, 구름IDE 이벤트에서 받은 기계식키보드도 배송받게되어 포스팅을 다시 시작하려 합니다.이 포스팅을 시작으로 라즈베리파이 강좌도 진행을 할 것이며, 재미있는 주제를 통해 구독자분들이 심심하지 않게 해드리겠습니다 : )구름IDE 이벤트 당첨구름IDE 공식홈페이지 링크오늘 블로그포스팅을 시작하기전 구름IDE 관계자분들께 감..

라즈베리파이 연속강좌 (1) :: 구입 및 개봉기라즈베리파이 연속강좌 (2) :: 라즈베리파이란?라즈베리파이 연속강좌 (3) :: 라즈베리파이의 시작 및 설치!라즈베리파이 연속강좌 (4) :: 라즈베리파이 누구나 개발(print부터 GPIO)라즈베리파이 연속강좌 (5) :: 라즈베리파이 영상플레이어(XBMC로 사용하기)라즈베리파이 연속강좌 (6) :: 라즈베리파이로 나만의 서버를 가지자. 웹서버, FTP라즈베리파이 연속강좌 (7) :: 라즈베리파이에 안드로이드 설치라즈베리파이 연속강좌 (8) :: 라즈베리파이 토렌트 서버 구축 라즈베리파이 연속강좌 (9) :: 라즈베리파이 클러스터링 구축라즈베리파이 ‘구입 및 개봉기’를 포스팅하고 너무나 오랜시간이 흘러버렸네요 : (많은 분들이 다음 강좌를 기다리고 계시..

[관련글 ] http://blog.puding.kr/133 - [협업 웹IDE] 언제, 어디서, 함께 개발할 수 있는 구름 개발 툴 사용기구름 IDE (http://goorm.io) vs cloud9 IDE (http://c9.io)작은규모의 프로그래밍을 작업하거나 학교숙제를 할때 아주 유용하게 사용하고 있는 Goorm IDE가 있습니다.클라우드 개발툴로 웹브라우저만 있다면 어디서든지 같은 프로젝트를 개발할 수 있는 서비스입니다.한국에서는 제가 알기로 첫번째 클라우드개발툴로 알고 있습니다.‘국내최초’ 이라는 타이틀을 가지고 있지만 그 완성도는 일반 설치형개발툴과 비교를 해봐도 거의완벽합니다.외국의 경우는 그전부터 클라우드개발툴이 출시되어 유료서비스로 많은 사용자드이 이용을 하고 있습니다.그 중에서 이미 ..

라즈베리파이 연속강좌 (1) :: 구입 및 개봉기라즈베리파이 연속강좌 (2) :: 라즈베리파이란?라즈베리파이 연속강좌 (3) :: 라즈베리파이의 시작 및 설치!라즈베리파이 연속강좌 (4) :: 라즈베리파이 누구나 개발(print부터 GPIO)라즈베리파이 연속강좌 (5) :: 라즈베리파이 영상플레이어(XBMC로 사용하기)라즈베리파이 연속강좌 (6) :: 라즈베리파이로 나만의 서버를 가지자. 웹서버, FTP라즈베리파이 연속강좌 (7) :: 라즈베리파이에 안드로이드 설치라즈베리파이 연속강좌 (8) :: 라즈베리파이 토렌트 서버 구축 라즈베리파이 연속강좌 (9) :: 라즈베리파이 클러스터링 구축이번 DevOn 행사에서 라즈베리파이와 라즈베리파이책을 구입했습니다 : )라즈베리파이. 먹는것이냐구요?아니요!초소형 컴..

Unity3D 기본 설명Scene이 2개 이상일경우는 File - Build Settings에서 Scenes In Build에 Scene들을 드래그해서 등록해야함.처음에 실행해야할 Scene을 맨위로 올려야함.지형설정Window - Navigation - Bake 에서 설정후 Bake를 누르면됨. 이때 지형으로 선정할 오브젝트를 모두 선택한 후에 적용.외부오브젝트 사이즈 조정 및 축 돌리기 (Z축이 앞을 바라봐야함.Project 오브젝트 선택후 Inspector에서 Scale Factor로 숫자를 줄여 스케일조정빈GameObject를 만들어서 축을 돌려서 외부오브젝트를 빈GameObject의 자식오브젝트로 넣음외부오브젝트 Inspector에서 Shader를 Specular로 바꾸면 멋있게 빛이남.Unit..

Unity3D 기본 설명Unity3D Method 설명Input.mousePosition : mouse의 position을 Vector3로 가져옴GUI.DrawTexture(new Rect(x,y,width,height), Resource.Load("resource name") as Texture2D)GUI에서 y좌표는 위에가 0. (잘생각해서 코딩해야함)DrawTexture. 화면에 그림을 그림. Resource폴더에 있는 resource name을.Screen.showCursor = false : 스크린에서 마우스커서를 없앰.true로 하면 스크린커서가 생김.개발모드에서는 클릭한번해야 적용. (컴파일하면 괜찮음 : ))animation.Play("ani_name") : ani_name으로 지정된 애니..

Unity3D 기본 설명2D게임을 만들때 Z축이 겹치기 때문에 살짝 간격을 줘서 처리한다.Ex) 캐릭터가 Z : 0일때, 아이템은 Z : 0.5 정도.일반적인 게임을 만들때 점프기능을 구현할때 점프와 떨어지는 속도를 따로 정의함.점프속도 : n떨어지는 속도 : n*2게임엔진의 중력을 사용하게되면 이중점프나, 점프중 기능을 구현할때 문제점이 생김.소스에서 한글로 입력 후 오류 났을때 해결방법File - Save As - Character Coding - Korean (ISO) 로 선택하여 덮어쓰기.GUI설정적용은 OnGUI() 에서 적용해야 실제 적용됨.이미지를 맵핑(Texture들)할때 2의 배수일때 맵핑이 빠르게됨. (하드웨어 가속을 사용.)Unity3D는 모든 이미지들을 2의 배수로 자동으로 적용됨...

Unity3D 기본 설명prefab을 클래스 제일 첫번째 선언 : 권장함.모든 객체를 만들때 Z축을 바라보게 만들어야 함.prefab break(깨기) : GameObject - Break Prefab Instance새로추가한 카메라에 대해서는 Inspectord에서 Audio Listener를 삭제.카메라 두개 합치기Main Camera - Inspector - Camera - Clear Flags : Depth onlyDepth : 10카메라끼리 위, 아래로 겹쳐서 놓았을때, 사용가능.Unity3D Method 설명public AudioClip : Sound파일은 AudioClip으로 연결시킴.Quaternion.identity : Quaternion - x,y,z,w 값을 가지고 있음. - 4원수라..

Unity3D 4.2 Base SettingLayout - 2by3 가 일반적인 레이아웃Unity - Preferences - General - Always Show Project Wizard Check (동시 프로젝트 오픈가능)Unity - Preferences - External Tools - External Script Editor 에서 다른 편집기 툴로 변경 가능. (Ex - Microsoft VisualStudio 등)다른 툴로 변경시 Assets - Sync MonoDevelop Project 로 선택해서 실행해야 자동완성이 적용됨.Unity - Preferences - External Tools - Image application 을 이용하여 이미지 편집 가능. (Ex - Photoshop ..

SK T아카데미에서 무료로 3일동안 cocos2d 무료강좌를 신청하게 되었다.신청하기전에 선착순 20명이라는 것을 알고 급하게 신청을 했는데, 신청할때 약간의 시험아닌 시험두 치게 되었다.시험은 Objective-C 기본문법 시험'ㅡ'뭐, 그건 잘 넘기고 최종합격처리! 그리고 8월 8일부터 3일동안 10일까지 코딩트레이닝;;졸려죽겠는데도 열심히 했다 ㅇ_ㅇ;;홈페이지에는 쉽게 찾아갈 수 있게 약도도 있다 ^_^열심히 낑낑대며 1시간 30분동안 가고 SK상상혁신센터라는 간판을 발견하였다.바로 이곳이 내가 3일동안 배우게될 장소인 T아카데미!서울대 내에 있는 건물로 음, 교육기관치고는 꽤 컸다.공부하는 장소!각 자리에는 맥북프로가 배치되어 있으며 가지고 도망가지 못하게 락 장치가 되어있다.여기서 배우는 수강..

실행화면 소스 randArr [0] [1] [2] [3] ………… [43] [44] 1 2 3 4 ………… 44 45 먼저 randArr라는 배열로 1부터 45개의 숫자를 생성합니다. rand함수를 이용하여 0부터 44중 임의의 숫자를 생성한 후에 그 숫자를 randArr[숫자]로 대입하여 위에 randArr에 해당하는 변수를 추출합니다. 추출한 변수는 총 7개 생성될 로또 배열에 순차적으로 대입을 시키고, 추출되었던 randArr의 숫자는 0으로 변경시킵니다. Ex) rand : 3을 생성하여 randArr[3]에 있는 값을 추출할 경우 randArr [0] [1] [2] [3] ………… [43] [44] 1 2 3 4 -> 0 ………… 44 45 그 후 반복적으로 0을 제외하고 중복되지 않는 숫자를 ..