본문 바로가기

웹 애플리케이션3

Tippy.js, Popper.js 사용법 tooltip 툴팁 예제 Popper.js를 활용한 툴팁 구현 방법 안녕하세요, 여러분! 오늘은 다양한 기능을 제공하는 툴팁(tooltip)을 소개하려고 합니다. 툴팁은 웹 애플리케이션에서 매우 유용한 기능 중 하나로, 사용자에게 추가 정보를 제공하거나 설명을 더하는 데 도움을 줄 수 있습니다. 이번 포스팅에서는 무료 라이브러리인 Popper.js를 활용하여 툴팁을 어떻게 구현할 수 있는지 알아보겠습니다. 소개: Popper.js와 툴팁 Popper.js는 툴팁 및 팝오버(popover)를 최적의 위치에 놓을 수 있도록 도와주는 라이브러리입니다. 툴팁을 정확하게 원하는 위치에 배치하는 것은 꽤 복잡한 작업일 수 있습니다. Popper.js는 이런 어려움을 더욱 쉽게 해결할 수 있도록 도와줍니다. 또한 이 라이브러리는 부트스트랩과.. 2023. 9. 2.
리액트 초기 세팅 환경 구축하기: Windows에서의 React 설치 가이드 리액트 환경 구축하기: Windows에서의 React 설치 가이드 안녕하세요! 이번에는 리액트(React)를 Windows 환경에서 설치하는 방법에 대해 알아보겠습니다. 리액트는 페이스북에서 개발한 프론트엔드 라이브러리로, 주로 컴포넌트 기반의 개발에 중점을 두고 있습니다. 이제부터 순차적으로 진행해보겠습니다. 리액트 초기 세팅 전 준비 사항 리액트를 설치하기 전에 몇 가지 준비 사항이 필요합니다. 아래와 같이 진행해보세요. Node.js 설치: 리액트를 사용하기 위해서는 Node.js가 필요합니다. Node.js는 Webpack과 Babel과 같은 도구를 사용하기 위해 필요한 기반 환경을 제공합니다. Node.js 공식 웹사이트에서 설치하세요. Yarn 설치: Node.js와 함께 설치되는 패키지 매니.. 2023. 8. 22.
session method 세션 메소드 .setAttribute() .getAttribute() .invalidate() .setMaxInactiveInterval() .isNew() 세션 메소드: 유용한 세션 관리 기능들 서론 웹 애플리케이션에서는 사용자의 상태를 유지하고 데이터를 저장하는 데 세션(session)이 매우 중요합니다. 세션은 클라이언트와 서버 간의 상태 정보를 저장하는 데 사용되며, 사용자가 웹 사이트를 둘러보는 동안 일시적인 데이터를 보존하는 데 유용합니다. 자바 웹 애플리케이션에서는 세션 관리를 위해 다양한 메소드를 제공합니다. 이 글에서는 자바의 세션 메소드를 소개하고, 각 메소드의 사용법과 기능을 살펴보겠습니다. 세션 메소드 개요 자바 웹 애플리케이션에서는 javax.servlet.http.HttpSession 인터페이스를 통해 세션과 관련된 다양한 메소드를 사용할 수 있습니다. 각 메소드는 세션의 속성(attribute)을 설정하거나 가져오는 데 사용되며, .. 2023. 7. 31.