javascript

개요 티스토리(Tistory)에서 코드 블록을 꾸미기 위해 highlight.js를 적용하다가 개발자 도구에서 하단의 경고 표시를 만나게 되었고, 해당 문제는 XSS 등 보안적으로 위험한 부분이기에 해당 부분에 대한 해결 방법에 대해 정리하게 되었습니다. highlight.min.js:265 One of your code blocks includes unescaped HTML. This is a potentially serious security risk. highlight.min.js:266 https://github.com/highlightjs/highlight.js/wiki/security highlight.min.js:267 The element with unescaped HTML: 발생 원인 위..

2022.04.13(77일 차) React(리 엑트)를 시작하기 전에 JavaScript ES6에 대해 정리할 것이다. 리 엑트를 배우기 전에 JavaScript ES6의 개념을 알고 있어야 한다. Tool은 VS코드(Visual Studio Code)를 사용할 것이다. Visual Studio Code(VS코드) 설치 [Visual Studio Code] 설치 링크 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is fr..

이번에는 Javascript (자바스크립트)에 대해 정리할 것이다. 자바스크립트를 정리하기 전에 두 개의 궁금증을 먼저 풀어보겠다. 나 또한 그랬고, 다른 분들도 충분히 궁금해할 사항이다. @ Javascript = JS 먼저 Javascript를 찾아봤다면 한 번쯤 들어봤을 것이다. JS_ES6, JS_ES5.. 저 뒤에 붙는 ES는 무엇이고, 숫자는 어떤 의미를 갖고 있을까? 1. ES6? ES5? 무슨 차이일까 먼저 JS 뒤에 붙는 ES숫자는 ECMA 스크립트를 의미한다. 나는 ECMA 스크립트라는 말을 처음 접하게 되었고, Javascript를 처음 배우는 어떤 버전을 배워야 할지 몰랐다. EcmaScript (ES)는 자바스크립트의 Specification(비유하자면 설명서)이고, ES 뒤에 붙..

2022.03.17(58일 차_목요일) JSON 표기법 JSON는 JavaScript Object Notation의 약자 서로 다른 프로그래밍 언어 간에 데이터를 교환하기 위한 표기법 Key(이름) , Value(값)으로 이루어진 객체 구조 JSON의 기본적인 형태 // 1) 프로퍼티 값 var obj = { "프로퍼티 이름" : "값", } // 2) 메소드 var obj = { "메소드 이름" : function() {alert('This is method')} } // 3) 메소드(인수) var obj = { "메소드 이름" : function(인수) {alert('This is method')} } Javascript 객체 생성 memberJson.js 생성 // 자바스크립트로 패키지를 만들수 있..

2022.03.16(57일 차_수요일) 이번에는 ajax를 활용하여 유효한 ID 체크하기 및 자주 사용하는 소스를 따로 javascript 함수로 만들 것이다. Ajax를 활용하여 유효한 ID 체크 일단 DB가 없으므로 DB 쿼리문을 썼다는 가정 하에 "suzi"를 입력해야 유효한 아이디라고 출력되도록 하였다. "suzi"를 제외한 다른 텍스트를 입력하면 유효하지 않은 아이디라고 나오도록 하였다. ajaxId.jsp -(요청 전송 페이지) Ajax ID 확인 아이디: 이번 소스들은 이전 ajax관련 소스들과 크게 다른 점이 없이 겹치는 부분은 생략하였다. 태그 안에 를 보자. 태그 안에 onkeyup = "requestGet(); 을 써서 손가락을 뗄 때마다 함수를 실행하도록 하였다. 그래서 입력할때 한..

2022.03.16(57일 차_수요일) ★이번에는 Get방식, Post방식으로 데이터를 보내는 방법에 대해 정리하고자 한다. Get 방식으로 데이터 보내기 - 버튼 클릭 시 Text가 출력된다. 버튼을 클릭하면 Hello Ajax!!! 텍스트가 나오는 예제이다. helloAjax.jsp - (요청 전송 페이지) JS를 통한 ajax 구현 Hello Ajax helloAjax_ok.jsp - (응답 페이지)