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에서는
Hong’s portfolio - sli.do 바로가기Github 소스 바로가기 포트폴리오 주제강의 중 실시간으로 질문, 답변을 받는 서비스 포트폴리오 개발 기간2016-11 ~ 공부하며 코드 리펙토링 중입니다. 특징 및 기능반응형 웹 : 데스크탑, 테블릿, 모바일에 대응하여 적절한 view를 보여줍니다.JSON파일의 data를 불러옵니다. (그룹 이름,
결과화면 보기 | Github 소스 바로가기 개발 기간2016-07 특징 및 기능그리드 시스템에 따른 반응형 웹데스크탑 대응은 10컬럼, 모바일 대응은 2컬럼 그리드 시스템을 사용하였습니다. 코드 설명grid-responsive.css모바일 대응 : .unit-s-1-2 ~ .unit-s-11-12데스크탑 대응 : .unit-l-1-2 ~ .unit-l
JavaScript 프로토타입 방식으로 클래스 만들기 - 탭 메뉴 해당 코드가 있는 Github 바로가기 | 결과화면 보기 1234567891011121314151617181920212223242526272829303132333435363738394041424344// 2. 함수 단위 -> 프로토타입 방식 클래스(function(global, $)&#
해당 코드가 있는 Github 바로가기 | 결과화면 보기 속성 선택자주로 특수한 상황인 요소를 찾을 때 쓰입니다.[class="snack"] : classname이 반드시 snack인 요소 선택[class="snack seeu"] : classname이 반드시 snack seeu인 요소 선택[class*="sn
Hong’s portfolio - 선대인경제연구소 main 바로가기sub page01 | sub page02-블로그리스트 | sub page03-블로그내용 포트폴리오 개발 기간2015-12 특징 및 기능웹표준, 웹접근성 준수크로스 브라우징 : IE8 이상UI에 초점 사용 SkillHTML, CSS, jQuery, JavaScript, Photoshop 고
Hong’s portfolio - SK 주식회사 main 바로가기sub page01 | sub page02 | sub page03-게시판리스트 | sub page04-게시판내용 포트폴리오 개발 기간2015-11 특징 및 기능반응형 웹 : 데스크탑, 테블릿, 모바일에 대응하여 적절한 view를 보여줍니다.웹표준, 웹접근성 준수크로스 브라우징 : IE8 이상