반응형 JavaScript42 [그래프 LIB] HighCharts 웹 화면에 그래프를 활용하여 데이터를 표출할 목적으로 라이브러리를 탐색하다 하이차트를 접하게 되었다. 나중에 알고보니 보편적으로 많이 사용되고 있는 라이브러리라고 한다. 사업용으로 사용하지 않는다면 무료 이용이지만, 반대로 사업용으로 활용할 목적이라면 어느정도의 비용을 지불해야한다고 하니 유의해두는 것이 좋다. 아래의 링크를 통해 라이브러리활용에 대한 내용을 파악할 수 있다. https://www.highcharts.com/ Interactive javascript charts libraryWe make it easy for developers to create charts for web and mobile platforms. For Javascript, Angular, React, VueJS, iOS.. 2022. 7. 7. [지도 API] OpenLayers_1 업무를 진행하면서 새로운 지도 API를 다루어보게 되었다. 검색시 본인이 활용하고 싶은 부분에 대한 자료가 부족하다고 느껴서 어려움을 느꼈다. API에 관한 설명 또한 영어라서...후에 또 다시 활용하게 되었을때 코딩 시간을 단축하기 위해 새로이 알게 된 부분을 정리할 목적으로 게시글을 작성한다. 참고로 해당 게시글은 교재와 같이 정확한 개념, 설명이 아니라 그저 본인의 쉬운 이해를 위한 정리본으로 100% 정확한 개념을 파악하고 싶다면 다른 게시글이나 아래에 첨부하게 될 링크에서 직접 읽고 파악하는 것이 더 도움이 될 것이라고 생각한다. 목차는 아래와 같다.1. 지도 표출 1) view 객체 2) control 객체 3) Layer 객체 4) map객체2. 지도 위 도형삽입3. 지도.. 2022. 7. 6. [slider] 타임 슬라이더 구현 input range를 활용하여 time slider를 구현하게 되어, 그에 대한 코드들을 아래 정리해보았다 Edge, chorme에서는 정상 작동 되었으나, IE에서는 일부 JS코드와 스타일이 비정상 작동하여, 추후 동기화 되도록 작업 후 코드와 게시글을 수정하였다. 목차 레이아웃 우선 조작을 위한 버튼과 input을 배치할 위치를 정하고, 그에 대한 레이아웃을 먼저 정의하였다. 가급적 내용은 생략하고 어떤 요소들을 가질 것이며 누구의 자식요소로 배치할지를 먼저 작성하였다. 구현 완료된 jsp페이지의 코드를 첨부하자면 아래와 같다. 각 목차별로 뜯어가며 자세히 설명해 볼 예정이다. 참고로 본인의 경우 을 활용하여 작업하였으므로 , 요소가 작성되어있지만 경우에 따라 태그를 다르게 하여도 무관할.. 2022. 6. 24. 요소의 조작 : 제이쿼리 요소의 조작과 관련된 JQuery의 메서드에 대해 정리해보았다. 목차는 다음과 같다. 내용을 표로 간결히 확인할 수 있도록 하였기에 더 자세한 내용은 각 단락별로 첨부된 링크를 통해 확인할 수 있다. 각 메서드별 경계가 모호하다고 느껴질때는 특정 메서드들의 차이점을 검색하여 이해할 수 있다. 1. getter & setter 1) getter 2) setter 2. 요소(컨텐츠)의 추가 3. 요소(컨텐츠)의 복사 및 삭제 1) 복사 2) 삭제 1. getter & setter 1) getter 아래의 보기를 통해 표를 이해할 수 있다. 안녕하세요 메서드 내용 html() 선택요소 하위의 태그와 문자열을 전부 가져옴 ex) 안녕하세요 text() 선택요소 하위의 문자열만 가져옴 ex) 안녕하세요 val().. 2022. 5. 31. aJax와 Json 해당 포스팅의 목차는 다음과 같다. 1. aJax & Json 1) aJax와 Json의 설명과 상관관계 2) 실습 3) 예제 1. aJax & Json 1) aJax와 Json의 설명과 상관관계 ①aJax란? Ajax는 그 자체가 별도의 새로운 언어는 아닙니다. HTML, CSS, 자바스크립트, DOM, XML 등 기존에 사용되던 여러 기술을 함께 사용하는 새로운 개발 기법입니다. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있게 해줍니다. 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다. 출처: http://www.tcpschool.com/ajax/intro 쉽게 말해 화면 깜빡임, 로딩시간 소.. 2022. 2. 23. URL, API 해당 포스팅의 목차는 다음과 같다. 1. URL 1) 프로토콜 2) 쿠키 플러그인 활용 2. API 1) API란? 2) API의 사용 1. URL 인터넷상에서 사용자가 이용하는 웹페이지, 컨텐츠(자원:리소스)의 위치를 나타내는 말이다. 이때 URL은 프로토콜과 자원이름으로 구성되어있다. 프로토콜://호스트주소(:포트번호)/파일경로?전달되는 내용(섹션) https://comic.naver.com/webtoon/list?titleId=616239 1) 프로토콜 서로 다른 컴퓨터간에 통신(인터넷의 웹 페이지 등을 전송)을 하기 위해 지켜야하는 규약이며, 대표적 특징으로는 비연결성(Connectionless)&무상태성(Stateless)이 있다. 이때, 비연결성이기에 무상태성이라는 특징을 지니는 것을 알 필요.. 2022. 2. 22. 이전 1 ··· 3 4 5 6 7 다음 반응형
