Notion과 NotionAI를 활용한 문서 및 프로젝트 관리
nAI를 활용한 문서 및 프로젝트 관리
이번 유튜브 영상에서는 새롭게 출시된 Notion AI에 대해 설명하고 있습니다. 이 AI는 기존의 챗봇과는 다르게 UI 형태로 작동하며, 기존에는 문맥을 만들어야 했던 작업들을 간편하게 처리해줍니다. Notion AI는 노트 작성을 비롯한 다양한 작업을 자동화하며, AI를 활용한 컨텐츠 생성, 요약, 번역 등의 기능을 제공합니다. 개인정보 보호와 교육 목적으로만 활용됨을 강조하며, 사용자 데이터베이스를 관리하고 협업 기능을 제공합니다. Notion AI를 사용하면 챗GPT를 사용하지 않아도 될 것 같다는 인상을 주었으며, 이후 AI 기능이 더 발전해 이미지 자동 생성 등의 기능이 추가될 것으로 기대됩니다.
https://www.notion.so/front-static/pages/ai/video/notion-ai-hero/ko-KR.mp4
| US$10 | US$12+ | US$20 | US$49+ |
| 지원되는 항목 | 지원되는 항목 | 지원되는 항목 | 지원되는 항목 |
| 지원되는 항목 | 지원되지 않는 항목 | 지원되는 항목 | 지원되는 항목 |
| 지원되는 항목 | 지원되는 항목 | 지원되지 않는 항목 | 지원되지 않는 항목 |
| 지원되는 항목 | 지원되지 않는 항목 | 지원되지 않는 항목 | 지원되지 않는 항목 |
마크다운(MarkDown)에 대해서 알고 계신가요?
파일 확장자가 .md로 된 파일을 보셨나요?
웹 개발을 하면서 아마 README.md라는 이름의 파일을 한 번은 보셨을텐데, 이 파일이 마크다운 문법으로 작성된 파일 입니다.
사용법이 매우 쉽고, 빠르게 문서를 정리할 수 있습니다.
물론 모든 HTML 마크업을 대신할 수 없기 때문에 지나친 의존보다는 쉽고 빠르게 작성하는 용도로 사용하세요.
마크다운과 비슷한 형태로 문법이 좀 더 복잡하지만 확장자가 .adoc인 AsciiDoc 문법도 있습니다. 좀 더 다양한 형태의 문서를 만들 수 있지만, 문법이 좀 더 복잡하고 지원 플랫폼이 적습니다.
우선 문법이 쉽고 다양한 플랫폼을 지원하는 마크다운 문법을 배우세요.
30분이면 충분합니다.
마크다운(MarkDown)에 대해서
마크다운의 장점
- 문법이 쉽다.
- 관리가 쉽다.
- 지원 가능한 플랫폼과 프로그램이 다양하다.
마크다운의 단점
- 표준이 없어 사용자마다 문법이 상이할 수 있다.
- 모든 HTML 마크업을 대신하지 못한다.
마크다운의 사용
메모장부터 전용 에디터까지 많은 곳에서 활용할 수 있습니다.
문법이 쉽기 때문에 꼭 전용 에디터를 사용할 필요는 없습니다만, 마크다운 코드의 하이라이트 효과를 원한다면 전용 에디터가 좋은 선택이 될 것 같네요.
저는 평소 Atom을 사용하고 있습니다.
혹은 마크다운 문법을 지원하는 모든 곳에서 사용할 수 있으며, 일반 블로그나 워드프레스 외 Slack이나 Trello 같은 서비스에서 메세지를 작성하듯 사용할 수도 있습니다.
화면에 표현되는 스타일(CSS)은 설정에 따라 달라집니다.
HTML과 마찬가지로 눈에 보이는 스타일은 무시하고 각 문법의 의미로 사용하세요.
마크다운 문법(syntax)
제목(Header)
<h1>부터 <h6>까지 제목을 표현할 수 있습니다.
# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6
제목1(h1)과 제목2(h2)는 다음과 같이 표현할 수 있습니다.
제목 1
======
제목 2
------
강조(Emphasis)
각각 <em>, <strong>, <del> 태그로 변환됩니다.
밑줄을 입력하고 싶다면 <u></u> 태그를 사용하세요.
이텔릭체는 *별표(asterisks)* 혹은 _언더바(underscore)_를 사용하세요.
두껍게는 **별표(asterisks)** 혹은 __언더바(underscore)__를 사용하세요.
**_이텔릭체_와 두껍게**를 같이 사용할 수 있습니다.
취소선은 ~~물결표시(tilde)~~를 사용하세요.
<u>밑줄</u>은 `<u></u>`를 사용하세요.
이텔릭체는 별표(asterisks) 혹은 언더바(underscore)를 사용하세요.
두껍게는 별표(asterisks) 혹은 언더바(underscore)를 사용하세요.
이텔릭체와 두껍게를 같이 사용할 수 있습니다.
취소선은 물결표시(tilde)를 사용하세요.
밑줄은 <u></u>를 사용하세요.
목록(List)
<ol>, <ul> 목록 태그로 변환됩니다.
1. 순서가 필요한 목록
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록(서브)
1. 순서가 필요한 목록
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록(서브)
1. 순서가 필요한 목록
- 순서가 필요하지 않은 목록에 사용 가능한 기호
- 대쉬(hyphen)
* 별표(asterisks)
+ 더하기(plus sign)
- 순서가 필요한 목록
- 순서가 필요한 목록
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요하지 않은 목록(서브)
- 순서가 필요한 목록
- 순서가 필요한 목록(서브)
- 순서가 필요한 목록(서브)
- 순서가 필요한 목록
- 순서가 필요하지 않은 목록에 사용 가능한 기호
- 대쉬(hyphen)
- 별표(asterisks)
- 더하기(plus sign)
링크(Links)
<a>로 변환됩니다.
[GOOGLE](https://google.com)
[NAVER](https://naver.com "링크 설명(title)을 작성하세요.")
[상대적 참조](../users/login)
[Dribbble][Dribbble link]
[GitHub][1]
문서 안에서 [참조 링크]를 그대로 사용할 수도 있습니다.
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(`< >`, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: <https://naver.com>
[Dribbble link]: https://dribbble.com
[1]: https://github.com
[참조 링크]: https://naver.com "네이버로 이동합니다!"
문서 안에서 참조 링크를 그대로 사용할 수도 있습니다.
다음과 같이 문서 내 일반 URL이나 꺾쇠 괄호(< >, Angle Brackets)안의 URL은 자동으로 링크를 사용합니다.
구글 홈페이지: https://google.com
네이버 홈페이지: https://naver.com
이미지(Images)
<img>로 변환됩니다.
링크과 비슷하지만 앞에 !가 붙습니다.
![Kayak][logo]
[logo]: http://www.gstatic.com/webp/gallery/2.jpg "To go kayaking."
이미지에 링크
마크다운 이미지 코드를 링크 코드로 묶어 줍니다.
[](https://kr.vuejs.org/)
코드(Code) 강조
<pre>, <code>로 변환됩니다.
숫자 1번 키 왼쪽에 있는 `(Grave)를 입력하세요
인라인(inline) 코드 강조
`background`혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.
background혹은 background-image 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.
블록(block) 코드 강조
`를 3번 이상 입력하고 코드 종류도 적습니다.
```html
<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
```
```css
.list > li {
position: absolute;
top: 40px;
}
```
```javascript
function func() {
var a = 'AAA';
return a;
}
```
```bash
$ vim ./~zshrc
```
```python
s = "Python syntax highlighting"
print s
```
```
No language indicated, so no syntax highlighting.
But let's throw in a tag.
```
<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
.list > li {
position: absolute;
top: 40px;
}
function func() {
var a = 'AAA';
return a;
}
$ vim ./~zshrc
s = "Python syntax highlighting"
print s
No language indicated, so no syntax highlighting.
But let's throw in a <b>tag</b>.
표(Table)
<table> 태그로 변환됩니다.
헤더 셀을 구분할 때 3개 이상의 -(hyphen/dash) 기호가 필요합니다.
헤더 셀을 구분하면서 :(Colons) 기호로 셀(열/칸) 안에 내용을 정렬할 수 있습니다.
가장 좌측과 가장 우측에 있는 |(vertical bar) 기호는 생략 가능합니다.
| 값 | 의미 | 기본값 |
|---|:---:|---:|
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 | |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 | |
| `fixed` | 브라우저 창을 기준으로 배치 | |
값 | 의미 | 기본값
---|:---:|---:
`static` | 유형(기준) 없음 / 배치 불가능 | `static`
`relative` | 요소 **자신**을 기준으로 배치 |
`absolute` | 위치 상 **_부모_(조상)요소**를 기준으로 배치 |
`fixed` | **브라우저 창**을 기준으로 배치 |
| static | 유형(기준) 없음 / 배치 불가능 | static |
| relative | 요소 자신을 기준으로 배치 | |
| absolute | 위치 상 부모(조상)요소를 기준으로 배치 | |
| fixed | 브라우저 창을 기준으로 배치 |
인용문(BlockQuote)
<blockquote> 태그로 변환됩니다.
인용문(blockQuote)
> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.
> _(네이버 국어 사전)_
BREAK!
> 인용문을 작성하세요!
>> 중첩된 인용문(nested blockquote)을 만들 수 있습니다.
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3
인용문(blockQuote)
남의 말이나 글에서 직접 또는 간접으로 따온 문장.
(네이버 국어 사전)
BREAK!
인용문을 작성하세요!
중첩된 인용문(nested blockquote)을 만들 수 있습니다.
중중첩된 인용문 1
중중첩된 인용문 2
중중첩된 인용문 3
원시 HTML(Raw HTML)
마크다운 문법이 아닌 원시 HTML 문법을 사용할 수 있습니다.
<u>마크다운에서 지원하지 않는 기능</u>을 사용할 때 유용하며 대부분 잘 동작합니다.
<img width="150" src="http://www.gstatic.com/webp/gallery/4.jpg" alt="Prunus" title="A Wild Cherry (Prunus avium) in flower">
마크다운에서 지원하지 않는 기능을 사용할 때 유용하며 대부분 잘 동작합니다.
수평선(Horizontal Rule)
각 기호를 3개 이상 입력하세요.
---
(Hyphens)
***
(Asterisks)
___
(Underscores)
(Hyphens)
(Asterisks)
(Underscores)
줄바꿈(Line Breaks)
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세 <!--띄어쓰기 2번-->
무궁화 삼천리 화려 강산<br>
대한 사람 대한으로 길이 보전하세
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
무궁화 삼천리 화려 강산
대한 사람 대한으로 길이 보전하세
일반 줄비꿈이 동작하지 않는 환경(설정 및 버전에 따라)의 경우, ‘2번의 띄어쓰기’나 <br>를 활용할 수 있습니다.
무료로 Notion AI 체험하기
지금 바로 메모와 문서에서 강력한 AI 기능을 활용하세요.
노션 초보자를 위한, 60분 총정리 특강 | 노션 공식 컨설턴트가 알려주는 노션의 모든 것
노션 공식 컨설턴트, 전시진님 소개
노션이란 무엇인가요? 노션 소개!
노션 회원가입 및 1가지 주의사항
노션, 이렇게 사용할 수 있어요! - 1. 대시보드
노션, 이렇게 사용할 수 있어요! - 2. 독서노트 - 노션 기초 이해하기 -
엑셀과는 조금 다른, 노션 구조 이해하기
노션 언어 설정 및 즐겨찾기 만들기
노션이 정-말 쉬워지는 핵심 단축키
노션의 시작! - 페이지/블록 만들기
노션의 핵심! - 데이터베이스 살펴보기
노션에서 데이터 필터/정렬하는 법
노션 페이지 권한 설정 및 주의사항
노션 페이지를 공유하는 방법 - 노션 실습! 프로젝트 서식 만들기 -
노션 실습! - 프로젝트 관리 DB 만들기
노션 실습! - 나만의 프로젝트 등록하기
노션 실습! - 나의 프로젝트 서식 완성하기
노션 보너스 팁! - 전체 보기 설정 방법
Q&A
어떻게 Notion AI 기능을 활성화하나요?
Notion AI는 다른 AI 툴과 무엇이 다른가요?
Notion AI는 나의 데이터를 어떻게 사용하나요?
Notion AI 기능을 구매하면 사용량이 얼마나 포함되나요?
노션AI 진짜 사용법 (chatGPT와 Notion AI는 용도가 다릅니다)
Notion (노션) AI
누구보다 빠른 업무 처리, 매끄러운 글쓰기, 톡톡 튀는 아이디어까지. 무한한 잠재력을 가진 AI를 Notion에서 만나보세요.
www.notion.so
미리 선점하세요! 모두가 하게될 인공지능 생성 메타버스 작업!
여러가지 측면에서 융합적인 창작자가 되는 것은 인생에서 할 수 있는 아름다운 일이라고 생각합니다. 예술적 상상력과 기술적 상상력의 조화를 이루며 잠재력의 한계에 도달하는 길을 찾기 위해 함께 이야기해 보아요.