방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com javascript23 Javascript로 일반 문자열을 배열로 파싱, 변환 서버에서 데이터를 받은 경우에..헤더나 네트워크문제로 해당 데이터가 객체가 아니라 일반 문자열로 들어오는 경우가 있다. 또는 콤마, json형식처럼 보이는 문자열을 가져와서 파싱만 해주면 반복문으로 사용하면 참 편리한데 이걸 일일이 split하거나 사용자 정의의 파싱메소드를 만들기에는 참 귀찮은 일이지 않을 수 없다. 이럴때는 아래 소스코드를 활용하면 쉽게 배열형태의 객체로 파싱이 가능하다. var string = "0,1,2,3,4,5"; //콤마로된 문자열 var objectstring = '{Name:"김이사", number:12345}'; //json형태의 문자열 var stringToArray = (new Function("return [" + string+ "];")()); var object.. 2019. 4. 27. 익스플로러에서 간단한 파일다운로드 기능 익스플로러를 쓰는 인구의 비중이 아마도..우라니라만 무지 높을 것 같다. 공공기관을 가보면 대부분의 실무자들이 익스플로러만 쓴다....엣지는요..?ㅠㅠ 크롬, 파폭, 엣지에서 잘 되던 기능이 익스플로러만 가면 안되는 경우가 너무나도 많으며...특히 HTML5에서 태그들의 좋은 속성이 잘 안되는 경우가 허다 하다. 특히..a테그의 download 기능은 무척이나 편리해서...서버에서 따로 작업을 안해도 간단한 파일 따위는 브라우저가 알아서 파일 다운로드를 하게 해주는데.. 문제는 익스플로러에서는 이 download 속성이 지원되지 않는 것이다. 그러면 서버에서 응답하는 프로세스를 만들어야하는데..무척이나 귀찮고 하기 싫은 일이다. 자바스크립트에서는 navigator객체를 통해서 여러 기능을 지원.. 2019. 4. 27. (기본/기초) 브라우저 개발자도구 브라우저에서 F12키나 Ctr + Shift + I 키를 누르면 개발자 도구가 실행이 된다. 이 개발자 도구는, javascript 테그 않에 있는 명령어들이 실행되면서 에러나 사용자의 console.log 명령을 받게되면 해당 내용을 출력하거나 각종 정보를 보여주는 역할을 한다. 개발자 도구가 익숙하지 않는 사람들은..alert를 띄우거나 로그를 만드는 html 테그를 만들어서 디버깅 하기도 한다. 특히 alert 을 사용하는 디버깅은 속도도 느릴 뿐만 아니라 Object를 console로 찍었을 때 나오는 상세한 정보를 볼 수 없으므로 요즘은 대부분 개발자 도구를 키고 console.log안에 확인해야 될 데이터를 넣는다. 또한 이러한 개발자 도구는 html를 바로 편집하게도 해주며, 테그를 지우거나.. 2019. 4. 27. Jquery 객체 생성시 이벤트 부여(FadeIn) Jquery를 활용하여 객체 생성시 이벤트를 주는 방법이다. 물론..앵귤러같은경우에는 데이터를 갱신만 하면 알아서 그려주지만... Jquery는 앵귤러처럼 양방향 바인딩이 아니니깐..어쩔수 없이 일일이 그리고 효과를 부여해야 한다. var pgContents = "Hello world!"; var item = $(pgContents).fadeIn(500); //효과 $('#대상').append(item);//객체생성 위 예제코드를 적용하면 append가 실행되면서 이벤트가 바로 처리된다. 비동기 방식으로 페이징 처리하거나 내용을 갱신하는경우 페이드인 효과를 고객이 주로 요구할 때 사용하면 편리하다. 2019. 4. 27. Openlayers 사용법, 소개 매번 네이버, 구글맵 연동을 하다가 얼마전 오픈레이어스를 활용해서 지도작업을 해야되는 경우가 있었습니다. 한글지원도 잘 되고, 지형도 잘 표현하면서 나름 괜찮았던 gis 작업 이었습니다. 처음 오픈레이어스를 만났을 때는 관공서 관련된 프로젝트였는데..열지도, 지역구 그리기, 마커표시 및 이름표시 등 이러한 내용의 작업을 해야 하였습니다. 물론 네이버나 다음 및 구글 지도가 훨씬 더 이쁘고 기능도 강력하지만.. 일정량 이상 사용시 유료되는게 단점이 있으며 순수 내부망으로 구축된 곳에서는 사용 할 수가 없습니다. 그런데, 오픈레이어스의 장점은...네트워크가 되지 않아도 지형정보만 제공되어지는 서버가 존재 한 다면, 해당 정보를 통해 기능구현이 가능한 점 입니다. 저 또한 지형정보를 가진 업체와 일을 해보니... 2019. 4. 27. Javascript Map, 맵 자바스크립트에서 Map 객체를 활용하여 데이터를 set, get 할 수 있는 방법이 es6문법편에서부터 자세히 소개 되어 있다. 해당 기능을 통해서 데이터를 나유롭게 가져 올 수 있고, 또한 반복문을 통해서 데이터를 출력 하는 것 도 가능 하다. 물론...배열에 json형식 데이터를 넣으면 맵처럼 사용 하기 쉽고 편하긴 하지만, 개인적으로 자바스크립트에서의 배열의 단점이 delete가 좀 귀찮고 delete된 객체가 비어버릴 경우 undefined나 null값이 들어가는 경우 때문에 이 Map을 활용 한 다면 조금 더 쉽게 key, value 형태로 객체를 다룰 수 있지 않을까 싶다. var map = new Map(); //맵 객체 선언 map.set("param","data"); //key, valu.. 2019. 4. 27. 이전 1 2 3 4 다음
