Front-End

개요 A preload for 'https://t1.daumcdn.net/tistory_admin/lib/jquery/jquery-3.5.1.min.js' is found, but is not used due to an integrity mismatch. 티스토리(Tistory) 스킨을 수정하는 중에 필자가 사용하는 스킨에 있는 jquery 버전을 높이기 위해 3.2.1에서 3.5.1로 변경하면서 크롬 개발자 도구에서 위의 [Warn] 경고 표시를 만나게 되었습니다. 최근 티스토리 스킨을 수정하면서 Web-Front 지식에 대해 많이 배우고 있고, 위 해결 방법을 기록하기 위해 작성하였습니다. [ 필자가 작성한 코드 ] 발생 원인 및 해결 방법 [stack overflow]에서 해당 원인을 찾을 수 있었..

개요 티스토리(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(리엑트)에 대해 정리할 것이다. 2022년 기준으로 리 엑트는 수많은 프런트 개발자들이 사용하고 있고, 전 세계적으로 인기 있는 기술이다. React(리엑트)란? React(리엑트)는 사용자 인터페이스(UI)를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리이다. 페이스북에서 제공해주는 프런트엔드 라이브러리 유지보수가 쉽고, DOM을 이용하여 데이터 전달 컴포넌트 기반의 방식 JS 기반 [참고 자료] https://ko.reactjs.org/tutorial/tutorial.html#what-is-react 자습서: React 시작하기 – React A JavaScript library for building user interf..

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.18(59일 차_금요일) 이번에는 Struts 2 프레임워크랑 ajax를 사용하여 방명록 게시판을 만들 것이다. 최종 완성 화면은 맨 하단에 첨부하였다. DB 테이블 생성 create table iguest( num NUMBER(9), name VARCHAR2(25), email VARCHAR2(50), content VARCHAR2(4000), ipAddr VARCHAR2(50), created DATE, CONSTRAINT pk_iguest_num PRIMARY KEY(num)); GuestDTO 클래스 생성 package com.iguest; public class GuestDTO { private int listNum;//일련번호 private int num; private Stri..