노션 기초 배우기 / 노션 수업 필기 템플릿 공유

 

 
안녕하세요! 
저번 기사에서 간단하게 노션을 소개했었는데요, 이번에는 노션 기초에 대해 소개하려고 합니다😎
 
우선 노션은 어디서나 편하게 사용할 수 있는 메모 도구를 제공하는 서비스입니다!
내 위키, 문서, 프로젝트를 모두 한 곳에서 관리할 수 있게 하는 공간이죠.
 
그럼 바로 노션의 기초 사용방법(+ 간단한 단축키)을 알아보고, 제가 SSAFY에서 수업 필기 때 사용하는 템플릿을 공유하고 설명해드릴게요ㅎㅎ!
 

노션 기초

우선, 저는 노션의 본질을 메모장이라고 봅니다🙂
 
물론, 메모장을 넘어서는 여러 기능을 제공하지만, 입문하실 때는 노션=메모장 이라고 생각하셔도 충분합니다!
즉, 잘 활용하면 아주 좋은 도구인데, 그렇게까지 잘 활용하지 못하더라도 사용하는 게 편하다는 의미입니다!
 
노트 같은 거예요. 필기를 하거나 그림을 그리거나 다양하게 사용할 수 있고, 잘 쓰는 사람은 아주 생산적이고 효율적으로 필기를 하거나 다이어리를 작성하며 사용하는 느낌! ㅎㅎ
노트를 사용할 때 목적과 방법에 있어 정답이 없는 것처럼, 노션도 자유롭게 사용하시면 됩니다!
 
아무튼 진짜 시작해봅시다!
 

메모의 기본은 "적는 것"

일단 노션에 페이지를 만들 수 있습니다!
좌측에 내 워크스페이스 내의 페이지가 보이는데요, 여기서 개인 페이지에 + 버튼을 눌러주면 페이지가 생성됩니다.
그렇게 되면 아래 그림처럼 제목 없는 빈 페이지가 생깁니다

좌측에 +버튼을 눌러 빈 페이지가 생겼다

 
제목을 아무거나 정해줍시다!
언제든 고칠 수 있으니 편하게 적으면 되고요, 지금 제목이 떠오르지 않는다면 안 정하셔도 됩니다! (그 경우 제목 없음이 제목이 됩니다)
 
그리고 일단 처음이니까 빈 페이지를 눌러 메모를 시작해봐요ㅎㅎ
제목을 작성하신 분은 제목을 쓰고 엔터키를 누르면 바로 빈 페이지 작성으로 넘어갈거예요! 아주 자연~스럽게~
 
이제 메모장이라 생각하고 적을 것들을 적으시면 됩니다😜
쉽죠ㅎㅎ
 
 
근데 이제 메모를 적다보면, 노션의 편함이 드러납니다........

리스트

리스트를 쓸 때 우리는 보통
- 어쩌구
- 저쩌구
이런 식으로 쓰잖아요,
 
그걸 바로 노션에 적용을 하면 노션이 '아 이 분 리스트를 작성하려고 하는구나!' 알아줍니다.
그래서 이런 식으로 변해요!
 

-가 아니라 *로 사용할 수도 있습니다!
 
 
그리고 보통 리스트를 쓰게 되면 하나만 쓰는게 아니라 여러 개를 쓰잖아요?
노션도 그걸 알고 리스트를 만들어서 글을 쓴 다음 엔터를 누르면, 바로 리스트 블록이 나타나도록 합니다...!
(와 완전 편하다!)
 
필요 없을 수 있잖아요? 그럼 한 번 더 엔터를 치거나, 백스페이스를 누르면 지워집니다.
저는 엔터쳐보고, 안 되면 보통 백스페이스 누르는 편이에요ㅎㅎ
 

 

 

그리고 번호 리스트도 마찬가지입니다!
이때는 우리가 보통
1. 어쩌구
2. 어쩌구
로 쓰기 때문에 이걸 그대로 노션에다 쓰면 됩니다.
 
좋은 점은 넘버링이 바로바로 된다는 것!
 
그리고 원한다면 1번부터가 아니라 원하는 숫자(1이상)부터 시작할 수 있어요!
 

만약 리스트로 작성 중인데, 리스트 안에 리스트를 표현해야 하는 경우는 어떻게 하면 될까요?
그럴 때는 Tab을 눌러 들여쓰기를 해주면 됩니다....
그냥 쭉쭉 해주면 노션이 알아서 다르게 잘 표현해줘요!
만약 들여쓰기를 취소하고 싶으면 shift+Tab을 누르면 됩니다!
 

 
전반적으로 사용되는 단축키가 대체로 먹히기 때문에, '이것도 되나?'하고 한 번 쓰면서 배우면 좋아요~
당연히 ctrl c, v (복사, 붙여넣기)도 되고, ctrl z (되돌리기)도 됩니다!
 
 

토글

저는 토글 기능도 자주 쓰는데요, 토글은 아래처럼 버튼을 누르면 보이고, 안 누르면 보이지 않는 블록을 의미합니다.

요런거 있자나요~ 열어야 내용 보이는 거~~

이거는 아주 쉽게
> 만 쳐주시면 돼요!!

 
이때 노션은 어떤 걸 하나 만들어 놓으면 사용자가 계속 그걸 쓸 거라고 생각해요.
그래서 토글을 만든 다음 글을 쓰고, 엔터를 누르면 바로 다음 줄에 또 다른 토글이 생기죠,
 
그러나 바로 토글의 내용을 쓰고 싶다면, ctrl + enter를 누르시면 됩니다! 그러면 토글이 열리고, 그 안에 내용을 쓸 수 있게 돼요!
 
 

할 일 목록 (체크박스)

할 일 기록 용으로 메모하기도 하죠!
이때 체크박스가 있으면 얼~마나 편하게요~?ㅎㅎ
 
체크박스는 네모낳다... 그럼 지금까지 노션의 직관성으로 유추해보자면, 네모를 만들면 되겠죠?
맞습니다,
[] 대괄호 두 개로 네모를 만들어주면 됩니다!!
 

그럼 체크박스가 생기고요, 체크박스를 누르면 체크하고 체크 해제를 할 수가 있습니다!!!
(와! 너무 편해!)

인용

이거는 뭐.. 그렇게 자주 쓰는 것 같지는 않지만, 이것도 사용이 아주 직관적입니다.
 
노션에서 인용은 

이런식으로 나타나는데요

 
보십시오... 이번엔 작대기지요?
| 하고 작성하시면 됩니다
ㅋㅋㅋㅋ

저 기호를 못 찾을 수도 있는데, 보통 백스페이스 아래 엔터 위에 있는 버튼을 누르면 됩니다.
기본은 \ 이 모양이고요, shift 누른 채로 눌렀을 때 | 이 모양이 나옵니다ㅎㅎㅎ
보통 백슬래쉬라고 불러요! (에디터에 따라 백슬래쉬가 아니라 원화 모양으로 보이기도 합니다🤪)
 

화살표 부등호 구분선

이렇게 직관적이기 때문에, 노션으로 기호 작성하는 것도 아주 쉽습니다!
화살표는
→ : ->

← : <-

↔ : <->

를 쓰면 알아서 변환되고요(만약 변환이 싫으시다면 ctrl + z를 눌러주세요. 원래대로 돌아옵니다)
 
부등호는 코딩하는 식으로 작성하시면 됩니다!

≤ : <=

≥ : >=

≠ : !=

너무 쉽다!! 짱이죠!
 
+) =>로 두 줄 화살표를 만들 수 있는데, <=로는 반대 방향 화살표를 만들 수 없습니다... 이미 그건 부등호로 쓰이기 때문에...
 
 구분선은
--- 대시를 3번 치면 바로 생깁니다!
 

 
정말 메모장에 치듯이 쓰다보면, 내가 원하는 걸 좀 더 예쁘고 깔끔하게 보이도록 노션이 지원해준다고 생각하면 됩니다.
보통.. 이뤄짐...(!)
 

마법키 /

직관적이긴 하지만, 이 모든 걸 외우긴 어렵잖아요?
그럴 때는 /(슬래시)를 누르면 됩니다.
/를 누르면 노션에서 지원하는 모든 블록들이 나타나기 때문에 원하는걸 클릭하기만 하면 그 블록이 생긴답니다!
 
아니면 /뒤에 원하는 블록 이름을 쓰면 그 블록이 나와요(한글 검색도, 영어 검색도 둘 다 지원합니다)
 
그런 식으로 무엇이 있는지 보고, 찾아 사용하면 됩니다!
 

 

하나 아시면 좋은 점은 페이지를 만들 수 있는데요, 그럼 현재 페이지 안에 페이지를 만들 수 있습니다!
폴더 안에 폴더를 만드는 느낌으로 그렇게 관련된 내용을 타고타고 만들어갈 수 있어요

 

 

블록

제가 블록이라는 단위를 사용하고 있는데, 그 이유는 노션이 블록 단위로 편집이 아주 쉽기 때문이에요
블록 단위로 들여쓰기가 진행되고,
블록 단위로 컨텐츠를 이동시킬 수 있답니다!

 
블록 이동은 정말 자유로운데요, 블록의 순서 뿐 아니라 위치를 바꿀 수 있어요!! 그래서 열도 여러 개를 만들 수 있습니다! (이러한 열 여러 개 만들기 또한 /에 '열'로 있답니다)
 
 
 
엔터를 치게 되면 다음 블록에 내용을 작성하게 되는 거예요!
만약 같은 블록 내에 내용을 작성하고 싶다면 ctrl+enter 또는 shift+enter을 누르면 됩니다!ㅎㅎ
그렇게 되면 딱 볼 때도 여백이 그냥 엔터했을 때보다 작아져서 보일 거예용
 
 

제목 (노션은 마크다운 스타일도 지원합니다...... 아주 굿)

제가 지금 커다랗게 소제목을 붙여가며 블로그를 작성 중이잖아요.
그걸 제목 블록이라고 부르는데요!
 
노션에도 3가지 레벨의 제목 블록을 작성할 수 있습니다!
 
노션의 특징 중 하나는 마크다운 문법을 지원한다는 점인데요, 제목 입력은 마크다운 문법과 동일합니다.
마크다운 문서를 작성할 때 제목은 #으로 표현하는데, 노션 역시 마찬가지입니다!
# 이 제일 큰제목
## 이 두번째 큰 제목
### 이 세번째 큰 제목이에요
 
그리고 이렇게 제목을 작성해두면, 
/목차
를 했을 때, 제목을 기반으로 목차가 생기고, 목차에서 누른 제목이 있는 곳으로 이동할 수 있답니다!
(아주 유용합니다 ㅎㅎ)
 

 

텍스트 스타일

텍스트도 굵게, 기울어지게, 밑줄, 취소선, ... 다 가능합니다
 
마크다운을 지원하기 때문에
**굵게**하는 것과 *기울이는 것* 이렇게 써도 알아서 변환되고요
 
전반적으로 자주 쓰이는 단축키도 다 먹힙니다

• ctrl b : bold하게
• ctrl i : italic(기울임꼴)
• ctrl u : underline(밑줄)

 
만약 외우지 않더라도, 텍스트 스타일을 적용할 부분을 선택해두면 위쪽에 텍스트 스타일 관련 버튼들이 생깁니다!
이걸 통해 스타일을 적용하면 되고, 스타일의 단축키를 확인할 수도 있습니다!
 
그리고 이걸 통해 블록을 전환할 수도 있고요, 텍스트/배경에 색을 입힐 수도 있습니다.
 

 
텍스트를 코드/수식 형태로 바꾸기 역시 가능합니다!
 
수식의 경우 .. 여기서 입력하고 Latex에 붙여넣으면... 그 수식 아주 이쁘게 생긴답니다...?
수식을 작성에는 Latex문법이 사용되어서 그걸 잘 알아야 입력할 수 있긴 하지만, 이참에 배워두면 나중에 써먹을 수 있습니다ㅎㅎ
굳이 배우지 않더라도, 이 표를 보면서 필요한 것을 작성하시면 됩니다!
 

코드

한 줄만 코드형태로 쓰고 싶으면 텍스트 스타일을 코드로 변환하면 됩니다.
텍스트를 선택한 뒤 ctrl e를 눌러도 되고,
입력 전에 아싸리
` 코드 ` 이렇게 입력해도 좋아요
 
 
*이 기호도 잘 모를 수 있는데, 백틱이라고 부르고요, ~있는 버튼 shift 안 누르고 그냥 누르면 됩니다ㅎㅎ
 
그러나 여러 줄을 복붙하고 싶다면 코드 스니펫을 활용하면 좋은데요!
 
``` 백틱 3개를 치면 바로 코드 스니펫이 등장합니다!
이제 그 안에서 언어를 바꿔가며 쓰면 됩니다.
 

 
저는 가끔 텍스트를 코드스니펫 안에서 쓰기도 하는데요, 그 이유는 코드 스니펫으로 작성하면 버튼 한 번 클릭으로 텍스트가 한 번에 복사되기 때문입니다!
모바일에서 여러줄의 텍스트를 복사하려면 복사할 부분을 전부 선택해야 하는데, 길어질수록 선택하는게 어려워집니다.
그래서 저는 모바일에서 복사할 텍스트라면, 아싸리 코드 스니펫 안에다가 작성하고 복사 버튼을 통해 복사합니다!

 

이미지 삽입

제가 노션을 사랑하는 이유 중 하나가 이미지 삽입이 너무 쉽기 때문인데요.......
클립보드에 이미지가 있다면 그냥 붙여넣기(ctrl v)를 하면 됩니다(!)
 
이게 수업 필기 등에 진짜 유용한데, 윈도우 사용자의 경우
윈도우+shift+s로 원하는 부분 캡쳐가 가능해요!
이때 캡쳐와 동시에 클립보드에 복사가 되는데요, 그걸 이용해 붙여넣기를 하면 바로 노션에 넣어둘 수 있답니다....!
 
이게 진짜 너무 편해요😵
한 번 맛들리면 다른 텍스트 에디터에서 사진 불러올 때 붙여넣기 불가하면 바~로 고개 절레절레....😣
 
그렇게 삽입한 이미지는 크기 조절이 가능합니다!
 
물론! 드래그 앤 드랍이나
/이미지 를 통해 넣을 공간을 만들고 파일 불러오기를 선택해서 삽입할 수도 있고요!

 

링크 삽입

노션은 링크 삽입도 아주 간단해요
링크를 복붙하면 됩니다ㅎ
 

• 만약 노션 페이지 링크를 복붙하면 페이지를 멘션하는 형태로 생기게 되고요
• 일반 웹페이지링크를 복붙하면 링크와 링크에 대해 하이퍼링크가 걸린채로 생성됩니다.

 
또한, 텍스트를 선택한 상태로 링크를 붙여넣기 하면, 그 텍스트에 하이퍼링크를 만들 수 있어요!!
이것도 아주 편한 기능입니다👍

 

 

첨부파일 삽입

이미지 파일 말고 ppt나 pdf와 같은 첨부파일을 넣고 싶을 때는요

/파일을 선택해 업로드 하면 됩니다.

 

쉬운 방법은
그냥 파일을 드래그 앤 드랍 하는 거예요!
 
이때 파일 업로드 용량이 요금제에 따라 다르니 유의해주세요!

노션 기초 정리

아주 기본적인 노션의 사용방법을 알아봤어요!
정리하자면
 

• 리스트: - 또는 *
• 번호 리스트: 1.
• 토글: >
• 할 일 목록(체크박스): []
• 인용: |
• 화살표
  • → : ->
  • ← : <-
  • ↔ : <->
  • ⇒: =>
• 부등호
  • ≤ : <=
  • ≥ : >=
  • ≠ : !=
• 구분선: ---
• 마법키: /
• 제목: #  ;3개까지 가능(###)
• 코드 스니펫: ```
   
   

노션 템플릿

물론 메모장처럼 빈페이지에 메모를 쭉쭉 해나가도 되지만... 
매번 같은 형식으로 쓴다면 템플릿이 있다면 좋겠죠?
 
그리고, 우리가 코넬식 필기 노트 사듯이 생산성 향상에 좋은 형식이 있으면 사용하면 좋잖아요!
이런 필요를 충족시켜주는게 노션 템플릿입니다🙂
 
 
새로운 페이지를 눌러서 템플릿을 누르거나 좌측에 템플릿 버튼을 누르면 기본적으로 노션 공식 사이트가 제공하는 템플릿들이 있어요!!

이렇게 보입니다!

 
한 번 구경하면서 괜찮은 거 있으면 불러오기해서 사용하면 됩니다ㅎㅎ
 
 
그리고 그 사이트 뿐 아니라, 구글에 검색하면 많은 노션 사용자들이 자신의 노션템플릿을 공유하기도 한답니다!
그런 것들을 복제해서 나름대로 잘 사용하실 수 있어요!
 

수업 필기 템플릿 공유

그런 의미에서 저도 제가 사용했던 템플릿을 공유하고자 합니다ㅎㅎ
 
이 링크에서 받아주세요!
링크로 들어가셔서 우측 상단에 복제 눌러주시면 됩니다!

 
사용방법은 템플릿 안에 간단하게 작성되어 있습니다.
자세한 사용방법은 영상을 통해 보시면 좋을 것 같습니다!
https://youtu.be/16goW2Xz7hA
 
 
템플릿에 오늘 설명하지 않은 고급기능들이 좀 있는데요..ㅎ
그것은 다음 번에 활용법을 소개하도록 하겠습니다.
 
오늘은 노션 기초 사용법과 템플릿 공유를 진행했습니다.
기초만 설명하는데도 꽤 길어졌네요!
관련 질문은 댓글로 부탁드립니다!
 
다음 기사에서 만나요~👋