jQuery로 선택한 테이블 행 강조하기

사용자가 선택한 항목을 시각적으로 강조하는 코드에 대해 설명한다. 'selected' 클래스를 추가, 제거하여 특정 행을 강조하는 방법을 소개하며, 이를 통해 사용자 경험을 향상시킬 수 있다. 코드의 장점과 개선할 부분을 고려하여, 더욱 효과적인 결과를 도출하는 데 도움이 될 것이다. ✨시작하며 선택된 행을 강조하는 코드가 필요해졌다. 사용 시 사용자가 선택한 항목을 시각적으로 구분함으로써 사용자 경험을 향상할 수 있을 것이다. 🧩코드 조각 selected 클래스가 있는 모든 요소에 배경색을 적용한다. $(document).on("click", "#species-table tbody td", function(){ $("#species-table tbody tr").removeClass('selected'..

• format_list_bulleted HTML, CSS, JS
• · 2023. 11. 11.
• textsms

드래그 앤 드롭 데이터를 Input에 넘기는 방법

Drag and Drop Event로 첨부파일을 업로드하는 과정에서 발생한 문제와 해결 과정을 담은 글이다. 파일을 Drag and Drop하여 업로드하는 기능이 적용되지 않는 문제를 발견하고, 이를 해결하기 위해 코드를 분석하며 여러 시도를 했다. 이 과정에서 뤼튼의 도움을 받아 문제를 해결했는데, jQuery 이벤트 객체를 사용하면 e.dataTransfer가 정의되지 않는 문제를 발견했다. 이를 바탕으로 코드를 수정하니 문제가 해결되었다. ✨시작하며 전자정부 프레임워크에서 프로젝트 수행 중 첨부파일 부분은 Drag and Drop Event가 정상적으로 적용되었는데, 파일첨부와 썸네일이 들어가는 게시판 스킨들에서 썸네일을 Drag and Drop Event로 등록 시 정상적으로 첨부파일이 업로드가 ..

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

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

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

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

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

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

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