Front-End/javascript

이클립스 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 선택 후 설치! 동의까지 해주면 우측..

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 : ..

대문자 변환 toUpperCase() 사용 소문자 변환 toLowerCase() 사용

자바스크립트 이벤트 중에 클릭한 요소를 가져올때 event 객체의 target 과 currentTarget 프로퍼티가 있습니다. 이 둘의 차이점을 알아보기 위해 아래와 같은 라디오 버튼을 만들었습니다. 최근을 클릭해서 event.target을 확인해 보면 위와 같이 클릭된 요소를 반환 하는것을 볼수 있고 evnet.currentTarget을 확인해 보면 위와 같이 이벤트가 바인딩된 요소를 반환하는 것을 볼수 있습니다. 결론적으로 event.target 은 이벤트 버블링의 가장 마지막에 위치한 최하위 요소를 반환하는 것을 알 수 있고, evenet.currentTarget 은 이벤트가 바인딩된 요소를 반환하는 것을 알 수 있습니다.

string 형태를 json 으로 변경하는 방법은 JSON.parse()를 아래와 같이 사용하면 됍니다. 바뀐 json 파일을 다시 sting 으로 변환하려면 JSON.stringify()를 이용하면 됍니다.

javascript 에서 특정문자를 제거할때 replace 함수를 사용하는데 sting.replace('-','') 이렇게 사용하면 맨처음에 있는 - 기호만 삭제되고 나머지는 삭제가 되지 않는다. -가 특수문자라서 이렇게 sting.replace(/\-/g,''); 정규식으로 특수문자 제거하는 방식으로 제거하면 된다.

정규표현식이란 특정 패턴의 문자열을 의미하며, 이를 통해 이 문자열에서 특정 단어나, 특정 패턴을 가진 문자열을 찾아낼 수 있다. 자바스크립트는 기본 내장(Built-in)객체로 RegExp 객체를 탑재하며, RegExp 객체의 test 또는 exec 메소드를 이용해 정규표현식을 이용한 패턴 매칭이 가능하다. 정규 표현식 패턴(Regular Expression Pattern)생성하기 정규 표현식의 패턴 여러 문자들로 이루어지며 사용자는 원하는 패턴을 두개의 /(Slash)사이에 적게된다. /(Slash)는 delimiter로써 프로그래밍 언어에서 해당 패턴의 시작과 끝을 알린다. 또한 / 뒤에 정규 표현식 검색 옵션을 적을 수도 있다. 12var expression = /abc/; //abc문자열을 뜻한..

뭐가 들어간건지 확인하려고 console.log('A'); 이렇게 코딩하고 확인을 했는데 콘솔창에 [ object object ] 이렇게 뜬다.... 이건 A가 json 파일이라서 나오는 형태로 내용을 확인 하려면 console.log('JSON.stringify(A)'); 이렇게 확인을 해보면 json 형태로 잘 나오는 것을 확인 할 수 있다.