초딩도 만드는 웹페이지 만들기 +노션 사용법

메모 앱인 노션으로 웹페이지 형태를 만들 수 있습니다.

 

노션(notion)은 최근 한글화가 되며 더욱 사용하기 편한 노트 앱이 되었습니다.

사용하기에 따라 자유자재로 사용할 수 있으며, 심지어 무료버전 에서도 사용범위가 넓어졌기 때문에 다양하고 무궁무진하게 이용할 수 있을 것 같아요.
간단하게 웹페이지를 만들 수 있는 윅스와 같은 무료 홈페이지 제작 사이트도 많지만 노션은 더 가볍게 테스트를 해보기 위한 페이지형태의 제작이 가능하며 누구나 손쉽고 간단하게 만들어 누구에게나 공유할 수 있습니다.

 

 

간단한 노션 사용법에 대하여 공유를 드려보겠습니다.

www.notion.so/

Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.

위 사이트로 들어가 간단하게 가입을 해주세요.

 

 

첫화면

1. 자신의 계정 상태 및 설정을 통하여 한국어 변경 및 전반적으로 노션 설정을 변경할 수 있습니다.

2. 워크스페이스 이며 작업되고 있는 페이지를 확인하며 추가, 삭제 할 수 있습니다.

3. 메모하는 작업 공간입니다. / (슬래쉬) 를 통하여 작업공간에서 사용할 수 있는 다양한 설정을 불러올 수 있습니다.

 

 

웹페이지를 만들어봅시다.

 

먼저 2번 워크스페이스에서 페이지추가 버튼을 누르고 페이지를 만들어주세요.

웹페이지를 만들어봅시다.

제목을 만들고 위 표지추가를 누르면 페이지의 배너를 설정할 수 있습니다.

표지를 추가함으로써 웹페이지의 형태를 띄우거나 전달할 웹페이지의 분위기를 보여줄 수 있겠죠?

배너 변경 가능

기본 설정되어있는 표지를 사용할 수도 있으며 사이즈에 맞춰 내가 만든  이미지로 변경할 수도 있습니다.

추가로 아이콘 추가를 통하여 이모지를 추가할 수도  있지만 저는 우선 패스!

 

구분선 만들기

/ (슬래쉬)를 이용하여 위처럼 각각 설정을 할 수 있는 옵션을 사용할 수 있는데요.

예를 들어 현재 작성하고 있는 텍스트를 제목, 본문으로 나눌 수도 있으며 또한 인용문과 구분선 등등을 사용하여 본문을 내가 원하는대로 나눌 수도 있어요.

분할기

저는 제목 아래 분할기를 이용해서 제목과 본문의 경계선을 넣어볼거에요.

 

분할도 가능

1번 처럼 제목을 만들고 그 아래 분할기를 넣어 구분을 해준 이후 2번 본문내용을 작성해봅니다.

추가적으로 이미지도 넣을 수 있어요. 저는 분할구조로 3번처럼 이미지를 넣어봤는데요.

 

노션이 장점 중 하나가 이렇게 이미지를 넣고 수정하기가 간단합니다.

단순 드로우 드랍으로 이미지를 넣을 수 있으며, 이미지의 가장자리를 클릭하여 드래그하면 사이즈를 수정할 수 있죠.

 

토글키 사용

자 다시 한번 더 본문 내용 아래 분할기를 넣고, 목록전환(토글)키를 삽입하여 위 본문 내용에 대한 설명을 추가해봅니다.

 

 

 

토글 키 출처 링크 삽입

토글 키를 드래그하면 위처럼 박스의 색변경도 가능합니다.

목록 전환 아래를 누르면 토글 내에 들어가는 내용들도 추가해볼 수 있어요.

 

 

공유

 

자, 내가 만든 페이지를 공유를 하기 위해서는 우측 상단을 확인해보세요.

공유버튼 내에 Share the web 버튼을 활성화 시키면 공유가 가능한 링크가 나오게 됩니다.

 

그 링크를 웹페이지를 받아야할 상대방에게 전달하면 끝.

 

참 간단하지 않나요?

 

[노션TIP]노션 한글 텍스트 가운데 정렬 하는 방법

 

노션이 좋은 이유는 이렇게 간단하고 가볍게 사용해볼 수 있으며, 웹페이지 뿐만 아닌 기본 메모에도 충실한 역할을 하며 내가 제작 중인 페이지를 누군가와 함께 수정하고 편집할 수도 있습니다. 다양한 활용법을 통하여 자유자재로 사용할 수 있는 노션 앱이 요즘 대세인 이유가 있겠죠.

 

한번도 안써본 사람은 있어도 한번만 쓴사람은 없다고..

 

저도 노션을 처음 접할 때, 단순 영문버전에서 오는 불편함과 또 불안정하여 작성 중인 페이지가 가끔 날아가는..?

현상을 겪고 이용을 하지 않았었는데, 최근 한글 이용이 가능해졌단 소리를 듣고 다시 접하다보니 어느정도 안정화도 되어있으며 추가적으로 이전보다 더 사용하기가 편해진 느낌을 충분히 받게 되며 애용하게 되었습니다.

 

여러분들도 웹페이지 뿐만 아닌 다양한 방법으로 노션을 사용해보세요.