✨시작하며윈도우 프로필(계정)에 암호가 걸려있지 않은 경우, 보안 정책 옵션을 변경하지 않는 한 원격 데스크톱 연결이 되지 않는다.윈도우에 비밀번호를 설정하지 않고, RDP를 사용하고 싶다면 아래를 따라 로컬 보안 정책을 수정하자! 🔐로컬 보안 정책 수정실행으로 secpol.msc를 입력하거나, 윈도우 키를 눌러 secpol.msc 또는 로컬 보안 정책을 입력한다. 실행 후 로컬 정책 > 보안 옵션 > 계정: 콘솔 로그온 시 로컬 계정에서 빈 암호 사용 제한을 수정한다.이제 우클릭 > 속성이나 더블클릭을 통해 속성 창을 열어주자. 설정이 사용으로 되어 있다면, 사용 안 함으로 변경 후 확인 버튼을 누른다. 이렇게 간단하게 설정을 바꿔주어 RDP 연결 시 비밀번호를 사용하지 않고도 접속할 수 있게..
Netlify로 생성된 사이트에 대해 도메인을 커스텀화하는 방법을 소개한다. 기본 제공되는 사이트명.netlify.app을 나만의 주소로 변경하기 위해 호스팅케이알에서 도메인을 구입하고 이를 Netlify와 연동하는 과정을 설명한다. 도메인 구입 시 가격, 이벤트 도메인의 환불 불가능성 등을 주의하며, Netlify의 DNS 설정을 통해 도메인을 연동하는 방법을 상세히 서술한다. ✨시작하며 Netlify로 사이트를 생성 시 기본적으로 제공되는 도메인은 사이트명.netlify.app이다. 무료 도메인이라고 생각하면 나쁘지는 않지만, 나는 이를 커스텀 도메인으로 변경해 나만의 주소를 가진 사이트를 만들고 싶었다. 따라서 호스팅케이알(메가존)에서 도메인을 구입한 후 이를 연동하기로 했다! 도메인 구입하기 이미..
사용자가 선택한 항목을 시각적으로 강조하는 코드에 대해 설명한다. 'selected' 클래스를 추가, 제거하여 특정 행을 강조하는 방법을 소개하며, 이를 통해 사용자 경험을 향상시킬 수 있다. 코드의 장점과 개선할 부분을 고려하여, 더욱 효과적인 결과를 도출하는 데 도움이 될 것이다. ✨시작하며 선택된 행을 강조하는 코드가 필요해졌다. 사용 시 사용자가 선택한 항목을 시각적으로 구분함으로써 사용자 경험을 향상할 수 있을 것이다. 🧩코드 조각 selected 클래스가 있는 모든 요소에 배경색을 적용한다. $(document).on("click", "#species-table tbody td", function(){ $("#species-table tbody tr").removeClass('selected'..
인터넷 익스플로러 사용자를 엣지 환경으로 안내하는 방법을 설명한다. 인터넷 익스플로러의 지원 종료에 따라, 웹사이트 호환성과 사용자 경험 향상을 위해 사용자를 엣지로 이동시키는 자바스크립트 코드를 제시하며, 해당 코드의 작동 원리를 분석한다. 이를 통해 익스플로러로 발생하는 문제를 방지하고 웹사이트의 품질을 높일 수 있다. ✨시작하며 인터넷 익스플로러의 지원이 종료되었음에도 현재까지 많은 사용자가 익스플로러를 사용하고 있다. 왜 사용자들을 엣지 환경으로 안내해야 할까? 바로 이 작업을 통해 웹사이트 호환성과 사용자 경험을 향상하고, 익스플로러로 인해 발생하는 여러 문제를 방지할 수 있다. 상황에 맞게 적절하게 사용하자. 어떻게 이동시켜야 할까? if(/MSIE \d|Trident.*rv:/.test(na..
사용자가 직접 유튜브 주소 ID를 입력받아 썸네일을 가져오는 방법과 유튜브 주소 ID값과 썸네일 주소를 어떻게 가져오는지 상세히 안내한다. 또한, 유튜브 썸네일 주소 파일명에 따른 다양한 썸네일 크기와 화질을 확인할 수 있게 안내한다. ✨시작하며 게시판 작업 중, 유튜브와 관련된 기능이 추가로 필요해졌다. 원래는 게시글 내용에 첫 번째로 첨부된 유튜브 값을 바탕으로 썸네일을 가져오려고 했으나, 사용자가 직접 본문에 유튜브 영상을 임베드하지 않아도 되는 것과 로직을 간결하게 만들기 위해 사용자로부터 유튜브 주소 ID값을 직접 입력받기로 했다. 기본 로직 게시글 작성 폼에서 유튜브 썸네일 사용여부를 라디오 버튼을 통해 선택한다. default로 미사용이 선택되어 있으며, 미사용이 사용된 경우 ID값을 입력하..
Postman을 이용해 API 테스트와 POST 요청 전송을 진행하는 과정에서, 사용자에 따라 변경되는 정보를 변수로 받아 처리하는 방법을 찾아냈다. 처음에는 Params의 Key와 Value를 이용했으나, 원하는 결과를 얻지 못해 Postman의 Pre-request Script를 활용하게 되었다. 이를 통해 변수를 효율적으로 사용하며 작업을 수행하게 되었다. ✨시작하며 API 테스트 및 POST 요청 전송을 위해 Postman을 다시 사용하게 되었다. 내가 전송할 데이터는 카카오 알림톡 데이터라 우선 Body > raw를 설정해 주고 raw 값을 입력해 주었다. 문제는 알림톡을 테스트 및 전송 시마다 사용자에 따라 전화번호나 이름 등의 정보가 변경될 텐데 이 정보를 하나하나 손수 커서를 맞춰 값을 수..
CKEditor 4 사용 중 발견한 보안 취약점과 이를 해결하기 위한 과정을 설명하는 글이다. WYSIWYG 에디터인 CKEditor에서 소스 편집 기능을 활용할 때 보안 규칙이 적용되지 않는 문제를 발견하고, 이를 해결하기 위해 여러 방법을 시도해 보았다. HCL AppScan Source를 활용해 보안 취약점을 찾아내는 과정, Eclipse IDE에 플러그인을 설치하는 방법, 그리고 진단 결과까지 자세히 기술하였다. 이 글을 통해 보안 취약점 테스트와 이를 해결하는 방법에 대한 이해를 돕고자 한다. ✨시작하며 현재 내가 진행 중인 프로젝트에서는 WYSIWYG 에디터로 CKEditor 4를 사용하고 있다. CKEditor에서는 소스 편집 기능을 제공한다. 일반적으로 사용자가 에디터에 글을 작성 시 보안..
Tomcat server의 기본 업로드 용량 제한이 원인이었으며, 이를 server.xml의 maxPostSize 값을 byte 단위로 변경하여 해결했다. 프로젝트의 게시판에서 다양한 종류의 파일을 업로드할 수 있도록 용량 제한을 50MB로 설정했다. ✨시작하며 전자정부 프레임워크에서 일정 용량 이상의 첨부파일을 게시판에 업로드 시 콘솔에서 500에러가 발생하여 분석을 시작했다. the request was rejected because its size (2498254) exceeds the configured maximum (2097152) 콘솔의 가장 마지막 줄에서 발견한 Caused by: org.apache.tomcat.util.http.fileupload.impl.SizeLimitExceeded..
JSP에서 페이스북 피드 게시물 정보를 크롤링하는 방법을 알아보자. 페이스북 개발자 계정과 페이스북 앱을 준비하고, 그래프 API를 사용해 액세스 토큰을 발급받는 과정을 거친다. 단기, 장기, 영구 액세스 토큰의 발급과 연장 방법에 대해 설명하고, JavaScript 코드를 통해 사용자의 게시글을 불러오는 방법을 제공한다. ✨시작하며 업무 중 JSP에서 페이스북 피드 게시물 정보를 크롤링하는 작업이 필요해졌다. 해당 기능 구현을 위해서는 페이스북 개발자 계정과 페이스북 앱이 필요하다. API 연동을 위한 사전 준비는 아래를 읽어보고 참고하면 된다. 사전 준비 API를 이용하기 위해서는 1. 페이스북 개발자 계정과 2. 페이스북 앱이 필요하다. 먼저 Meta for Developers에 접속한 후 기존 페..
JSP를 이용해 인스타그램 피드를 크롤링하는 방법에 대한 디테일한 가이드. 페이스북 개발자 계정과 페이스북 앱, 인스타그램 프로페셔널 혹은 비즈니스 계정이 필요하며 API 연동을 위한 사전 준비에 대한 설명을 시작으로, 앱 생성 및 설정, 플랫폼 추가, API 설정 등의 과정을 차근차근 안내한다. 단기 액세스 토큰을 발급받아 장기 액세스 토큰으로 변환하는 방법, 사용자 프로필과 미디어를 가져오는 방법, 게시글 불러오기 등 세부적인 과정까지 자세히 설명되어 있다. 본 가이드를 따라하면 JSP에서 인스타그램 피드 게시물 정보를 효과적으로 크롤링할 수 있다. ✨시작하며 업무 중 JSP에서 인스타그램 피드 게시물 정보를 크롤링하는 작업이 필요해졌다. 해당 기능 구현을 위해서는 페이스북 개발자 계정과 페이스북 앱..