Welcome to my space
Thanks for stopping by

1️⃣ 버튼 HTML 코드 넣기body> 바로 위에 아래 코드를 넣어줍니다. ↑↓2️⃣ JavaScript 기능 코드 삽입3️⃣ CSS 스타일 추가 /* 상단/하단 이동 스크롤 */#goTopBtn { position: fixed; /* 화면에 고정되어 스크롤해도 항상 보임 */ bottom: 50px; /* 화면 아래에서 50px 위에 위치 */ right: 20px; /* 화면 오른쪽에서 20px 안쪽에 위치 */ z-index: 999; /* 다른 요소 위에 보이도록 레이어 우선순위 높임 */ border: none; outline: none; background-color: #7aa7ff; color: white; cursor: pointer; padding:..

프론트엔드 개발에서 디자인을 더 쉽게 구현할 수 있도록 도와주는 유용한 사이트입니다.🔲 CSS 버튼 생성기 (Best CSS Button Generator)버튼 디자인을 빠르고 쉽게 만들 수 있는 사이트입니다.마우스로 클릭만으로 예쁜 CSS 버튼을 생성하고, 생성된 코드를 복사해서 바로 사용할 수 있어요. 🔗 https://www.bestcssbuttongenerator.com/ A useful tool for designing css buttonsButton generator is a free online tool that allows you to create cross browser css button styles.www.bestcssbuttongenerator.com🎨 컬러 헌트 (Color..

프론트엔드 개발할 때 자주 참고하는 UI 컴포넌트와 아이콘 등 사이트 모음입니다.React나 Angular 입문자분들께도 추천합니다!🌿 PrimeNGAngular 전용 UI 컴포넌트 라이브러리 🔗 https://primeng.org/ PrimeNG - Angular UI Component LibraryThe Next-Gen UI Suite for Angular Enhance your web applications with PrimeNG's comprehensive suite of customizable, feature-rich UI components. With PrimeNG, turning your development vision into reality has never been easier. O..

✨ 목표Express로 만든 Node.js 서버에 HTTPS(SSL)를 적용하고, Let's Encrypt(무료 SSL 인증서)를 이용하여 자동 갱신까지 구성합니다.운영 환경은 Cafe24 리눅스 가상서버(CentOS 7) 기준입니다. 📦 주요 작업 요약Certbot 설치 (Let’s Encrypt 클라이언트)SSL 인증서 발급 (도메인 필요)Node.js 서버에 HTTPS 적용인증서 자동 갱신 설정PM2를 통한 HTTPS 서버 운영✔️ 1. Certbot 설치 (CentOS 7) sudo yum install epel-release -ysudo yum install certbot -yLet’s Encrypt 클라이언트인 certbot을 설치합니다.✔️ 2. 인증서 발급 (도메인 필요) 도메인이 you..

✨ 목표Cafe24에서 도메인을 구매하고, 구매한 도메인을 기존 PM2로 배포한 Node.js(Express) 서버에 연결하여,IP주소가 아닌 http://도메인주소:포트번호 형태로 접근할 수 있도록 설정합니다. 📦 주요 작업 요약Cafe24에서 도메인 구매도메인을 Cafe24 리눅스 서버에 연동Express 서버 포트 개방 확인Cafe24 방화벽 설정 확인도메인으로 Express 서버 접속 테스트✔️ 1. 도메인 구매 및 연결1️⃣ Cafe24 도메인 등록 서비스로 이동 2️⃣ 원하는 도메인을 검색하고 등록 검색 후, 체크박스가 없는 것은 사용을 못하는 주소 도메인입니다.테스트나 공부할 땐, 당시 저렴한 store나 shop으로 구매 후 진행하였음. 3️⃣ 구매 완료 후, 대표 도메인 설정 나의 서비..