틈

JSON 을 ajax로 불러와서 검색하면을 만드는 프로젝트를 진행하였습니다. 패스트푸드점 찾기 검색 @charset "UTF-8"; * {box-sizing:border-box;} :before,:after {display:none;content:"";} .container {width:400px;margin:50px auto 80px} .header {position:relative;background-color: #6a7486;border-radius: 3px;padding: 10px 20px;min-height: 50px;} .title {display:inline-block;font-size: 16px;color: #fff;vertical-align: middle;font-weight: bold;..

Question : 배열로 된 문자를 split 해서 객체의 key와 value 값으로 나눠서 반환하기 Answer : function strToHash(str){ var string1 = str == "" ? {} : str.split(', ').map(c => c.split('=')); var result = new Object; if(string1 === {}){ result = {} } else { for(var i = 0;i { el = el.split('=') obj[el[0]] = parseInt(el[1]) }) return obj } AnotherAnswer2 : function strToHash(data) { return typeof data === 'string' && data ? d..

See the Pen qBrqVdG by myeonghwa Shin (@fine-today) on CodePen. 처음 만들어본 간단한 클래스 입니다. 앞으로 어떻게 활용할 수 있을지 계속 고민하겠습니다.

See the Pen YzZpQJp by myeonghwa Shin (@fine-today) on CodePen. 자바스트립트+jQuery 완전정복 스터디 마지막 예제입니다. 실무에서는 드래그를 플러그인으로 작업하기 때문에 이에 대한 함수가 있겠거니 막연하게 생각했는데, 이 예제를 해결하면서 -- 'mousedown','mousemove','mouseup' 등의 새로운 이벤트를 배울 수 있었습니다. -- 또한 $(document)에 설정한 드래그 동작이 끊임없이 화면에서 동작하니 조심해야 한다는 것 (어떻게 보면 당연한데도, 책에서 짚어주니 그때서야 깨달았네요.), -- 이벤트 내에 함수로 다른 이벤트를 심어줄 수도 있다는 것, -- selector.off() 함수 등을 배웠습니다. 제이쿼리는 앞으로도 ..

See the Pen xxqEPPb by myeonghwa Shin (@fine-today) on CodePen. 「자바스크립트 프론트엔드 프로젝트 가이드」 책에서 나온 예제를 기능 추가하여 구현하였습니다. 1. 추가기능 1-1. [다시하기] - prompt에서 받은 값이 숫자일 때에만 해당 기능 실행 - 버튼 활성화, 게임 시작 메세지 노출 - 숫자가 아닐때 반환 1-2. [버튼 비활성화] - 버튼을 눌렀을 때 사용자, 컴퓨터의 활성화 값을 블리언으로 반환해 false일때 버튼 비활성화 후에 리팩토링 할 수 있는 부분은 없는지 확인해서 더 다듬도록 하겠습니다.

See the Pen eYvZRQz by myeonghwa Shin (@fine-today) on CodePen.