JavaScript, Ajax, JSON으로 타자연습 게임를 만들어보라는 3차 코딩 테스트!비교적 수월한 작업이었고, 재미있는 요소들을 넣어가며 작업했습니다. ^^ 결과화면 보기해당 소스 보기 특징 및 기능 30초 동안 json내의 단어들을 랜덤으로 뿌려줍니다. 맞으면 +10점, 틀리면 -10점의 점수가 반영됩니다. sweetalert.js 사용, 맞
JavaScript로 숫자퍼즐 게임를 만들어보라는 2차 코딩 테스트!가 주어졌었습니다.UI는 Google검색으로 가장 마음에 드는 것을 정해 비슷하게 CSS로 만들어보았습니다.이 퍼즐 게임 또한 한정된 시간내에서 최선을 다해 만들었던 과제입니다. 결과화면 보기해당 소스 보기 특징 및 기능 easy, hard모드는 radio 버튼의 value로 정해지고
JavaScript로 계산기를 만들어보라는 1차 코딩 테스트!가 주어졌었습니다.이에 UI는 아이폰 계산기 앱을 본 따 만들었습니다.숫자, 연산자 순으로 클릭시 잘 되고 있습니다. ㅋㅋ잘 풀리지 않을 땐 친구에게 설명만 해도 자연스레 해결책이 떠오르더군요.. :) 결과화면 보기해당 소스 보기 특징 및 기능 =을 누르기 전까지 상단에 계산과정이 나오도록
사진 갤러리 : JavaScript, AJAX, JSON, CSS3결과화면 보기해당 소스 보기 Window10의 기본 사진 애플리케이션 기능을 웹버전으로 만들어보는 작은 프로젝트입니다. :) 특징 및 기능1) AJAX로 JSON data 불러오기2) JSON photo개수에 맞는 template 동적 생성3) hover, focus시 CSS3 tran
결과화면 보기 박스오피스 사이트 : AJAX 통신, Movie API 사용 2017-01-04 코드 리펙토링 : 익스플로러(IE)에서는 for of문이 인식되지 않아 일반 for문으로 처리하였습니다. 하단에 설명 추가 특징 및 기능1) 영화진흥위원회가 제공하는 영화 API사용: 로컬 서버에서는 구현이 잘 되고 있으나 github의 gh-pages에서는
JavaScript 프로토타입 방식으로 클래스 만들기 - 탭 메뉴 해당 코드가 있는 Github 바로가기 | 결과화면 보기 1234567891011121314151617181920212223242526272829303132333435363738394041424344// 2. 함수 단위 -> 프로토타입 방식 클래스(function(global, $)&#
해당 코드가 있는 Github 바로가기 | 결과화면 보기 속성 선택자주로 특수한 상황인 요소를 찾을 때 쓰입니다.[class="snack"] : classname이 반드시 snack인 요소 선택[class="snack seeu"] : classname이 반드시 snack seeu인 요소 선택[class*="sn