본문 바로가기

페이지6

노션 - 페이지(Page) 블록 사용법 / Notion 하위 페이지 생성하기 안녕하세요. 고코더 입니다. ● 1. 노션에서는 기존의 노트라고 부르던 이름을 페이지라고 지칭합니다. 페이지는 블록의 집합입니다. 하지만 페이지도 결국 수 많은 블럭중에 하나 입니다. 블럭 가운데 페이지를 생성하면 하위 페이지가 생성 됩니다. 카테고리로 치면 2중 카테고리 입니다. ● 2. 블록의 종류는 Page라는 이름입니다. 해당 페이지를 추가하면 해당 페이지 밑에 하위 페이지가 생성 됩니다. 새로운 노트를 하단에 생성하는 것이죠 ● 3. 페이지 블록을 추가하면 하위 페이지가 생성 됩니다. 기본적으로 노션은 트리 구조로 구성되기 때문에 가장 많이 사용되는 블록중에 하나 입니다. ● 4. 페이지 안에서 블록으로 추가도 가능하지만 카테고리 화면에서 + 를 클릭하면 하위에 자동으로 페.. 2020. 5. 4.
노션 - 페이지 커버(cover) 이미지 설정하기 / Notion 페이지 상단 이미지를 변경하기 안녕하세요. 고코더 입니다. 왜 노션에서는 노트를 페이지라고 하는지 이걸 보니 왜인지 알거 같네요. 노션에서는 노트 상단에 커머 이미지를 사용 가능합니다. 웹페이지의 개성을 나타내는 방법처럼 입니다. 개인적으로 이런 노션만의 특징을 잘 사용하면 노트의 직관성을 더욱 더 잘 알 수 있습니다. ● 1. 페이지를 실행합니다. 그리고 제목 탭에 마우스를 올려놓으면 "Add cover"라는 메뉴가 보입니다. 이걸 클릭합니다. ● 2. 그럼 랜덤하게 커버이미지가 생성됩니다. 대부분 아주 유치하고 멋진 이미지입니다. 어울릴 수 없는 모양인데요. 당연히 내가 원하는 사진으로 이를 변경 가능합니다. "Change cover" 를 클릭하면 새로운 이미지로 등록이 가능합니다. ● 3. Gall.. 2020. 4. 8.
노션 - 페이지(Page) 아이콘 등록,변경하기 / Notion Notion 노트에 아이콘 만들기 안녕하세요. 고코더 입니다. 노션의 가장 큰 특징은 아이콘입니다. 개인적으로 저는 이 아이콘이 싫습니다. 매우 유치한데 많은 분들이 노션만의 특징으로 귀여운 느낌으로 봐주시는거 같습니다. 페이지마다 아이콘을 두어 직관적으로 노트의 특성을 바꿀 수 있습니다. ● 1. 페이지를 제작하면 아이콘 부분이 있습니다. 페이지를 생성하면 기본 아이콘이 생겨납니다. 이 부분을 클릭합니다. ● 2. 아이콘은 3가지 방법 2개의 스타일로 아이콘 등록 가능합니다. Emoji - 기본 아이콘을 선택합니다. 노션스러운 아이콘인데 저는 그닥 너무 유치하네요 Upload an image, Link - 이미지를 아이콘으로 등록 가능합니다. ● 3. 아이콘을 등록하면 리스트 페이지 앞에 아이콘을 등록.. 2020. 4. 8.
노션 - 페이지(page)를 웹상에 공유하는 방법 / Notion 노션에서 노트를 브라우저에서 확인하게 하는 방법 안녕하세요. 고코더 입니다. 작성한 페이지를 웹상에 자유롭게 공유할 수 있는 기능을 노션에서는 제공합니다. 물런 에버노트도 같은 기능을 제공하지만 노션은 웹 공유 기능이 탁월 합니다. ● 1. 작성한 페이지에서 "share" 를 클릭합니다. 말 그대로 공유하기 위한 기능을 사용할 수 있는 버튼입니다. ● 2. 그러고 나타나는 화며에서 "Public access"를 클릭하여 오른쪽으로 버튼을 이동시킵니다. ● 3. 퍼블릭 엑세스가 활성화되면 이제 웹상에서 노출할 수 있습니다. "Allow search engines"는 검색엔진에서 노출될지 선택합니다. "Allow duplicate as template"는 공유된 노트가 복사를 허용할지 공유합니다. ● 4. .. 2020. 4. 8.
깃허브 페이지 - "The site configured at this address does not contain the requested file." github 에서 404 오류 메세지 안녕하세요. 고코더 입니다. ● 1. 깃허브 페이지를 연결시에 404 오류가 나는 경우가 있습니다. 그래서 나타나는 오류 메세지는 이렇습니다. 잘못된 URL로 접속했거나 기본 페이지인 index.html이 없어서 생기는 오류 입니다. The site configured at this address does not contain the requested file. If this is your site, make sure that the filename case matches the URL. For root URLs (like http://example.com/) you must provide an index.html file. Read the full documenta.. 2020. 1. 1.
Node.js - express 게시판 만들기 / 페이징 개발/ page 게시판 만들기 page 안녕하세요. 고코더 입니다. 이번 시간에는 게시판에 간단한 페이징을 구현합니다. 기존에 만든 리스트 페이지는 글이 추가되면 페이징 없이 아래로 노출되는 기본방식 입니다. 오늘은 다시 리스트 페이지에 페이징을 추가해볼려고 합니다. 처음 개발시에 페이징 구현을 하지 않는건 생각보다 많은 로직이 들어가는 기능 입니다. 리스트 개발시에 페이징을 함께 하면 개인적인 경험에서는 지치기 때문에 노드를 조금 익숙하게 받아들인 후에 살펴보는 것이 낫습니다. ● 1. board.js 페이징 코딩 추가 ● 1-1. board.js에 코딩을 추가합니다. ● 1-2. board.js에 아래 코딩을 추가합니다. 기존 list는 그대로 두고 page 라는 페이지를 새로 만들어 페이징을 구현합니다. 게시판 기.. 2019. 8. 2.