2021/06 8

노션 템플릿 만드는 방법 노션 동일한 콘텐츠 반복적으로 추가하는 방법

노션을 쓰다 보면 템플릿이 필요할 때가 있다. 지속적으로 동일한 포맷을 분기별, 일자별로 만들어서 쓸 경우 비슷한 형태의 포맷을 템플릿으로 만들어서 부르는 것이 가능하다. 노션이 만들어준 템플릿 가져오기 노션의 신규페이지를 만들면 템플릿이라는 버튼이 있다. 템플릿을 누르면 노션에서 이미 만든 노션 템플릿 들을 사용할 수 있다. 이미 양질의 템플릿을 많이 제공 중이라서 이 안에서도 충분히 원하는 템플릿을 찾을 수 있다. 하지만, 디자인, 교육, 엔지니어링 등 다양한 포맷에서 가져오는 것이 가능한데, 이런 템플릿 외 내가 쓸 매우 간단한 템플릿을 주기적으로 쓰고 싶을 때도 있다. 마찬가지로 내가 만든 템플릿도 언제든지 가져오는 것도 가능하다. 개인적으로 템플릿 만들어서 사용하기 노션 /템플릿을 해보면 템플릿..

etc./Notion 2021.06.27

노션 표 복사 하는 방법 (복제와 링크복사 차이점 알아보기)

내가 노션을 좋아하는 이유 중의 하나는 단순한 메모 어플이 아니라 데이터 연동과 표에 입력된 데이터를 다양한 형태로 볼 수 있다는 점이었다. 그래서 난 노션 표를 매우 잘 사용하고 있는데, 가끔 잘 만든 표는 다른 페이지에서 사용하거나 할 때 표를 복사해서 가져갈 일이 있다. 이때 표를 복사해서 사용하는 경우는 2가지 니즈가 있을 수 있다. 하나의 표를 여러 페이지에 연결하여 어디서 수정하든 이 표의 데이터가 모든 페이지에서 동일하게 관리하고 싶다. 하나의 표의 내용을 다른 페이지에서 표의 형태는 유지하되 다른 데이터를 입력해서 사용하고 싶다. 노션에서는 이 2가지가 모두 가능하다 노션 표 링크 복사 방법 만약 해당 표의 데이터를 이 페이지가 아니라 다른 페이지에서도 수정을 원한다면, 표에서 링크 복사를..

etc./Notion 2021.06.23

노션으로 정리하는 주식 배당 캘린더 (월별 배당금액 합계 확인하기)

🐣들어가기 전 오랜만에 노션으로 템플릿을 만들어보았다. 요즘 많은 분들이 관심 있는 주식 주식을 투자는 하고있는데 내가 수입이 잘나고 있는지도 점검하는 것도 중요하다. 나의 경우 미국주식의 소량 투자를 하고 있는데 그중 안전한 배당주에 관심이 많아 매달 배당 수입이 얼마나는지를 정리할 수 있는 노션 캘린더를 만들어보았다. 📆노션으로 만든 배당 캘린더 노션으로 만든 배당 캘린더 전체 모습이다 노션 배당 캘린더는 2개의 표로 이루어진다. 실제 배당을 받는 내용을 적는 배당 캘린더와 해당 내용으로 월별 수입을 계산해주는 표가 있다. 📃배당캘린더 입력하기 배당 캘린더는 2가지 뷰를 제공한다. 테이블 형식과 캘린더 형식이다. 둘 중 편한 뷰를 사용하길 추천한다. 배당캘린더 캘린더 뷰로 확인하기 캘린더 뷰로 확인하..

etc./Notion 2021.06.18 (1)

[Vue.js] 이미지 경로를 변수, data 값, URL로 이미지 연결하는 방법 (require이용)

vue.js에서 img 태그 내에 이미지를 특정 분기를 이용해서 해당 값에 맞는 이미지를 바꿔가면서 보여주고 싶을 때가 있다. 혹은 data에 선언한 변수명으로 img 이름으로 대체해서 보여주고 싶을 때 이용하는 방법이다. vue 이미지 변수로 연결하기 샘플 코드는 아래와 같다. 이미지를 data에 선언한 변수를 연결한 뒤, 이미지를 클릭하면 if문 분기를 이용해서 이미지가 변경되는 코드이다. 실제 화면 해당 소스를 실제로 실행해보면 imgName에 들어있는. png 파일을 연결해준다. 또한 이미지를 클릭하면 imgName Data가 변경되면서 이미지가 if문 분기에 따라 변경되게 된다. URL 이미지에 연결 마찬가지로 URL을 연결하는 것도 가능하다. 그리고 그 URL 안에도 변수 처리 또한 가능하다...

FrontEnd/Vue.js 2021.06.15

[Notion] 기본설정바꾸기 - 노션 한영전환하기, 다크모드 설정하는 방법

Notion에서 기본적인 설정을 바꾸는 것이 가능하다. 왼쪽 메뉴의 Settings & Members에서 노션 관련된 설정을 변경할 수 있다. 한국어를 설정했다면 설정과 멤버 메뉴에서 수정이 가능하다. 노션 언어 변환하기 (한국어 & 영어) 노션을 사용하다보면, 영어와 한국어 중 편리한 언어를 쓰는 것이 가능하다. Settings&Memers 에 Langugage&region에 들어가면 언어 설정 변경이 가능하다. 현재는 영어와 한국어 두 개를 선택할 수 있다. 노션 표 한주 시작 설정 변경하기 영어 외 해당 메뉴에서는 노션 표에서 한주의 시작을 월요일로 하는 설정도 가능하다. 노션에서 캘린더에서 요일을 월요일부터 설정을 하면 해당 옵션을 켜면 된다. 노션 다크 모드 설정하기 노션 Setting&Memb..

etc./Notion 2021.06.13

[vue/Nuxt] 부트스트랩 datetimepicker css 변경을 위해 debug 설정하기(bootstrap datepicker 안없어지게 하는 방법)

먼저 Vue에서 부트스트랩 datetimepicker를 못 연결하신 분들은 아래 포스팅을 먼저 확인하고 오길 바란다. 2021.06.04 - [FrontEnd/Vue.js] - [vue/Nuxt] 부트스트랩 datetimepicker Window is not defined 해결 방법 [vue/Nuxt] 부트스트랩 datetimepicker Window is not defined 해결 방법 내가 현업에서 사용하는 데이트피커는 vue-bootstrap-datetimepicker이다. https://www.npmjs.com/package/vue-bootstrap-datetimepicker vue-bootstrap-datetimepicker Vue.js date time picker component for b..

FrontEnd/Vue.js 2021.06.05

[vue/Nuxt] 부트스트랩 datetimepicker Window is not defined 해결 방법

내가 현업에서 사용하는 데이트피커는 vue-bootstrap-datetimepicker이다. https://www.npmjs.com/package/vue-bootstrap-datetimepicker vue-bootstrap-datetimepicker Vue.js date time picker component for bootstrap 4 www.npmjs.com Datepicker 설치하기 npm i vue-bootstrap-datetimepicker DatePicker 연결하기 아래 코드로 설치한 datePicker를 연결할 수 있다. import datePicker from 'vue-bootstrap-datetimepicker'; 만약 VueNuxt 프로젝트를 이용하는 분들이라면 datepicker를..

FrontEnd/Vue.js 2021.06.04

미리캔버스 쓰시나요? - 블로그 썸네일 및 카드뉴스, 유튜브 썸네일 디자인 툴 추천 (디자인 템플릿 툴)

대학교 발표 및 요즘 유행하는 인스타그램 카드 뉴스, 블로그 썸네일 까지 우리가 작성하는 콘텐츠에 각각 맞는 디자인 들이 필요하다. 하지만, 나는 디자이너가 아니고, 포토샵도 몰라서 못했던 날들을 이제 미리 캔버스를 이용하면 해결할 수 있다. 🎨미리 캔버스란? 미리 캔버스는 저작권 걱정 없는 디자인 요소들을 제공해서 각 상황에 맞는 디자인 템플릿을 제공해준다. 미리 캔버스에서 마음에 드는 디자인을 찾았다면 간단하게 텍스트만 변경하면 바로 내가 원하는 디자인 작품이 완성된다. 미리캔버스 시작하기 미리 캔버스는 아래 사이트의 가입한 뒤 바로 사용이 가능하다. 소셜 로그인도 제공돼서 회원가입도 매우 간단하다 https://www.miricanvas.com/ 미리캔버스 저작권 걱정 없는 완전 무료 디자인툴 미리..

etc. 2021.06.02