JavaScript 썸네일형 리스트형 [외부 JS] 달력 관련 JS (Fullcalendar) 데모 이렇게 나온 달력을 다양한 방식으로 컨트롤 할 수 있습니다. 다운 경로 https://fullcalendar.io/ 압축 해제 후 시연 화면 달력 관련 JS 로 FullCalendar.js를 소개 하려 합니다. Jquery 에서 제공하는 https://jqueryui.com/datepicker/ 도 나중에 보시면 좋을 것 같네요. JavaScript 구현부 데모를 받아보시게 되면 위와 같은 방식으로 옵션을 설정할 수 있습니다. 먼저 init은 화면이 보여질 때 캘린더의 기본 옵션을 지정해주는 곳입니다. 위에서 부터 천천히 훑어 내려가면 풀 캘린더를 보여줄 div id를 지정하는 곳 입니다. 저 calendar id를 가진 div에 캘린더가 보여지게 됩니다. 옵션 - themeSystem : 달력의 .. 더보기 [Javascript] 자바스크립트의 빈값 체크 (+숫자, 배열도 한꺼번에) 자바스크립트 빈값 체크 자바스크립트 빈 값들인 "", null, undefined, 0, NaN 가 false를 return 한다는 것을 알고 계셨나요!? 코드를 보며 설명을 드리고, 위 빈값들과 배열, 객체의 빈값을 한번에 체크할 수 있는 소스를 소개 하려 합니다. Javascript 이렇게 "" 과 null 그리고 undefined를 초기값으로 주고 if문 안에 넣게 되면 각각의 값들은 false를 return하게 되어 비어있다는 log를 확인할 수 있습니다. Console 이렇게 간단히 값을 체크하고자 할 때는 위의 코드를 사용하셔도 됩니다. 다만 ! 주의할 점들이 있습니다. 1) 숫자 0 같은 경우에 if문 안에서 false를 return하기에 아래와 같이 숫자 0이 원하는 값임에도 불구하고 fa.. 더보기 [이클립스]CV는 그만! 나만의 스페셜한 자동 완성 기능 Template 활용 소개 코딩을 새로 시작하거나 기존에 코딩을 하던 분들이 가장 많이 하게 되는게 Ctrl + C, V인데 새로운 소스를 붙여 넣는 행위도 있지만, 기존 소스들을 찾아 붙여 넣는 패턴도 많이 있습니다. 기존 소스들 중 자주 사용하는 소스들을 매번 찾는 시간을 줄이는 방법을 소개 하려 합니다. 이클립스의 template 기능으로 나만의 소스를 저장해둬서 필요할 때마다 쉽고 간편하게 사용 할 수 있는 기능입니다. 자동완성 기능 사용하기 이클립스에서 코딩하다보면 다음과 같은 화면을 많이 볼 수 있습니다. for 를 입력하고 Ctnl + space 를 눌렀을 때 나오는 것으로기본적으로 제공하고 있는 자동완성기능입니다. for 로 시작되는 자동완성이 많이 있네요. 선택해보면 for 문이 완성되고 커서가 for문 안에.. 더보기 [오픈소스] chartjs를 이용한 차트 오픈소스인 chartJS를 이용하여 차트를 표현해보려고 합니다! https://jsfiddle.net/ jsfiddle 은 html과 css, javascript를 웹에서 작성해서 바로 테스트할 수 있는 사이트입니다! ※ 유사한 사이트로는 https://codepen.io/pen/ : 여러 오픈소스들이 많이 존재합니다. 로그인을 하지 않고도 사용이 가능하며, 따로 소스를 저장하거나 공유하는 기능을 사용하기 위해서는 회원가입 후 사용하시면 됩니다! jsfiddle은 크게 4가지 영역으로 나뉩니다. 좌측 상단의 HTML 영역에는 이나 , 태그를 생략한채 태그 내에 들어갈 코드만 입력하면 됩니다. 우측 상단의 css입력창에는 css코드를 입력하고 좌측 하단의 js입력창에는 태그를 제외한 스크립트 코드를 작성하.. 더보기 [API] 보행자 경로 구현 (Tmap API) 난이도는 아무 지도나 기본 지도만을 띄울 수 있다면 필요할 때 Copy & Paste하실 수 있을 것 입니다. 홍대입구역에서 출발하여 홍대 놀이터, 트릭아이 미술관을 거쳐 한큐에 자바 학원까지 걸어서 가보도록 하겠습니다. 여러 지도 API 중 보행자 경로에 대한 지원이 있는 Open API는 바로 TMap! 단 한 곳이었습니다. 다음은 2017.11.13. 기준 알아본 대표적인 지도 API의 보행자 경로 관련 입장입니다. 네이버 - 경로 관련 API는 추후 제공할 계획은 있으나 현재는 제공하지 않음. 구글 - 보행자 경로는 제공되지 않음. 대중교통만 제공함. 한국 법률상 도보 경로는 불가하다고 함. 다음 - 기능 사용은 가능하나, Open API로는 제공하지 않음 (제가 알아본 주관적인 정보입니다. 이 .. 더보기 이전 1 다음
