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