MixedCode

126

[출간기념] 유무선 통합 반응형 웹 개발 및 서비스 앵콜 코드랩을 시작합니다.

안녕하세요. 믹스드코드랩 운영자 강창훈입니다.작년에 진행된 유무선 통합 반응형 웹 개발 및 서비스 코드랩 관련 도서가 금년 7월 출간이되어 출간 기념으로 매월 1회씩 코드랩을 전국적으로 진행할 예정입니다.금번 서울 한국마이크로소프트에서  시작해서  부산,광주,대전,전주,원주,대구,제주 지역별 창조경제혁신 센터에서 코드랩이 향후 진행될 예정됩니다.1.행사명-ASP.NET MVC5 반응형 웹 개발 및 AZURE 클라우드 기반 서비스하기2.주관사 및 후원사-주관사: 믹스드코드닷컴 (http://mixe.. Continue Reading

324

HTML5 WebSocket 웹 채팅 개발 앵콜 코드랩 참여자분들을 위한 사전공지드립니다.

안녕하세요. 믹스드코드입니다.오프라인 "HTML5 웹 채팅 서비스 개발 코드랩 프로젝트" 가 최종 모임 확정자분들을 대상으로  5월 30일 화요일 오후 7시부터 D.CAMP에서 시작됩니다.참여 대상자분들은 아래 모임일정 및 사전 준비사항을 확인해주시고 원할한 코드랩 진행을 위해 반드시 개발용 노트북과 개발툴을 컴퓨터에 사전 설치해 오시기 바랍니다. 1. 모임일시 및 장소: 2일간 진행  - 2017년 05월 30일(화) 19시 ~ 22시  - 2017년.. Continue Reading

397

새로운 Visual Studio 제품들을 경험해보세요.

안녕하세요. 믹스드코드 에디입니다.세계 최강 개발툴인 마이크로소프트사의 개발툴인 Visual Studio 가 몇년전부터 시작된 MS의 클라우드 퍼스트,모바일 퍼스트 정책 기반의 닷넷 이중화전략의 일환으로 새롭고 다양한 모습으로 변화에 변화를 거듭하고 있습니다.오늘은 2017년도 05월  미국 시애틀 Build2017 개발자 행사 이후 기준으로 새롭게 변모한 Visual Studio의 다양한 제품군을 정리해 볼까합니다.그동안 닷넷 플랫폼 기반에서  개발해온 닷넷개발자분들이나 C# 언어기반 개발자들에.. Continue Reading

653

HTML5 웹 채팅 개발 서비스하기 2회차 (앵콜)코드랩을 시작합니다.

안녕하십니까? 믹스드코드랩 운영자 강창훈입니다.지난 3월~4월에 믹스드코드를 통해 진행된 오프라인 웹채팅 코드랩의 대기자분들을 위한 앵콜? 코드랩을 아래와 같이 재구성된 커리큘럼으로 D.CAMP에서 5월 30일(화요일), 06월 01일(목요일) 양일에 걸쳐 진행할 계획입니다.  코드랩 주제는 HTML5 Websocket 기술과 & ASP.NET SignalR 기술을 활용한  유무선 통합채팅 개발 및 서비스 코드랩 프로젝트로 이전 코드랩과 동일한 주제를 다루지만 개발 및 서.. Continue Reading

759

웹채팅 코드랩 2차 모임 리뷰 및 3차 모임 사전 공지 와 준비사항 안내 드립니다.

안녕하세요 믹스드코드 에디입니다.웹채팅 코드랩 2회차 모임에 대한 리뷰 및 마지막 3회차 모임에 대한 사전 공지 올립니다.지난주 4월 21일 불금에 광화문 서울창조경제 혁신센터에서 진행된 2회차 모임에서는 참석자분들의 본인 소개 시간을 짧게  가진 후 실제 채팅 서비스에서 필요로 하는 주요 기능 위주로 실습을 진행해 보았습니다. 참석자 분들의  소개 말씀을 한분 한분 듣고나니 다양한 분야에서 불금인데도 불구하고 현재 하시는일과 연계하여 도움이 되지 않을까 또는 자기 계발을 위해서 또는 관련 기술에 대해 알고 싶은 .. Continue Reading

783

웹채팅 기능구현하기2 (채팅참여자목록/강퇴처리/퇴장하기)

안녕하세요.  믹스드코드입니다.이번 시간에는 웹채팅 기능 구현하기 두번째 시간으로 채팅 참여자 목록을 보여주고 특정 사용자를 강퇴처리하는 로직을 구현해볼 예정입니다.그리고 사용자들이 채팅서비스에 최초 연결되었을때 브라우저를 닫고 나가거나 직접 퇴장하기 버튼을 클릭했을때 등의 이벤트 기반에서 정보를 처리하는 방법들을 알아 보겠습니다.1.  메뉴 헤더 바 영역를  표시합니다.- 메뉴 헤더바 영역에는 좌측에 채팅 접속자 수를 표기하고 해당 숫자를 클릭하면 좌측영역에서 채팅사용자 목록 .. Continue Reading

1141

웹채팅 기능구현하기1(템플릿 반영,채팅방입장 및 채팅하기)

안녕하세요. 믹스드코드 강창훈입니다.웹채팅 코드랩 두번째 날 실습할 내용은 채팅 HTML 템플릿을 이용한 조금 더 그럴싸한? 채팅 서비스를 직접 구현해보도록 하겠습니다.템플릿을 ASP.NET MVC5 웹페이지에 적용해보고 채팅방 입장 및 여러 사용자와 기본적인 채팅 메시지를 주고받을수 있는 기능을 함께 구현해보겠습니다.HTML 템플릿은 아래 다운로드 링크주소에서 다운받으시구요.http://mixedcode.com/download/WebChatTemplate.zip1. 채팅 템플릿을 다운받고 압축을 해제합니다.-폴더내에 있는.. Continue Reading

719

웹채팅 코드랩 첫 모임 리뷰 및 2회차 모임 공지입니다.

안녕하세요. 믹스드코드 에디입니다.어제 2017년 04월 12일(수) 웹채팅 코드랩 첫 모임을 서울 창조경제혁신센터에서 가졌습니다.평일인데도 한분도 안빠지시고 참석해주신 많은분들께  먼저 감사 인사드리며 함께 하신분들의 열정을 느낄수 있었던 자리였던것 같습니다.전반적으로  함께해 주신분들이 코드랩 진행을 잘 따라와 주시고 준비도 많이 해오신듯합니다개발툴( Visual Studio 2017 Community) 설치가 정상적으로 안된 상태여서 ASP.NET MVC5 프로젝트 템플릿이 나타나지 않은분들이 몇분 .. Continue Reading

737

ASP.NET MVC5 기반 SignalR 개발 기초 실습하기2

전 시간에는 간단한  WebSocket 과 ASP.NET SignalR을 이용해 간단한 웹채팅기능을 구현해보았습니다.이번시간에는 실시간웹 기술환경을 이용해 웹게임을 구현할수 있는 간단한 모형이동 동기화 샘플을 만들어보도록 하겠습니다.대략적인 시나리오는 사각형 모양을 특정 사용자가 클릭해 드래그하면  해당 웹페이지에 접속해 있는 모든 사용자의 브라우저에 있는 동일 사각형 모양이 함께 움직이는 예시입니다.해당 시나리오를 활용 응용하면 캐주얼 웹게임,보드게임,화이트보드, 실시간 모니터.. Continue Reading

586

ASP.NET MVC5 기반 SignalR 개발 기초 실습하기1

안녕하세요. 믹스드코드입니다.여러분 컴퓨터에 개발환경이 모두 구축되었다고 가정하고 바로 ASP.NET MVC5 웹 응용프로그램 기반에서의 SignalR  웹채팅 기본기능을 구현해보도록 하겠습니다.1)Visual Studio 2015 or 2017를  오픈합니다.-개발 예시는 Visual Studio 2015 버전을 기준으로 설명드리며 Visual Studio 2017버전과의 차이가 있는부분은 별도 캡처제공드립니다. 2) 먼저 새로 만들기> 프로젝트를 클릭하여 ASP.NET MVC5 웹 응용 프로그램 .. Continue Reading

649

ASP.NET SignalR 소개 및 개발환경 구축하기

안녕하세요. 에디입니다.오늘은 웹 채팅의 서버측 기술로 사용할 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

812

HTML5 WebSocket 기술소개 및 경험하기

안녕하세요. 믹스드코드 에디입니다.HTML5 Websocket의 본격적인  소개에 앞서 HTML5에 대해 먼저 조금 알아보는 시간을 가져보겠습니다.1) HTML5?- Global 5대 표준 웹브라우저(IE,Chrome,Safari,Opera,Firfox)에서 공통 표준기술로 채택한 HTML버전으로  역사상 최초 브라우저간 표준화가 이루어진 HTML버전임.- PC O/S ,모바일 O/S 의 각종 브라우저에서 모두 지원하는 HTML 표준 스펙.- W3C 차.. Continue Reading

754

실시간웹(RealTime Web)이란?

안녕하세요. 믹스드코드 강창훈입니다.HTML5 Websocket 과 ASP.NET SignalR 서버 기술을 이용한 참 쉬운 웹채팅 시스템개발하기 코드랩을 시작하도록 하겠습니다.먼저 실시간 웹서비스에 대한 개념을 파악 후 해당 서비스의 구현기술에 대해 점진적으로 알아보도록 하겠습니다.1) 실시간웹(RealTime Web)이란?실시간 웹(Real-time web)의 위키의 사전적 의미는 인터넷에서 사용자들로 하여금 창작자가 정보를 만들어내는 즉시 소비자가 수신할 수 있도록하는 기술 혹은 서비스들을 말합니다.이는 구독하여 정기.. Continue Reading

11005

HTML5 웹 채팅 서비스 개발 코드랩 프로젝트를 시작합니다.

안녕하십니까? 믹스드코드랩 운영자 강창훈입니다.2017년 새봄을 맞아 믹스드코드에서는 HTML5 Websocket 기술과 & ASP.NET SignalR 기술을 활용한  유무선 통합채팅 개발 코드랩 프로젝트를 시작합니다.믹스드코드의 코드랩 프로젝트는 다양한 신기술들을 융합하여 직접 신청자들과 새로운 서비스를 만들어보는 프로토타입 코딩 프로젝트로 해당 기술의 전문가와 함께 관련 기술들을 직접 구현해보고 프로토 타입 형태로 프로젝트를 진행해봄으로써 적용기술과 비지니스의 가능성을 검증해.. Continue Reading

490

{나도개발자시리즈1}: Microsoft BizSpark 프로그램 소개

마이크로소프트사의 BizSpark 프로그램은 MS에서 제공하는 스타트업/소기업/창업신생기업 지원 프로그램으로 해당 서비스에 가입 및 승인이 되면 MS의 모든 제품군을 3년간 무료로 사용할수 있으며 3년동안 매월 18만원 상당의 애저 클라우드 서비스를 무료로 사용할수 있는 혜택이 제공되는 마이크로소프트의 스타트업 지원 프로그램입니다.비즈스파크 프로그램을 통과하기 위해서는 스타트업 또는 회사의 서비스 소개 홈페이지가 반드시 존재해야합니다.5.5.2 BizSpark 신청하기1)비즈스파크 사이트에 접속해 Microsoft 계정으로 로그인하.. Continue Reading

1110

{나도개발자시리즈1}: Entity Framework(EF) ORM 사용법

4일차4.1 모델 & 데이터 모델링 & 데이터 베이스 4.2 Microsoft SQL Server 기초4.3 Entity Framework(EF) ORM 사용법4.4 EF 기반 ASP.NET MVC DB Programming 1.ORM(Object-relational mapping=객체 관계 매핑)?  ORM은 객체지향 프로그램언어를 이용해 DB 프로그램밍을 할때 RDBMS의 데이터베이스 구조 및 데이터를 관리하기 위한 SQL(Structured Query Language)를 잘모르더라도 프로그래밍적인 방법을.. Continue Reading

926

{나도개발자시리즈1}: Microsoft SQL Server 기초

4일차4.1 모델 & 데이터 모델링 & 데이터 베이스 4.2 Microsoft SQL Server 기초4.3 Entity Framework(EF) ORM 사용법4.4 EF 기반 ASP.NET MVC DB Programming 4.2.1 MS SQL 2014 Server 환경 이해하기1) Database Clients vs Database Server Services Oracle,MSSQL,MYSQL 등과 같은 대부분의 RDBMS 시스템은 서버 O/S에 설치되는 전문적인 데이터 관리 서비스 Software 프로그램으로 .. Continue Reading

948

{나도개발자시리즈1}: 모델 & 데이터 모델링 & 데이터 베이스

4일차4.1 모델 & 데이터 모델링 & 데이터 베이스 4.2 Microsoft SQL Server 기초4.3 Entity Framework(EF) ORM 사용법4.4 EF 기반 ASP.NET MVC DB Programming 정보관리시스템의 일반적인 개발방법론을 통해 모델링 과정과 개발과정을 이해하고 모델링과정을 통해 모델의 도출과정 과 모델의 종류 및 용도에 대해서 알아보겠습니다.4.1.1 모델 과 모델링MVC 패턴 및 MVC 기반 개발에서의 Model을 이해하기 위해서는 모델이 도출되는 과정을 이해할 필요가 있습니.. Continue Reading

3232

{나도개발자시리즈1}: 윈도우 서버 와 IIS 웹 서버 그리고 배포하기

3일차3.1 부트스트랩 템플릿 프로젝트 반영하기3.2 레이아웃(마스터) 및 컨텐츠 페이지 구성하기3.3 컨텐츠 및 입력폼 페이지 구성하기3.4 부트스트랩 기본 사용법3.5 로컬 웹서버  설치 및 사용법웹프로그래밍은 좀더 정확히 말하면 웹서버 프로그래밍이라고 말합니다. 즉, 웹서버라는 소프트웨어를 통해 프로그래밍된 개발소스가 서비스 된다는것을 의미하죠.따라서 우리가 개발한 웹서버 프로그래밍 개발소스를 실제 서비스하기 위해서는 반드시 웹서버가 필요하며 일반적으로 Microsoft의 웹개발 Framework인 ASP.N.. Continue Reading

3329

{나도개발자시리즈1}: 부트스트랩 기본 사용법

3일차3.1 부트스트랩 템플릿 프로젝트 반영하기3.2 레이아웃(마스터) 및 컨텐츠 페이지 구성하기3.3 컨텐츠 및 입력폼 페이지 구성하기3.4 부트스트랩 기본 사용법3.5 로컬 웹서버  설치 및 사용법이전 강의까지 반응형 템플릿 HTML 페이지들을 이용해 ASP.NET MVC5의 화면을 담당하는 레이아웃페이지뷰,컨텐츠페이지뷰,입력폼 페이지뷰등을 만들어 보았습니다.물론 부트스트랩 템플릿에 존재하는 HTML페이지를 그대로 ASP.NET MVC5 웹 프로젝트에 추가해 정적인 웹페이지를 구성해도 되지만  HTML.. Continue Reading

1497

{나도개발자시리즈1}:부트스트랩 템플릿 MVC 프로젝트에 적용하기

3일차3.1 부트스트랩 템플릿 프로젝트 반영하기3.2 레이아웃(마스터) 및 컨텐츠 페이지 구성하기3.3 컨텐츠 및 입력폼 페이지 구성하기3.4 부트스트랩 기본 사용법3.5 로컬 웹서버  설치 및 사용법3일차 강의를 시작하겠습니다.3일차 강의는 이전 강의에서 Visual Studio 2015 개발툴을 이용해 만들어둔 홈페이지 솔루션 및 ASP.NET MVC5 웹프로젝트와  기 제공된 부트스트랩 테마 템플릿을 이용해 반응형 템플릿(html)소스를 실제 ASP.NET MVC 프로젝트로 이관하는 작업을 진행합니다.. Continue Reading

1992

{나도개발자시리즈1}: ASP.NET MVC5 프로젝트 개발기초

2.1 웹프로그래밍 기술구성요소2.2 클라이언트 vs 서버 & 관련기술들2.3 ASP.NET MVC5 기술소개2.4 VisualStudio 2015 개발툴 사용법2.5 ASP.NET MVC5 프로젝트 개발기초2.6 윈도우 서버 와 IIS 웹서버 소개ASP.NET MVC5 프로젝트 템플릿을 이용해 프로젝트 구조와 주요폴더/파일들에 대해 먼저 알아보겠습니다.1.ASP.NET MVC5 Project Structure 솔루션 탐색기내 웹프로젝트내의 다양한 폴더들에대해 간략히 설명드립니다.-App_Data : 파일형태의 데이.. Continue Reading

2601

{나도개발자시리즈1}: VisualStudio 2015/2017 기반 통합 개발환경 구성하기

2.1 웹프로그래밍 기술구성요소2.2 클라이언트 vs 서버 & 관련기술들2.3 ASP.NET MVC5 기술소개2.4 VisualStudio 2015/2017 개발툴 사용법2.5 ASP.NET MVC5 프로젝트 개발기초2.6 윈도우 서버 와 IIS 웹서버 소개안녕하세요. 에디입니다. 갑작스런 여름의 종말과 함께 선선한 가을이 시작되었네요.아침,저녁으로 날씨가 쌀쌀한듯한데 환절기 건강 잘챙기시구요. 2일차 4강 Visual Studio 2015/2017 개발툴 사용법 강의를 시작하겠습니다.앞전강의에서도 말씀드렸다시피 .NET P.. Continue Reading

1242

{나도개발자시리즈1}: .NET Platform and ASP.NET MVC5 기술소개

2.1 웹프로그래밍 기술구성요소2.2 클라이언트 vs 서버 & 관련기술들2.3 ASP.NET MVC5 기술소개2.4 VisualStudio 2015 개발툴 사용법2.5 ASP.NET MVC5 프로젝트 개발기초2.6 윈도우 서버 와 IIS 웹서버 소개본격적으로 우리가 사용할 ASP.NET MVC5 기술을 알아보기전에 먼저 .NET이란것에 대해 먼저 알아보겠습니다.1..NET Platform여러분들은 개발자분들이 아니기에 Platform이란 말도 다소 어려울듯하여 개발플랫폼,개발프레임워크,개발라이브러리등의 용어먼저 풀어나가 보겠.. Continue Reading

1247

{나도개발자시리즈1}:웹프로그래밍 기술구성요소

5일차 교육중 2일차 강의를 시작하겠습니다.2일차 강의의 주요 내용은 직접 개발과 관련된 내용이라 기 공지드린대로 여러분 컴퓨터에 이미 개발환경이 구축되어 있다는 전제로 강의를 진행토록 하겠습니다.그런데 개발환경 구축은 어렵지는 않으셨나요? 설치하는데 무척 오랜시간이 걸리셨죠? 컴퓨터 사양에 따라 다소 시간의 차이는 있지만 반나절은 족히 걸리셨을것 같습니다.자, 그럼 이번강의 주제인 웹프로그래밍 기술구성요소를 한번 알아보죠.2일차 개발 및 서비스 환경 이해하기2.1 웹프로그래밍 기술구성요소2.2 .NET Platform 과.. Continue Reading

1059

{나도개발자시리즈1}: 반응형 웹 템플릿 구매 및 활용하기

1일차 교육내용-1.1 웹사이트 개발 및 서비스 절차-1.2 도메인과 DNS-1.3 도메인 구매와 관리방법-1.4 웹(WWW) & HTTP & HTML-1.5 반응형웹(Responsive Web)?-1.6 반응형 웹 템플릿 구매 및 활용하기이전강에서 말씀드렸듯이 스타트업을 진행하고 계시거나 아니면 본인의 홈페이지를,회사의 홈페이지를 직접 개발하시더라도디자인 및 퍼블리싱이라는 과정을 통해야 기본적으로 웹페이지가 만들어지게 되어있습니다.본인이 디자이너라 할지라도 퍼블리싱이란 작업이 그리 쉽지만은 않으며 퍼블리셔라 하더라도.. Continue Reading

1435

{나도개발자시리즈1}: 반응형웹(Responsive Web)이란?

1일차 교육내용-1.1 웹사이트 개발 및 서비스 절차-1.2 도메인과 DNS-1.3 도메인 구매와 관리방법-1.4 웹(WWW) & HTTP & HTML-1.5 반응형웹(Responsive Web)?-1.6 디자인& 퍼블리싱 한방에 끝내기벌써 1회차 교육의 마무리를 달려가고 있네요.자,오늘은 반응형웹, ResponsiveWeb이 무엇이고 어떠한 원리에 의해 작동되는지 알아보는 시간입니다.1. ICT(정보통신기술) 패러다임 변화의 산물! 반응형웹반응형웹은 ICT(정보통신기술)분야의 패러다임과 맞닿아 있습니다. 웹이.. Continue Reading

19835

{나도개발자시리즈1}: 웹(WWW) & HTTP & HTML

일차 4강을 시원한 마음으로 시작해보겠습니다.이번 강의부터는 코딩이란 개념이 들어가니 지금까지와는 분위기가 다소 달라질수 있겠네요.코딩이란 말에 너무 어렵게는 생각치 마시고 코딩중에서도 기초코딩,최소한의 개념을 배우기위한 코딩을 할거니 긴장은 하지 마시기 바랍니다.1일차 : 웹사이트 개발 준비하기-1.1 웹사이트 개발 및 서비스 절차-1.2 도메인과 도메인 네임 서비스(Domain Name Service)-1.3 도메인 구매와 관리-1.4 인터넷과 웹구성3요소-1.5 반응형웹(Responsive Web) 과 템플릿 활용하기World.. Continue Reading

10651

{출간기념-앵콜}: 유무선통합 반응형 웹사이트 개발 서비스하기 코드랩입니다.

안녕하세요. 금번 [앵콜] "유무선통합 반응형 웹사이트 개발&서비스하기" 개발교육을 담당하게된 믹스드코드를 운영하면서 시그널소프트 대표로 있는 강창훈이라고 합니다.믹스드코드에서 필명은 에디(EDDY)입니다.본격적으로  본 교육 프로그램  진행에 앞서  믹스드코드랩 및  "나도 개발자" 시리즈를 먼저 소개해 드릴까합니다.믹스드코드랩은 스타트업계에서 말하는 린스타트업(프로젝트) 또는 프로토타입형  프로젝트를 표방하는 믹스드코드 주도로 진행되는특정 비지니스 시.. Continue Reading

1655

"믹스드코드" 사이트를 1차 오픈합니다.

안녕하세요. 융합기술 개발정보제공 플랫폼 "믹스드코드 닷컴" 운영자 강창훈입니다.2016년 07월 25일 아직 부족한게 많지만 "믹스드코드"  사이트를 1차 오픈하였습니다.오픈을 즈음하여  믹스드코드를 만들게 된 목적과 취지, 그리고 추구하는 가치를 간략히 정리해보았습니다.믹스드 코드는 아래와 같은 목적으로 만들어지게 되었습니다.1.시니어 개발자인 운영자의 기술노하우와 경험을 기록하고 저장하여 후배 개발자들과 개발에 관심있는 분들에게 정보를 공유하기 위해2. 너무 빠르고 급격하게 변화하는 기술환경을 따라잡.. Continue Reading

473

ASP.NET MVC5 What's New?

안녕하세요.강창훈입니다.금번에 시그널소프트에서는 공유소비마켓서비스를 개발 진행하고 있습니다.상반기에 개발을 완료하고 하반기부터 본격적으로 서비스를 제공할 예정입니다.해당 프로젝트는 VS.NET 2013,ASP.NET MVC5 기반으로 개발을 진행하고 있으며 금번에 MVC5를 사용함에 앞서 MVC5의 새로운기능들에 알아보았습니다.아래 글은 ASP.NET 사이트에 올라온 MVC5의 신규기능들에 대한 내용들을 간단히 제가 번역한 내용입니다.원본은 다음링크에서 참고해주시구요.  앞으로 MVC 블로깅 카테고리는 당분간&nb.. Continue Reading

*