웹사이트제작2 우피(oopy) 없이 노션 웹사이트 만들어보기 (feat. 평생 무료) 최근 들어 노션(Notion)을 활용하여 간단한 공고를 직접 만들어 배포하는 회사들이 많이 보인다. 우피(oopy)라는 서비스는 노션에 기록된 페이지를 검색엔진에 쉽게 반영하고, 웹사이트 주소만 입력해서 볼 수 있도록 도와주는 서비스다. 이 글에서는 우피를 사용하지 않고, 노션 기반의 웹사이트를 만들어 배포하는 과정을 적어보려 한다. 과정을 미리 말하자면 다음과 같다. 1. 노션에서 원하는 흐름의 페이지를 제작한다. 2. HTML 코드를 추출한다. 3. 해당 내용들을 기반으로 필요한 코드 수정을 한 뒤 배포한다. 위 과정을 통해 평생 무료의 노션 기반 웹사이트를 만들 수 있다. GOAL 오늘 배포해볼 사이트는 단일 페이지다. 판매 중이던 전자책의 유입을 올리기 위해, 새로운 사이트를 하나 더 개설하여 검.. 2022. 12. 12. 웹사이트만들기 시리즈 - HTML로 골격 만들기 안녕하세요. 테크티키타카압니다. 저번 시간에는 VSCODE를 설치하고, 유용한 플러그인들을 설치하는 시간을 가져보았습니다. 이번 시간에는 웹사이트의 골격을 만들어보겠습니다. 건물을 지을 때, 가장 먼저 기반을 다지고, 골격을 구축해두어야 외벽과 바닥, 천장을 지을 수 있습니다. 웹 개발에서 HTML은 '웹사이트'라는 건물의 기반과 골격에 해당하는 부분이라고 생각하시면 됩니다. VSCODE에서 같이 작성하면서 하나씩 알아보도록 하겠습니다. 기본적인 html의 뼈대는 VSCODE에서 지원해줍니다. html파일에서 !를 적으면 다음과 같은 상태가 됩니다. 여기서 탭(Tab)이나 엔터(Enter)를 눌러주시면 이렇게 html 기본 구조가 자동으로 나옵니다. 1. head 태그 첫 번째로 head부분입니다. ti.. 2020. 12. 2. 이전 1 다음 반응형
