본문 바로가기

Development

(19)
깔끔한 모던 날씨 카드 디자인 HTML과 CSS만 이용해서 만든 날씨 카드 샘플이다. 영감은 https://story.pxd.co.kr/1379 그래프는 생각보다 어렵기 때문에(이미지가 아니면 좀 복잡하다) 제외했다. 생각보다 깔끔하게 디자인이 나왔다.
MariaDB( MySQL) 서버 재시작 오류 문제 해결 sudo touch /var/log/mysql/maraidb-bin.index 위와 같이 파일을 만들어 준다.
주식 시세 라이브러리 krx-stock-api 공개 KRX(한국거래소)의 주식 시세 API를 사용하기 쉽게 라이브러리로 만들었습니다. ※ 라이브러리 사용에 따른 책임은 사용자 본인에게 있습니다. https://www.npmjs.com/package/krx-stock-api
CSS) 한가운데 div 배치하기(가로세로중앙정렬) 예를 들어 아래와 같은 코드가 있을 때,article을 중앙에 배치하기 위해 flex를 사용한다면, .container의 스타일을 다음과 같이 설정할 것이다..container{ display:flex; justify-content:center; align-items:center; }그러나 이는 실패한다.가로로는 정렬이 되었지만, 세로로는 위에 붙어있다. 세로로도 중앙 정렬을 해야 한다.그렇다면 어떻게 하면 article을 한가운데에 배치할 수 있을까?한줄만 추가해주면 된다..container{ display:flex; justify-content:center; align-items:center; height:100vh }vh는 viewport height의 약자이다.이제 .container는 사용자가 ..
SSH 포트를 막고 연결을 끊었을 때 복구방법 예를 들어 ufw deny 22 같은 명령어를 칠 사람은 거의 없겠지만, 방화벽을 켜놓고 ufw allow 22를 안한 경우도 있을 것이다. 게다가 호스팅을 사용하는 경우에는, 더욱 곤란할 수 밖에 없다. 그렇지만, AWS를 사용할 때에는 좋은 방법이 있다.먼저 해당 EC2 인스턴스의 디스크를 복사해서 다른 ec2 인스턴스로 연다. 여기서 다른 ec2 인스턴스를 여는것은, 다른 추가 디스크로 열어야한다그 다음, 해당 인스턴스로 ssh 접속을 한다./etc/ufw/ufw.conf를 편집기로 열고 ENABLED=no로 바꾼다.그 다음 해당 디스크를 바탕으로 원래 쓰던 서버의 디스크 이미지를 교체한다
vue-naver-maps 문서 vue-naver-maps의 Docs를 개선해서 깃허브로 배포했습니다.주소 : https://shin-jaeheon.github.io/vue-naver-maps기존의 마크다운보다 훨씬 미려한 디자인과 더불어, 내용을 좀 더 추가하거나 다듬었습니다. vue-naver-maps는 https://www.npmjs.com/package/vue-naver-maps 에서 다운로드가 가능합니다.yarn : yarn add vue-naver-mapsnpm : npm install vue-naver-maps
vue-naver-maps vue-naver-maps 네이버의 지도 API를 Vue로 간편하게 사용할 수 있게하는 라이브러리입니다.이 라이브러의 목표는 사용자가 직접 지도 클래스를 다루지 않고도 자바스크립트 기본 타입만으로 다룰 수 있도록 하는 것입니다. 아래의 내용은 이전 정보입니다. 자세한 내용은 https://shin-jaeheon.github.io/vue-naver-maps을 참조하여주시기 바랍니다. 현재 지원하는 컴포넌트 naver-maps 네이버 지도naver-marker 마커 컴포넌트naver-info-window InfoWindow 컴포넌트시작하기설치 방법yarn 사용을 권장드립니다.yarn : yarn add vue-naver-mapsnpm : npm install vue-naver-maps네이버에서 발급된 지도 ..
CSS에서의 vh와 vw vh : Viewport Heightvw : Viewport Width 예를 들어 화면을 꽉 채우고 싶을 때(Content의 넓이가 100%가 안되더라도) width: 100vw;height: 100vh; 로 하면 보이는 화면의 100%로 된다.즉 1vw와 1vh는 각각 가로 1%와 세로 1%이다.