JSP에서 템플릿 리터럴에 백틱을 사용하면 에러가 나는 이유

✨시작하며JSP에서 템플릿 리터럴에 백틱을 사용하면 데이터가 제외되고 출력된다.어떻게 하면 템플릿 리터럴을 출력하도록 할 수 있을까?   🧩코드 조각바로 ${count} 앞에 역슬래시(\)를 입력하면 된다!아래의 코드처럼 리터럴 앞에 역슬래시를 붙이게 된다면, 템플릿 리터럴 값이 정상적으로 출력되는 것을 확인할 수 있다.간단한 예를 들어보자.HTML과 같은 경우에서는 현재 ${count}번 입니다.라고 입력해도 count값이 잘 출력되겠지만, JSP에서는 현재 번 입니다.처럼 출력된다.JSP에서는 현재 \${count}번 입니다.처럼 입력해야 현재 ${count}번 입니다.처럼 출력된다.// 클릭하면 항목 추가var count = 1;function fn_dataAdd(e) { count++; ..

• format_list_bulleted Troubleshooting
• · 2023. 11. 14.
• textsms

HCL AppScan Source로 웹 취약점 진단하기

CKEditor 4 사용 중 발견한 보안 취약점과 이를 해결하기 위한 과정을 설명하는 글이다. WYSIWYG 에디터인 CKEditor에서 소스 편집 기능을 활용할 때 보안 규칙이 적용되지 않는 문제를 발견하고, 이를 해결하기 위해 여러 방법을 시도해 보았다. HCL AppScan Source를 활용해 보안 취약점을 찾아내는 과정, Eclipse IDE에 플러그인을 설치하는 방법, 그리고 진단 결과까지 자세히 기술하였다. 이 글을 통해 보안 취약점 테스트와 이를 해결하는 방법에 대한 이해를 돕고자 한다. ✨시작하며 현재 내가 진행 중인 프로젝트에서는 WYSIWYG 에디터로 CKEditor 4를 사용하고 있다. CKEditor에서는 소스 편집 기능을 제공한다. 일반적으로 사용자가 에디터에 글을 작성 시 보안..

• format_list_bulleted Programming/Security
• · 2023. 11. 5.
• textsms

페이스북 피드 데이터를 크롤링하려면 어떻게 해야할까?

JSP에서 페이스북 피드 게시물 정보를 크롤링하는 방법을 알아보자. 페이스북 개발자 계정과 페이스북 앱을 준비하고, 그래프 API를 사용해 액세스 토큰을 발급받는 과정을 거친다. 단기, 장기, 영구 액세스 토큰의 발급과 연장 방법에 대해 설명하고, JavaScript 코드를 통해 사용자의 게시글을 불러오는 방법을 제공한다. ✨시작하며 업무 중 JSP에서 페이스북 피드 게시물 정보를 크롤링하는 작업이 필요해졌다. 해당 기능 구현을 위해서는 페이스북 개발자 계정과 페이스북 앱이 필요하다. API 연동을 위한 사전 준비는 아래를 읽어보고 참고하면 된다. 사전 준비 API를 이용하기 위해서는 1. 페이스북 개발자 계정과 2. 페이스북 앱이 필요하다. 먼저 Meta for Developers에 접속한 후 기존 페..

• format_list_bulleted Programming/API
• · 2023. 10. 27.
• textsms

인스타그램 피드 데이터를 크롤링하려면 어떻게 해야할까?

JSP를 이용해 인스타그램 피드를 크롤링하는 방법에 대한 디테일한 가이드. 페이스북 개발자 계정과 페이스북 앱, 인스타그램 프로페셔널 혹은 비즈니스 계정이 필요하며 API 연동을 위한 사전 준비에 대한 설명을 시작으로, 앱 생성 및 설정, 플랫폼 추가, API 설정 등의 과정을 차근차근 안내한다. 단기 액세스 토큰을 발급받아 장기 액세스 토큰으로 변환하는 방법, 사용자 프로필과 미디어를 가져오는 방법, 게시글 불러오기 등 세부적인 과정까지 자세히 설명되어 있다. 본 가이드를 따라하면 JSP에서 인스타그램 피드 게시물 정보를 효과적으로 크롤링할 수 있다. ✨시작하며 업무 중 JSP에서 인스타그램 피드 게시물 정보를 크롤링하는 작업이 필요해졌다. 해당 기능 구현을 위해서는 페이스북 개발자 계정과 페이스북 앱..

• format_list_bulleted Programming/API
• · 2023. 10. 27.
• textsms