[OpenWeatherMap] 무료 날씨 API 키 발급 및 사용법
·
웹개발
웹이나 앱 개발을 할 때 가장 흔하게 쓰이는 초보자 필수 API 중 하나인 OpenWeatherMap(오픈웨더맵)의 회원가입 방법과 무료 API 사용법을 알아보겠습니다. 날씨 데이터가 필요하다면 복잡한 기상청 데이터 대신, 전 세계 날씨를 간편하게 JSON 형태로 제공하는 OpenWeatherMap을 이용해 보세요. 무료 플랜으로도 이용이 가능합니다. 1. OpenWeatherMap 회원가입 및 API Key 발급받기API를 사용하려면 먼저 본인만의 고유한 '인증 키(API Key)'가 필요합니다. Step 1. 공식 홈페이지 접속 및 가입OpenWeatherMap 공식 홈페이지에 접속합니다.우측 상단의 [Sign In]을 누른 후, 로그인 창 아래에 있는 [Create an Account]를 클릭합니다..
[CSS] has
·
웹개발
:has()선택자를 이용해 다른 요소가 특정 상태일 때 다른 요소의 스타일을 제어 .bottom-btn 은 .menu가 .active 가 붙었을 때 사라진다.즉, 메뉴가 열리면 버튼이 사라지는 CSS 이다. css/* 기본 상태: 버튼 보임 */.bottom-btn { opacity: 1; pointer-events: auto; transition: opacity 0.3s ease;}/* 메뉴가 열린 상태를 감지해 버튼 숨김 */body:has(.menu.active) .bottom-btn { opacity: 0; pointer-events: none;} html 하단 버튼
History API
·
웹개발/자바스크립트
브라우저의 세션 기록(session history)을 조작할 수 있게 해주는 웹 표준 API로,페이지를 새로고침하지 않고도 URL 변경 및 탐색 상태 관리를 가능하게 한다.SPA(Single Page Application)에서 라우팅을 구현할 때 자주 사용된다. 즉 앱처럼 메뉴이동 하면서 뒤로가기, Back 버튼 등의 행위를 웹에서 구현할 때 사용하는 API 이다.메뉴 접속 정보들을 기록해두었다가 뒤로가기, 앞으로가기 할 수 있다. 주요 메서드1. history.back()이전 페이지로 이동 (브라우저 ‘뒤로 가기’ 버튼과 동일)history.back(); 2. history.forward()다음 페이지로 이동 (브라우저 ‘앞으로 가기’ 버튼과 동일)history.forward(); 3. history..
[QTS] OpenVPN 설치
·
INFRA
외부에서 회사에서만 접속할 수 있는 사이트에 접속할 일이 생겼다.공유기의 VPN 기능을 사용했었으나, 보안레벨이 낮아서 모바일기기에서는 접속할 수 없었다.방법을 찾던 중, OpenVPN을 통해 접속하는 방법이 있어서 설치방법을 기록한다. QTS라는 NAS서버에서 OpenVPN을 지원하는 QVPN을 설치하여 OpenVPN을 설정하는 방식이다. OpenVPN 설정하기1. QTS에서 QVPN 설치 2. QVPN > openVPN 메뉴 선택 암호화 : AES 256 선택다운로드 버튼 눌러서 .ovpn 파일 다운로드 3. 권한 설정에 들어가서 사용자를 등록한다.- QTS NAS 사용자 기준으로 설정하게 되는데, QVPN에 권한을 부여하면 된다.- 등록된 사용자가 OpenVPN 로그인시에 사용되는 사용자이다. ..
VSCode에서 min 파일 만들기
·
기타
Minify 란minify 란 css, javascript와 같은 파일들을 압축하는 것을 말한다.브라우저가 파일을 다운로드 받을 때, 조금이라도 더 용량을 줄여 빨리 다운로드 될 수 있도록 하는게 주 목적이다."minify"를 적용한 파일에는 보통 파일명 뒤에 .min.js 로 되어 있다. VSCode에서 MinifyAll 설치하기VSCode에서 MinifyAll 를 검색하여 설치한다. min 파일명 규칙을 설정할 수 있다.나의 경우에는 ".min.js"로 설정하였다. 적용방법1 - 파일 목록파일 우클릭 > Minify 명령어 실행 : 해당 파일이 minify가 적용된다. 적용방법2 - 파일 자체파일 자체 우클릭 > Mifiny 기능 선택
브루트포스 공격 (Brute-force attack) (SSH 로그인 공격)
·
INFRA
브루트포스 공격 (Brute-force attack) SSH 로그인 공격이라고도 하는데,암호나 사용자 계정을 자동화된 도구로 무작위로 시도하여 로그인에 성공하려는 공격 방식이다. 로그인에 실패하더라도 서버에는 부하가 갈 수 있다.실제로, 회사 개발서버가 브루트포스 공격으로 인해 서버가 재부팅되는 상황이 있었다. 관련하여 로그를 찾아보니,불특정 IP로 SSH 로그인하려는 시도가 있었다. 그런데, 도중 서버가 재부팅이 되었다는 로그가 남아 있었다. 이런 경우 해결 방안은 여러 가지가 있다.비밀번호 인증 비활성화 → 키 인증루트 로그인 차단SSH 포트 변경fail2ban 등의 자동 차단 도구IP 화이트리스트, VPN 등 접근 제어결과적으로, SSH 포트를 변경하여 문제를 해결하였다. 비밀번호 인증 비활성화키..