전체 글

새로운 것을 좋아하는 프론트엔드 개발자 ✨
안녕하세요 이번 포스팅에서는 Project64 2.3 버전에서 실행시킬 때 마다 기부창이 뜨는데이를 비활성화 시키는 방법에 대해 알아보도록 하겠습니다! 실행시키면 종종 위와같은 창이 뜹니다. 초반에는 Continue 버튼을 누르면 되는데 나중에 되면 30초 대기시간이 있어서 불편합니다 Project64 가 설치된 위치로 들어옵니다. 맨 위의 Config 폴더에 들어가주세요! Project64.cfg 파일이 보이실겁니다. 메모장으로 열어주세요! 중간쯤에 보시면 [Support Project64]항목 아래에Run Count가 보이실겁니다. 사진처럼값을 -1 로 지정해주시고 저장해주세요! 이제 Project64 실행을 아무리 많이해도 더이상 기부 팝업창이 뜨지 않습니다! 이상으로 이번 포스팅을 마치도록 하겠습..
안녕하세요 이번 포스팅에서는 Project64 외부 텍스쳐를 적용해보도록 하겠습니다! 저는 젤다의 전설 시간의 오카리나 기준으로 진행하겠습니다! 먼저 적용할 텍스쳐 파일을 다운로드 받습니다. https://emulationking.com/legend-zelda-ocarina-time/ 위 링크에 접속하면 여러 텍스쳐가 있습니다. 저는 가운데에 있는 셀 셰이드 텍스쳐팩 2016을 적용해보도록 하겠습니다. 원하는 텍스쳐팩을 눌러주세요 다운로드는 Glide64 형식으로 다운받아주세요! (.DAT) 용량은 대략 100MB 정도 됩니다. 해외 사이트라 조금 다운로드가 느립니다. 천천히 기다려주세요 다운로드가 다 되었으면 압축을 풀어줍니다! .DAT 파일만 따로 복사해줍니다 그리고 Project64가 설치된 위치로..
안녕하세요 이번 포스팅에서는 닌텐도 64 에뮬레이터 중 하나인 Project64 설치에 대해 소개하도록 하겠습니다! https://www.pj64-emu.com/ 다운로드는 위 링크에서 설치 가능합니다! 초록색의 윈도우 버전 버튼을 눌러줍니다! 설치파일이 다운로드 되는데 실행시켜줍니다. 다음 설치할 경로를 지정해주세요 첫 번째 체크박스는 바탕화면에 바로가기 아이콘 생성 여부이구요두 번째는 포터블(미설치)모드로 할 것인지에 대한 내용입니다 원하시는 항목은 체크해주세요 설치 후 실행시키면 언어 선택 창이 뜹니다. 영어로 골라줍시다(어차피 한국어가 없어요) 메인화면입니다. 아직 롬 파일이 아무것도 없네요 마우스 우클릭 후 롬파일이 있는 디렉토리(폴더)를 선택해줍니다. 롬파일은 직접 다운로드 받아서 원하는 폴더..
안녕하세요 이번 시간에는 지난 강좌에 이어 본격적으로 채팅 기능을 구현해보도록 하겠습니다! 이전 강좌의 응용이므로 크게 어렵지않습니다! [목차] 1. 채팅 기능 설계2. 서버 코드 작성3. 클라이언트 코드 작성4. 테스트 채팅 개발을 위해 간단히 정리하고 시작합시다! 우리가 개발할 채팅은 실시간 채팅입니다. 누가 새로 들어왔는지, 누가 나갔는지 알 수 있도록 기능을 구현할 예정이구요 기본적인 채팅 기능을 구현할 예정입니다. 이벤트 명은 미리 정의하고 시작하도록 하겠습니다! message: 클라이언트가 서버로 메시지 전송update: 서버에서 받은 메시지 다른 클라이언트에게 전송(메시지 또는 정보)connectUser: 새로운 유저 접속을 서버에게 알림 접속 종료부분은 update로 통일하여 클라이언트에게..
안녕하세요! 이번 강좌에서는 지난 포스팅에 이어서Socket.io를 이용한 실시간 데이터 송/수신을 구현해보도록 하겠습니다! [목차] 1. 서버 코드 작성2. HTML 수정3. 클라이언트 자바스크립트 생성4. 클라이언트 코드 작성5. 테스트 먼저 코드의 소스코드를 작성해줍니다. server.listen 위에다가 위 처럼 작성해주세요! on()은 소켓에서 해당 이벤트를 받으면 콜백함수가 실행됩니다! io.sockets.on('connection' function(socket)...) 부분은 connection 이라는 이벤트가 발생할 경우 콜백함수가 실행됩니다. io.sockets 는 접속되는 모든 소켓들을 의미하구요 접속과 동시에 콜백함수로 전달되는 소켓은 접속된 해당 소켓 입니다.io.sockets.on..
안녕하세요 이번 강좌에서는 지난시간에 이어서 서버 응답에 관련된 부분을 진행하도록 하겠습니다! [목차] 1. 디렉토리 구조 잡기2. HTML, CSS 예제 파일 생성3. 서버 코드 수정 기존 파일에서 static 폴더를 생성합니다! static 폴더 안에는 index.html 파일을 생성해주시구요 css 폴더와 js 폴더도 생성해주세요! css 폴더 안에는 index.css 파일도 하나 생성해주세요~ 생성한 index.html 파일에는 위와 같이 작성해줍니다(또는 아래에서 다운로드) 그리고 index.css 파일에는 위와 같이 작성해줍니다!(또는 아래에서 다운로드) 간단한 예제 파일을 생성했으니 서버 코드를 수정하여 위의 파일들을 클라이언트(웹)에서 볼 수 있도록 해봅시다! 먼저 fs 모듈을 추가로 re..
안녕하세요 이번 강좌에서는 지난번에 설치한 Express 모듈을 사용하여 서버를 실행해보도록 하겠습니다! [목차] 1. 모듈 불러오기2. Express 객체 생성3. 서버 실행 지난 시간에 express와 socket.io 모듈을 설치하였습니다. 폴더에 app.js 파일을 하나 생성해주세요! 생성 후 폴더 구조는 아래와 같습니다. (지운 파일은 저만 해당되기 때문에 지웠습니다) app.js 파일에 아래 코드를 입력해주세요!(초록색으로 된 부분 /* */ 은 주석이므로 작성하지 않아도 됩니다)주석에 설명이 작성되어있습니다. require를 사용하여 모듈을 불러올 수 있습니다. 마지막 부분의 listen 메소드를 통해 원하는 포트번호로 서버를 시작할 수 있습니다. listen(포트, 리스너) 지정한 포트로 ..
안녕하세요 이번 강좌에서는 Node.js 기반의 실시간 온라인 채팅 서비스를 개발해볼 예정입니다! 사전 지식이 부족하더라도 충분히 따라올 수 있도록 작성할 계획입니다. 서버는 Node.js클라이언트는 웹으로 진행하도록 하겠습니다! [목차] 1. 개발환경 준비2. 필요 모듈 설치 개발환경 준비 http://codevkr.tistory.com/12 위 링크를 통해 Node.js와 VSCode를 설치해주세요!(글에 나와있는 Brackets를 사용해도 되지만 저는 VSCode로 진행할 계획입니다) 원하는 폴더를 생성하고 npm init를 진행하여 package.json 도 생성해주세요!(위 링크에 모두 나와있습니다) 필요 모듈 설치 VSCode로 package.json 파일이 있는 폴더를 열어줍니다. Ctrl ..
· 기타
안녕하세요! 3월 중 카카오톡 자동응답 API를 사용하여 저희 학교 챗봇 개발을 시작하였습니다. 3월 11일 부터 정식으로 오픈 선언을 하였구요 가까운 선생님 분들께 미리 소식을 전했습니다. 3월 20일에 페이스북을 통한 홍보를 진행하며 플러스 친구 수가 엄청 늘어났습니다. 3월 ~ 현재(2018-05-26) 현재 친구 수는 211명 입니다. 학생, 학부모, 선생님 등 다양한 분들이 사용하고 계십니다. 주로 주말에는 채팅 요청이 매우 적고 등교하는 날에는 평균적으로 50명 이상의 사용자분들이 채팅을 요청하고 있습니다. 가장 많이 요청했던 날에는 101명이나 채팅을 요청하였습니다. 주요 기능이 급식, 버스, 학사일정, 날씨 등 인데 급식 기능을 가장 많이 사용하고 있는것으로 판단 됩니다. 서버는 저희 집에..
[ school-kr ] @@ Node.js 전용! @@ 안녕하세요 얼마 전에 Node.js용 학교 급식 및 학사일정 파싱 모듈을 개발했습니다. 2017년 2월달부터 학교 급식 파싱에 대한 내용은 꾸준히 찾아보고 구현해왔는데 학사일정 부분에 대해서는 아래 라이브러리를 참고하여 새롭게 포팅했습니다. https://github.com/agemor/school-api 위 라이브러리는 자바 라이브러리 이므로 Node.js 에서 사용이 불가능합니다. 그래서 저는 Node.js 에서 사용할 라이브러리로 새롭게 포팅했습니다. [Github] https://github.com/leegeunhyeok/school-kr [NPM] https://www.npmjs.com/package/school-kr Node.js 웹 서..
이근둥
근둥이의 블로그