강의18 - kyagrd/htmlcss2018spring GitHub Wiki

https://github.com/kyagrd/ttt-nodejs-example

위의 저장소를 clone 해서 자기 컴퓨터에서 node 로 직접 서버를 실행하고 html을 브라우저로 실행하는 방법으로 다음 실습시간에

실습시간에 할 것

• 9개의 칸에 대해 클릭하면 바뀌도록
• 서버 move에 로직 검사 추가 (빈곳에만 차례에 맞는 O나 X만 둘 수 있게), 클라이언트 에러메시지 처리
• 클라이언트를 X와 O의 두 가지로 나누어 html을 두 개 만들어서 한쪽은 O만 한쪽은 X만 놓도록
• 클라이언트를 두 개로 나누었으므로 클릭하지 않아도 polling해서 일정 시간 간격으로 자동으로 새로 보드를 받아오도록 수정
  • 관련자료 http://reallifejs.com/brainchunks/repeated-events-timeout-or-interval/

실습에서는 다루지 않겠지만 알아두면 AJAX 관련 좋은 것들

• jQuery 라이브러리에는 querySelector와 같은 것에 해당하는 DOM 관련 기능 외에도 ajax를 쓰기 편하게 해 놓은 API도 있어서 AJAX 코딩할 때 많이들 써왔다
• 최신 자바스크립트 ES6에는 fetch라는 API가 제공되어 더 편하고 체계적으로 AJAX를 사용할 수 있는데 IE에서 지원을 안하기 때문에 아직 IE를 사용하는 환경이 많이 남아있는 동안에는 호환성 문제를 고려해야 함. 앞으로는 이것을 많이 쓰게 될 것.
  • https://gist.github.com/robvolk/99057492b8fd4d7d574bd89e4bde9f3b
  • https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

수업 관련 프로그램이 여름방학때 교내에서 운영됨

2018년 청년취업아카데미사업 (운영기관: 한국클라우드컴퓨팅연구조합, 연수기관: 한남대학교)

• 클라우드 시스템을 위한 웹프로그래밍 기초과정
• 클라우드 기반 빅데이터 딥러닝 기초과정 (자세한 내용은 학과사무실이나 공과대학 사무실에 찾아가 문의하며 됩니다.)