반복문 ?컴퓨터가 사람과 다른 점은, 같은 일을 계속해서 수백만번 시켜도 지루해하지 않는다는 점과 실수를 하지 않는다는 점입니다. 따라서 우리는 우리가 반복해서 하기 싫은 일들을 컴퓨터에게 반복하도록 시킬 수 있습니다. 그러기 위해서 사용되는 것이 반복문이며, for 반복문과 while (do/while) 반복문이 있습니다. 오늘은 for 반복문을 간단하게 배워봅시다. for 반복문for 반복문은 다음과 같은 문법으로 사용됩니다. for ( 초기식 ; 조건식 ; 증감식 ){ 실행문} 위에서 초기식은 for문을 처음 시작할 때 한번만 실행되는 코드입니다. 조건식 은 조건식 내부의 조건이 true라면 실행문을 실행해라 ! 라는 뜻입니다. 증감식 은 조건식의 변수를 증가 혹은 감소 시키며 조건식에 의해 반복문..

트리 구조란?여태 배운 Stack, Queue, Linked List는 전부 선형 구조였다. 1 : 1로 노드가 연결되어 있는 구조라는 뜻이다. 트리 구조는 처음으로 비선형 구조, 1 : 多 데이터구조 이다. 트리라는 이름에서 알 수 있듯이 나무를 생각하면 이해하기가 편하다.뿌리는 하나에, 수많은 가지가 나 있는 것을 상상해보자. 트리 구조는 우리가 일상 생활에서 매우 많이 접하고 있다. 계층 이 있는 부분이 바로 트리 구조라고 할 수 있다. 우리가 내컴퓨터 에 들어가면 볼 수 있는 디렉토리의 구조들도 트리 구조이다. 혹은 회사에서 직속 상관과 부하 직원의 관계 또한 트리이다. 트리가 트리이기 위해선 한가지 제한 조건이 있다. 부모 노드는 단 하나여야 한다는 것. 1 : 多 구조 이지 , 多 : 多 구조..

아직도 텍스트 머드 게임의 추억에서 헤어나오지 못하고 있나보다. 텍스트 웹게임인 에x츠 나 , 카x스 같은 게임들과 같은 텍스트 기반 게임을 만들어보려고 한다. 허나 그들과는 다르게 실시간 전투 가 가능하도록 ! 또한 모바일에서만 실행 가능하도록 ! Node.js 기반으로 만들 예정이다. 서버 구현의 꽃은 게임이 아닌가 싶다. 게임서버는 수많은 라우팅, 각종 공격 알고리즘 , 스킬 알고리즘 , 데이터 트랜잭션, 그래픽 요소 들을 모두 포함한다. 그래서 취미로 시간 날때 간단한 게임을 하나 만들려고 시작했다. 실제 만든건 3~4일정도 되는데, 오늘부터 간간히 개발 일지를 써보려고 한다. 현재 구현 : 로그인 / 회원가입 / 캐릭터 생성 / 전투 디자인 관리자 : 몬스터 추가 / 던전 추가 구현 예정 : 전..

아무것도 모르고 가만히 있던 때와는 다르게 네이버 웹마스터 도구며 구글 서치 콘솔이며 이곳 저곳 다 들어가서 각각의 검색엔진에 맞게 블로그를 최적화시켰고, 검색 유입이 늘어나니 의욕도 불끈불끈 ! 블로그 만든지는 꽤 오래되었지만, 작년 크리스마스로부터 시작한 블로그에 벌써 애드센스 승인을 받았다. 더 좋은 품질의 글로 블로그 활동 열심히 해야겠다 ! 비록 요즘은 웹게임 개발한다고 블로그에 살짝 소홀해진 감이 없잖아 있었는데 , 다시 블로그에 공부 블로그 하면서 열심히 달려야겠다 !

EJS?이번 포스트는 저번 포스트에 이어서 Express의 템플릿 엔진에 대해서 공부한다. EJS 는 Embedded JavaScript 의 약자로, 내부에 javascript 를 집어 넣어둔다는 의미인데, 사실 조금 다르다.

Callback 함수 흔히 Node.js 에 대한 정보들을 검색하다 보면, Callback 지옥에 빠진다 ! 라는 글이 눈에 종종 띈다. 그렇다면 Callback 함수 는 무엇인가 ? 아주 간단한 예로 이해해보자. 콜백 함수 의 이름에서부터 알 수 있듯이, 전화를 다시 하다 (?) 라는 뜻이다. (물론 그런 의도가 아니었을지라도) 친구들과 즐겁게 시내를 돌아다니다가, 집에 갈 때 사갈 떡볶이를 사가려고 한다.그런데 이게 무슨일이람. 떡볶이가 너무 많이 밀려서 시간이 조금 걸린다고 한다 !그래서 나는 전화번호를 주고, 조리가 끝나면 받아갈테니 전화를 다시 주라고 하였다! 무슨 말인지 이해가 왔는가 ? 그렇다면 독자는.. 정말 똑똑한 사람일지도 모르겠다. 무엇인가 일을 다른 객체에게 시키고, 그 일이 끝나는..

사이트맵?사이트맵은 일반적으로 어떤 홈페이지 내부에서 이동할 수 있는 모든 페이지를 정리해놓은 맵이라고 볼 수 있다. 사이트맵 생성이 최근에 많이 찾게 되는 이유는, 구글 서치 콘솔이나 네이버 웹마스터 도구 등 검색할 때에 제출하면 보다 나은 검색 결과를 지원해 주기 때문이다. 따라서 블로그를 운영하고, 더 많은 사람이 검색 엔진을 통해서 유입되길 바란다면 등록하는 것이 바람직하다.생성 방법 무료로 사이트맵 생성을 도와주는 웹사이트가 대표적으로 2곳이 있다. https://www.xml-sitemaps.com/ http://www.web-site-map.com/ 보면 알 수 있겠지만, 둘다 사용법은 비슷하다. 매우 간단하다. 주소를 입력하고, 몇몇 조건들을 입력하고 시작을 누르면 끝난다.사이트맵 등록 만..

그림 클릭시 정식 홈페이지로 이동합니다. 저번 시간에 했던 내용을 이어서 할 예정입니다. 파일을 준비해주세요 !View.htmlapp.component.ts 파일에서 View에 해당하는 template을 templateUrl로 바꿀 수 있습니다. 따라서 View에 해당하는 부분을 따로 파일로 저장하고 Url 지정을 해주면 됩니다. 123456789101112131415161718192021222324{{title}} {{person.id}} {{person.name}} {{selectedPerson.name}} Introduce! {{selectedPerson.webpage}} id: {{selectedPerson.id}} name: Website: Colored by Color Scriptercs vi..

이미지 출처 : 승풍파랑 텍스트 머드 텍스트 머드 ?옛적에, 초등학교 시절에 인터넷이 귀했던 시절이 있다. 전화 망을 통해서 인터넷에 접속했기 때문에, 전화가 오면 인터넷이 끊기고 인터넷을 오래 사용하면 통신비가 수만원 수십만원 폭탄이 나오던 때가 있었다. 인터넷도 지금처럼 웹 브라우저 들어가서 다양한 그림들, 미디어 들을 접하는 것이 아니라 새롬 데이타맨, 하이텔 등의 프로그램으로 텍스트를 주고받는 형식의 인터넷만 존재했었던 때였다. 그때에도 게임은 존재했다는것이 더 놀랍다. 콘솔 게임이 성행하던 시기에, 온라인 게임은 획기적이었을 것이다. 위의 그림들과 같이 그래픽이라곤 온갖 아스키코드(글자)들과, 글자에 색을 입히고, 배경색을 지정하는 것 밖에 없었던 시기에 저 게임들은 왜 그렇게 재미있었는지 ! ..

Switch?Switch는 조건 분기문으로, if와 else if의 연속을 보다 보기 쉽게, 편리하게 만들어놨다고 생각하시면 좋습니다. switch는 혼자 쓰이는게 아니라 항상 case와 default와 함께 쓰입니다. 보통 메뉴를 고르거나, 특정 선택지가 주어졌을 때에 그 대답에 따라 실행하는 코드가 다를 때에 주로 사용됩니다. 사용 문법은 다음과 같습니다. 3 + 7은 몇인가요 ? 1번 : 62번 : 83번 : 104번 : 12 라는 질문에 대한 대답을 switch 문으로 처리한다고 해봅시다.정답의 번호를 받는 변수를 ans 라고 가정해보겠습니다. 12345678910switch(ans){ case 3: printf("정답입니다!"); break; case 1: case 2: case 4: print..

MongoDB 설치https://www.mongodb.org/downloads 먼저 위의 공식 홈페이지에 들어가서 파일을 다운로드 받습니다. 설치는 간단하니 넘어가도록 하겠습니다.윈도우 서비스 등록 MongoDB는 MySQL과는 다르게 자동으로 윈도우 서비스에 등록하지 않습니다. 따라서 직접 설정을 해주어야 합니다. 먼저 CMD 창을 켜서, mongoDB가 설치된 폴더의 bin 폴더로 들어갑니다. 이곳의 파일들이 우리가 사용하는 실행파일들입니다. 윈도우 서비스를 등록하기 위하여 우리가 필요한 파일은 mongod.exe 파일입니다. bin 폴더에서 다음과 같이 입력하면 서비스를 등록할 수 있습니다. mongod --install --serviceName MongoDB --serviceDisplayName ..

Jade ?Jade는 Express가 기본으로 제공하는 템플릿 엔진이다. 템플릿 엔진이란, 파일을 읽어들일 때에 엔진의 규칙과 설정에 의해 파일을 변환시키고, 화면에 출력시켜주기 위한 HTML 형식으로 바꿔주는 모듈을 의미한다. Jade 모듈 또한 같은 역할을 한다. Jade 문법대로 파일을 작성하면, 이를 Express에서 엔진을 사용하여 사용자에게 보여지기 위한 형태로 바뀐다. 이를 설정하는 곳은 express 폴더 내부의 ./app.js 파일인데, 그 중에서 다음의 내용에 해당한다. 14번 15번 줄이 엔진을 설정하는 곳인데, 14번은 엔진을 통해서 렌더링할 파일이 들어갈 폴더를 지정해준다.15번은 14번에 해당하는 폴더의 파일을 jade engine으로 변환하겠다는 내용이다. Jade는 굉장히 뭐..

Utility Pig Toolboxwritten by YangD Pig ToolboxPig Toolbox는 크롬의 확장 프로그램 중의 하나입니다. 하나인데, 너무나도 많은 확장 기능이 들어있어서 PC를 바꾸거나 포맷할 때마다 설치하는 프로그램입니다. 가장 많이 사용하는 기능은 제스쳐, 우클릭해제, 자동로그인 기능이 있습니다. 크롬에서만 사용 가능합니다 ! 제가 크롬만 사용하는 이유가 이 툴박스 때문이라고 해도 과언이 아닙니다. Pig Toolbox 설치https://chrome.google.com/webstore/detail/pig-toolbox-super-gesture/oiplkfaidhjklglajdpfehoagkmlcakh?hl=ko 위의 링크를 들어가면 확장 프로그램을 설치할 수 있습니다. Pig..

Socket.io ? Socket.io는 저번에 나왔듯이, 소켓을 통해서 다른 환경의 프로그램들끼리 통신이 가능하게끔 해주는 모듈이다. 인터넷에서 사용하는 Websocket도 포함되어진다. Socket.io의 특징은, 연결 - 통신 - 종료 의 단계로 이루어진다. 따라서 크게 구분을 나누자면, Persistent 와 Non-Persistent의 두가지 방식이 있겠다. Non-Persistent는 socket 연결을 하고, 통신을 하고, 종료를 한다.다음 통신을 하기 위해선 다시 연결을 하고, 통신이 끝나면 또 종료를 한다.보통 페이지가 계속해서 움직이는 경우에는 이런 상황이 된다.페이지가 넘어가면, js 파일을 다시 불러서 socket을 연결해야하는 과정을 거친다. 그런데 여기에서 지연시간(delay)가..

Hardware클릭탭 TTAMU-3 사용 후기written by YangD 클릭탭 ?작년 말에 스마트폰을 T world Direct 에서 바꾸면서, 사은품으로 클릭탭이라는 제품을 골랐어요. 너무 신기하기도 하고, 유용하겠다 싶어서 산 제품입니다. 제품은 이렇게 생겼습니다. 신기하게 생겼지요? 언뜻 보기엔 그냥 뭐야, 멀티탭에 충전 잭이 달렸네? 하겠지만, 자세히 보시면 위의 꽂는 부분을 보면 지나치게 튀어나와 있지 않나요? 저 부분이 바로 클릭탭이 '클릭' 탭이 된 이유입니다. 전원을 연결하고, 뽑아보겠습니다. 들어가 있는게 보이시나요? 옆에서 보면 더 잘 보일겁니다. 플러그를 꽂기 전에는 왼쪽처럼 툭 튀어나와있어서 전기가 흐르지 않습니다. 그러다가 플러그를 누르면 저 튀어나온 부분이 함께 들어가게 됩니..