이클립스 java 코드 쪽만 보다가 오랜만에 웹쪽 보게 되어서 javascript 쪽 소스코드를 보는데 이렇게 뭔가 다 주석된것마냥 흑백으로 되어 있다.... 그래서 좀 찾아보니 Window -> Preferences 로 들어가서 General -> Editors -> File Associations 에 . js를 추가해주라는 것이 많이 보여서 했는데 이렇게 추가해도 똑같이 흑백..... 그래도 안돼서 조금 더 찾아보니 Help -> Install New Software로 들어가서 http://download.eclipse.org/releases/photon/ 이거 입력후 검색! Web, XML, Java EE and OSGi Enterprise Development 선택 후 설치! 동의까지 해주면 우측..
Front-End/javascript
new Date() 를 하면 Thu Sep 02 2021 16:15:57 GMT+0900 (한국 표준시) 이런 식으로 나와서 곤란해서 변경하는 방법에 대해서 정리해 보았습니다. var today = new Date(); undefined today Thu Sep 02 2021 16:28:02 GMT+0900 (한국 표준시) moment(today).format('yyyymmdd'); 'yyyy28Th' moment(today).format('yyyyMMdd'); 'yyyy09Th' moment(today).format('yyyyMMDD'); 'yyyy0902' moment(today).format('YYYYMMDD'); '20210902' moment(today).format('YYYYMMDD HH:mm..
Froala Editor License Key 셋팅방법! $('Selector').froalaEditor({ key : 'KEY Value' , ~~ }) 이렇게 발급받은 키값을 셋팅해주고 원하는 옵션들을 적용해주면 완료! 됍니다. ex) $('Selector').froalaEditor({ language : 'ko' , key : 'KEY Value' , height: 400 , zIndex: 5001 , quickInsertButtons: ['table', 'ul', 'ol', 'hr'] , toolbarButtons: ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 'fontF..
option = { title : { text : '' , subtext : '' , x : 'center' } , tooltip : { trigger : 'item' , formatter : '{a} {b} : {c} ({d}%)' } , legend : { orient : 'vertical' , right : 'right' , data : [] , type : 'scroll' } , series : [{ name : 'IP' , type : 'pie' , cursor : 'default' , radius : '55%' , center : [ '50%', '50%' ] , data : [] , itemStyle : { emphasis : { shadowBlur : 10 , shadowOffsetX : ..
자바스크립트 이벤트 중에 클릭한 요소를 가져올때 event 객체의 target 과 currentTarget 프로퍼티가 있습니다. 이 둘의 차이점을 알아보기 위해 아래와 같은 라디오 버튼을 만들었습니다. 최근을 클릭해서 event.target을 확인해 보면 위와 같이 클릭된 요소를 반환 하는것을 볼수 있고 evnet.currentTarget을 확인해 보면 위와 같이 이벤트가 바인딩된 요소를 반환하는 것을 볼수 있습니다. 결론적으로 event.target 은 이벤트 버블링의 가장 마지막에 위치한 최하위 요소를 반환하는 것을 알 수 있고, evenet.currentTarget 은 이벤트가 바인딩된 요소를 반환하는 것을 알 수 있습니다.