Contents

조회 수 674 댓글 0
Atachment
첨부 '2'
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

rps01.jpg


오래 전에 강의용으로 만든건데 자바스크립트와 프론트엔드를 처음 공부하는 사람들에게 개념 정리와 실무 예제로 적당한 듯..



1. 완성된 모습

http://hooni.net/game/day08_sprite2/


rps02.jpg




2. 시작과 완성되는 과정

(각 디렉토리 설명과 관련 링크)



#day01_txt

FORM 구문을 통해 서버에 질의

text만 출력 (제일 심플)

http://hooni.net/game/day01_txt/



#day02_img

FORM 구문을 통해 서버에 질의

결과 화면에 image 적용 (시각화)

http://hooni.net/game/day02_img/



#day03_ajax

AJAX를 이용해 서버에 질의

결과 화면에 image 적용 (시각화)

http://hooni.net/game/day03_ajax/



#day04_ani1

AJAX를 이용해 서버에 질의

img 태그의 src를 변경

css 기본 내용만 적용

http://hooni.net/game/day04_ani1/



#day05_ani2

AJAX를 이용해 서버에 질의

div 태그의 backgroud-image 속성으로 해당 이미지 경로 지정

css 파일 내 각 상황에 맞는 이미지 경로를 class로 정의하고 js 파일에서 class 속성을 변경

http://hooni.net/game/day05_ani2/



#day06_ani3

AJAX를 이용해 서버에 질의

div 태그의 backgroud-image 속성으로 해당 이미지 경로 지정

css 파일 내 각 상황에 맞는 이미지 경로를 class로 정의하고 js 파일에서 class 속성을 변경

http://hooni.net/game/day06_ani3/



#day07_sprite1

AJAX를 이용해 서버에 질의

div 태그의 background 속성으로 이미지 경로 지정 (한번 로드 된 이미지를 계속 사용; position만 변경)

css 파일 내 각 상황에 맞는 background-position 정보를 class로 정의하고 js 파일에서 class 속성을 변경

http://hooni.net/game/day07_sprite1/



#day08_sprite2

AJAX를 이용해 서버에 질의 또는 로컬(javascript) 동작

div 태그의 background 속성으로 이미지 경로 지정 (한번 로드 된 이미지를 계속 사용; position만 변경)

css 파일 내 각 상황에 맞는 background-position 정보를 class로 정의하고 js 파일에서 class 속성을 변경

remote / local 선택 추가 (기본은 한번 로드되면 서버 없이 동작)

http://hooni.net/game/day08_sprite2/



?

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
1173 Develop [ios] 아이폰용 앱 오픈 소스들 hooni 2013.04.23 464996
1172 Develop [ios] 언어, 지역, 국가 설정 가져오기 hooni 2014.05.12 268588
1171 Develop 자주 쓰는 Docker 명령어 alias hooni 2020.01.10 267079
1170 Etc 베지어 곡선 (Bezier curve) file hooni 2013.08.18 219329
1169 Develop [ios] Start developing your navigation app for CarPlay without enrollment file hooni 2020.02.22 124371
1168 Develop [android] 만화 어플 소스코드 file hooni 2013.04.23 92832
1167 Develop 레고 마인드스톰 NXT 수도쿠, 큐브 소스코드.. 20 file hooni 2013.04.23 81369
1166 Algorithm 디피헬만(Diffie-Hellman) 초간단 개념.. hooni 2013.04.23 81003
1165 Develop [c#] Hashtable <-> Json (dll 포함) file hooni 2013.04.23 80644
1164 Develop [C#] MD5, SHA1 해시 & 인코딩 hooni 2013.04.23 77849
1163 Develop [android] 점심 해결 앱 소스 코드 ㅋㅋ file hooni 2013.04.23 76390
1162 PPT [android] XML파서(XMLParser)의 종류와 성능 비교에 대한 발표 자료 file hooni 2013.04.23 75631
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 98 Next
/ 98