안녕하세요. 믹스드코드입니다.오프라인 "HTML5 웹 채팅 서비스 개발 코드랩 프로젝트" 가 최종 모임 확정자분들을 대상으로 5월 30일 화요일 오후 7시부터 D.CAMP에서 시작됩니다.참여 대상자분들은 아래 모임일정 및 사전 준비사항을 확인해주시고 원할한 코드랩 진행을 위해 반드시 개발용 노트북과 개발툴을 컴퓨터에 사전 설치해 오시기 바랍니다. 1. 모임일시 및 장소: 2일간 진행 - 2017년 05월 30일(화) 19시 ~ 22시 - 2017년.. Continue Reading
안녕하세요. 믹스드코드 에디입니다.세계 최강 개발툴인 마이크로소프트사의 개발툴인 Visual Studio 가 몇년전부터 시작된 MS의 클라우드 퍼스트,모바일 퍼스트 정책 기반의 닷넷 이중화전략의 일환으로 새롭고 다양한 모습으로 변화에 변화를 거듭하고 있습니다.오늘은 2017년도 05월 미국 시애틀 Build2017 개발자 행사 이후 기준으로 새롭게 변모한 Visual Studio의 다양한 제품군을 정리해 볼까합니다.그동안 닷넷 플랫폼 기반에서 개발해온 닷넷개발자분들이나 C# 언어기반 개발자들에.. Continue Reading
안녕하십니까? 믹스드코드랩 운영자 강창훈입니다.지난 3월~4월에 믹스드코드를 통해 진행된 오프라인 웹채팅 코드랩의 대기자분들을 위한 앵콜? 코드랩을 아래와 같이 재구성된 커리큘럼으로 D.CAMP에서 5월 30일(화요일), 06월 01일(목요일) 양일에 걸쳐 진행할 계획입니다. 코드랩 주제는 HTML5 Websocket 기술과 & ASP.NET SignalR 기술을 활용한 유무선 통합채팅 개발 및 서비스 코드랩 프로젝트로 이전 코드랩과 동일한 주제를 다루지만 개발 및 서.. Continue Reading
안녕하세요 믹스드코드 에디입니다.웹채팅 코드랩 2회차 모임에 대한 리뷰 및 마지막 3회차 모임에 대한 사전 공지 올립니다.지난주 4월 21일 불금에 광화문 서울창조경제 혁신센터에서 진행된 2회차 모임에서는 참석자분들의 본인 소개 시간을 짧게 가진 후 실제 채팅 서비스에서 필요로 하는 주요 기능 위주로 실습을 진행해 보았습니다. 참석자 분들의 소개 말씀을 한분 한분 듣고나니 다양한 분야에서 불금인데도 불구하고 현재 하시는일과 연계하여 도움이 되지 않을까 또는 자기 계발을 위해서 또는 관련 기술에 대해 알고 싶은 .. Continue Reading
안녕하세요. 믹스드코드입니다.이번 시간에는 웹채팅 기능 구현하기 두번째 시간으로 채팅 참여자 목록을 보여주고 특정 사용자를 강퇴처리하는 로직을 구현해볼 예정입니다.그리고 사용자들이 채팅서비스에 최초 연결되었을때 브라우저를 닫고 나가거나 직접 퇴장하기 버튼을 클릭했을때 등의 이벤트 기반에서 정보를 처리하는 방법들을 알아 보겠습니다.1. 메뉴 헤더 바 영역를 표시합니다.- 메뉴 헤더바 영역에는 좌측에 채팅 접속자 수를 표기하고 해당 숫자를 클릭하면 좌측영역에서 채팅사용자 목록 .. Continue Reading
안녕하세요. 믹스드코드 강창훈입니다.웹채팅 코드랩 두번째 날 실습할 내용은 채팅 HTML 템플릿을 이용한 조금 더 그럴싸한? 채팅 서비스를 직접 구현해보도록 하겠습니다.템플릿을 ASP.NET MVC5 웹페이지에 적용해보고 채팅방 입장 및 여러 사용자와 기본적인 채팅 메시지를 주고받을수 있는 기능을 함께 구현해보겠습니다.HTML 템플릿은 아래 다운로드 링크주소에서 다운받으시구요.http://mixedcode.com/download/WebChatTemplate.zip1. 채팅 템플릿을 다운받고 압축을 해제합니다.-폴더내에 있는.. Continue Reading
안녕하세요. 믹스드코드 에디입니다.어제 2017년 04월 12일(수) 웹채팅 코드랩 첫 모임을 서울 창조경제혁신센터에서 가졌습니다.평일인데도 한분도 안빠지시고 참석해주신 많은분들께 먼저 감사 인사드리며 함께 하신분들의 열정을 느낄수 있었던 자리였던것 같습니다.전반적으로 함께해 주신분들이 코드랩 진행을 잘 따라와 주시고 준비도 많이 해오신듯합니다개발툴( Visual Studio 2017 Community) 설치가 정상적으로 안된 상태여서 ASP.NET MVC5 프로젝트 템플릿이 나타나지 않은분들이 몇분 .. Continue Reading
전 시간에는 간단한 WebSocket 과 ASP.NET SignalR을 이용해 간단한 웹채팅기능을 구현해보았습니다.이번시간에는 실시간웹 기술환경을 이용해 웹게임을 구현할수 있는 간단한 모형이동 동기화 샘플을 만들어보도록 하겠습니다.대략적인 시나리오는 사각형 모양을 특정 사용자가 클릭해 드래그하면 해당 웹페이지에 접속해 있는 모든 사용자의 브라우저에 있는 동일 사각형 모양이 함께 움직이는 예시입니다.해당 시나리오를 활용 응용하면 캐주얼 웹게임,보드게임,화이트보드, 실시간 모니터.. Continue Reading
안녕하세요. 믹스드코드입니다.여러분 컴퓨터에 개발환경이 모두 구축되었다고 가정하고 바로 ASP.NET MVC5 웹 응용프로그램 기반에서의 SignalR 웹채팅 기본기능을 구현해보도록 하겠습니다.1)Visual Studio 2015 or 2017를 오픈합니다.-개발 예시는 Visual Studio 2015 버전을 기준으로 설명드리며 Visual Studio 2017버전과의 차이가 있는부분은 별도 캡처제공드립니다. 2) 먼저 새로 만들기> 프로젝트를 클릭하여 ASP.NET MVC5 웹 응용 프로그램 .. Continue Reading
안녕하세요. 에디입니다.오늘은 웹 채팅의 서버측 기술로 사용할 ASP.NET SignalR에 대해 알아보고 개발환경을 구축해보도록 하겠습니다.1.ASP.NET SignalR 소개ASP.NET SignalR은 Microsoft .NET 기반 환경에서의 실시간 웹 통신을 가능하게 해주는 GitHub 오픈소스 라이브러리입니다.ASP.NET SignalR은 Microsoft .NET 개발 플랫폼에서의 Web 개발 프레임워크인 ASP.NET에 신규로 추가된 RealTime Web 통신을 위한 웹 Push 기술을 핵심으로 제공하는 .. Continue Reading
안녕하세요. 믹스드코드 에디입니다.HTML5 Websocket의 본격적인 소개에 앞서 HTML5에 대해 먼저 조금 알아보는 시간을 가져보겠습니다.1) HTML5?- Global 5대 표준 웹브라우저(IE,Chrome,Safari,Opera,Firfox)에서 공통 표준기술로 채택한 HTML버전으로 역사상 최초 브라우저간 표준화가 이루어진 HTML버전임.- PC O/S ,모바일 O/S 의 각종 브라우저에서 모두 지원하는 HTML 표준 스펙.- W3C 차.. Continue Reading
안녕하세요. 믹스드코드 강창훈입니다.HTML5 Websocket 과 ASP.NET SignalR 서버 기술을 이용한 참 쉬운 웹채팅 시스템개발하기 코드랩을 시작하도록 하겠습니다.먼저 실시간 웹서비스에 대한 개념을 파악 후 해당 서비스의 구현기술에 대해 점진적으로 알아보도록 하겠습니다.1) 실시간웹(RealTime Web)이란?실시간 웹(Real-time web)의 위키의 사전적 의미는 인터넷에서 사용자들로 하여금 창작자가 정보를 만들어내는 즉시 소비자가 수신할 수 있도록하는 기술 혹은 서비스들을 말합니다.이는 구독하여 정기.. Continue Reading
안녕하십니까? 믹스드코드랩 운영자 강창훈입니다.2017년 새봄을 맞아 믹스드코드에서는 HTML5 Websocket 기술과 & ASP.NET SignalR 기술을 활용한 유무선 통합채팅 개발 코드랩 프로젝트를 시작합니다.믹스드코드의 코드랩 프로젝트는 다양한 신기술들을 융합하여 직접 신청자들과 새로운 서비스를 만들어보는 프로토타입 코딩 프로젝트로 해당 기술의 전문가와 함께 관련 기술들을 직접 구현해보고 프로토 타입 형태로 프로젝트를 진행해봄으로써 적용기술과 비지니스의 가능성을 검증해.. Continue Reading