분류 전체보기(109)
-
[Notion] Notion Web Clipper, 스크랩한 웹페이지를 한 데 모아서 관리하는 방법
Notion Web Clipper 기능을 아시나요? 웹페이지를 저장하고 싶은데 한 데 모아서 관리하고 싶지 않으신가요? 노션 웹 클리퍼(Notion Web Clipper)가 이러한 서비스를 제공합니다. Notion Web Clipper는 웹 브라우저 확장 프로그램으로, 웹 페이지의 내용을 Notion 노트북에 쉽게 저장할 수 있게 해주는 도구입니다. 이 확장 프로그램을 사용하면 내가 저장하고 싶은 웹 페이지를 복사하여 Notion 페이지에 바로 붙여 넣을 수 있습니다. 쉽게 말해서 스크랩한다고 보시면 됩니다. 브라우저에서 제공하는 즐겨찾기 기능도 있지만, 노션 웹 클리퍼가 훨씬 이용하기 편하더라고요! 여러분도 유용하게 사용해 보시길 추천드립니다. 노션(Notion) 가입하기 https://www.noti..
2023.04.09 -
[npm] npm 버전 확인, 초기화, 설치 및 옵션, 삭제 등 기본 사용법
npm(node package manage)는 cdn 방식으로 패키지를 가져와서 사용하는 것이 아니라, 모듈화 된 패키지를 node 환경에서 쉽고 간편하게 설치하고 버전 관리할 수 있는 자바스크립트 패키지 매니저입니다. npm의 기본 사용법에 대해서 알아보겠습니다. npmBring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the cent..
2023.04.05 -
[Utility] Spectacle, 무료로 화면 분할 프로그램 이용하는 법 (for Mac)
Spectacle은 무료로 화면 분할 서비스를 제공해 주는 응용 프로그램입니다. 아쉽게도 더 이상 업데이트 및 유지보수는 하지 않는다고 합니다! 맥유저로써 화면 전환으로도 작업 스페이스를 다양하게 사용할 수 있어서 만족하지만 듀얼 모니터가 아니기에 화면 분할 기능이 너무 강력하게 다가왔습니다. 단축키로 브라우저 창 사이즈를 조절도 할 수 있고 이동도 할 수 있어서 마우스보다는 키보드를 선호하는 저는 무척 만족하는 프로그램이라 이렇게 소개드립니다. Spectacle 홈페이지 접속 Spectacle 홈페이지에 접속하셔서 Download Spectacle 버튼 클릭하셔서, 다운로드하시면 됩니다. Spectacle www.spectacleapp.com Spectacle 응용 프로그램 실행 받아진 파일의 압축을 ..
2023.03.31 -
[firebase] 구글 Firebase로 무료 웹호스팅하는 방법에 대해서 알아보자
이전 포스팅에서 github pages로 간단하게 사이트 url을 생성해 본 적이 있었는데요. [git] github pages로 나만의 포트폴리오 웹페이지 배포해 보기 [git] github pages로 나만의 포트폴리오 웹페이지 배포해보기 개발자들은 버전관리시스템(Version Control Systyem)으로 git을 많이 사용하는데요. github 서비스로, 계정만 있다면 무료로 웹페이지를 호스팅(hosting)할 수 있는 방법에 대해서 알아보겠습니다. 배포할 dev-chim.tistory.com 포트폴리오 페이지나 제안 작업 시, url 생성 및 도메인이 필요할 때가 있습니다. 무료로 웹호스팅을 지원해 주는 사이트들도 다양하지만 본인이 직접 서버를 세팅해 본다는 것이 의미가 있으니, fireba..
2023.03.30 -
[Javascript] 다양한 방법으로 요소의 높이값 구하기, clientHeight, offsetHeight, scrollHeight, getBoundingClientRect().height
다양한 방법으로 요소의 높잇값 구하는 방법에 대해서 알아보겠습니다. 요소의 높이값을 구하는 속성으로 clientHeight, offsetHeight, scrollHeight 그리고 메서드로 getBoundingClientRect().height 가 있습니다. 어떤 차이점이 있는지 알아보도록 합시다. 1. clientHeight 해당 요소의 내부 높이를 반환합니다. 콘텐츠(contents)와 패딩(padding)을 포함하지만 테두리, 스크롤바는 제외합니다. const elHeightValue = el.clientHeight; 2. offsetHeight 해당 요소의 콘텐츠(contents)와 패딩(padding), 테두리(border)를 포함한 전체 높이를 반환합니다. 스크롤바는 제외합니다. const e..
2023.03.28 -
[git] github pages로 나만의 포트폴리오 웹페이지 배포해보기
개발자들은 버전관리시스템(Version Control Systyem)으로 git을 많이 사용하는데요. github 서비스로, 계정만 있다면 무료로 웹페이지를 호스팅(hosting)할 수 있는 방법에 대해서 알아보겠습니다. 배포할 레파지토리(repository)의 Settings 클릭 우선, github 페이지에 접속하셔서 계정 로그인 처리를 합니다. 레파지토리(repository) 목록들 중 내가 배포할 레파지토리를 선택합니다. 아래는 bts_promo 레파지토리를 선택한 화면입니다. Settings를 클릭하세요. Pages 클릭 왼쪽 사이드바 메뉴들 중, Pages를 클릭합니다. 브랜치(branch)를 main으로 변경 Build and deployment > Branch > None을 main으로 S..
2023.03.28