강의 개요
제주스타트업협회(JSA) 회원사를 대상으로 진행한 강의입니다. 사내에 개발자는 없지만 홈페이지가 필요한 1인 기업, 스타트업 대표 8분을 모시고 노션으로 쉽게 만드는 홈페이지를 주제로 진행한 강의였습니다.
•
수업 주제 : 노션, 웹사이트
•
수업 기관 : 제주스타트업협회
•
수업 대상 : 제주도내 스타트업 대표 8인
•
수업 방식 : 오프라인
현장 스케치
강의 내용
노션 기초 이해
노션(Notion)은 블록(Block) 단위로 문서를 구성하는 올인원 협업 도구로, 문서 작성·데이터 관리·프로젝트 관리까지 하나의 환경에서 수행할 수 있습니다. 디자인 자유도는 제한적이지만, 구조화된 콘텐츠 작성에 강점이 있어 웹사이트 제작 시 정보 전달에 집중할 수 있습니다.
홈페이지 구조 설계 및 콘텐츠 작성
노션 페이지 제목은 검색엔진에서 가장 중요한 요소로, HTML의 h1 태그 역할을 합니다. 따라서 홈페이지의 핵심 키워드를 포함한 명확한 제목 설정이 중요합니다. 
콜아웃(Callout) 블록을 활용해 태그 형태의 핵심 문구와 간결한 소개 문장을 작성하고, 제목1·제목2·제목3 구조를 올바르게 사용하여 콘텐츠의 위계를 명확히 구성합니다. 잘못된 제목 단계 사용은 SEO와 가독성 모두에 부정적인 영향을 미치므로 실습을 통해 바로잡습니다.
프로필·연락처·스킬 구성
프로필 영역에서는 제목2와 리스트 구조를 활용해 경력, 역할, 강점을 정리합니다. 텍스트 스타일과 이모지를 적절히 활용해 가독성과 시각적 포인트를 동시에 확보합니다. 
연락처는 mailto:와 tel: 링크를 활용해 클릭 시 메일 앱 또는 전화 앱이 바로 실행되도록 설정하여 실제 문의 전환을 유도합니다. 
스킬 영역은 데이터베이스(표 보기)를 활용해 기술명, 숙련도, 경험 등을 구조화하며, 웹사이트에 출력되는 형태까지 함께 확인합니다.
포트폴리오 페이지 제작
갤러리 뷰를 활용해 이미지 기반 포트폴리오를 구성합니다. 카드 크기와 이미지 맞춤 옵션을 조정하며 화면 변화를 확인하고, 실제 프로젝트 사례 4개 이상을 작성해 완성도 있는 포트폴리오 섹션을 완성합니다.
HTML·CSS 기초 이해 및 개발자 도구 활용
HTML은 웹브라우저에서 문서를 표현하기 위한 마크업 언어이며, CSS는 해당 문서의 디자인을 담당합니다. 강의에서는 개발자가 아니어도 이해할 수 있는 수준에서 HTML·CSS의 개념, 선택자, 우선순위를 설명합니다. 
크롬 개발자 도구를 활용해 실제 웹페이지에 적용된 CSS를 확인하고, 스타일을 수정·해제하며 웹이 어떻게 구성되는지 직접 확인합니다.
OOPY를 활용한 웹사이트 공개
OOPY는 노션 페이지를 개인 도메인과 연결하고, CSS·JavaScript 커스터마이징을 가능하게 해주는 서비스입니다. 강의에서는 OOPY 회원가입, 노션 페이지 연결, 개인 도메인 연결 방법까지 단계별로 진행합니다. 
완성 전에는 검색엔진 노출을 비활성화하고, 최종 점검 후 다시 활성화하는 실무적인 운영 방법도 함께 다룹니다.
메뉴 구성 · SEO · 분석 도구
노션의 제목 구조를 기반으로 자동 생성되는 목차를 활용해 메뉴를 만들고, OOPY에서 정상 작동 여부를 확인합니다. 추가로 CSS를 활용한 메뉴 커스터마이징 방법을 소개합니다. 
마지막으로 구글·네이버 검색엔진 등록과 구글 애널리틱스 등 분석 도구 연동을 통해 방문자 데이터를 확인하고, 실제 운영 가능한 홈페이지로 완성합니다.
수강생 후기
평균 평점 5.0/5.0 (8명 응답)
전체적인 사용법과 개인적으로 수정 및 보완할 점을 적절하게 알려주셔서 도움이 되었습니다.
중요한 알짜배기를 다 알려주셔서 너무감사합니다!!
사소한 기술적 문제부터 전문적인 내용들을 전반적으로 알 수 있었어요
oopy 서비스로 HTML과 CSS로 노션을 스타일링하는 방법을 알 수 있었습니다.
관심이 생겨서 유튜브강의를 많이 보게 되고 예전에 영상을 볼때보다 이해도가 높아졌음
노션에 대한 이해도가 높아짐 홈페이지 만들기도 재밌었어요
노션강의 정말 재밌었고 유익했어요! 노션과 친해질 수 있는 기회를 주셔서 감사합니다~
재밌게 설명해 주셔서 이해가 쏙쏙 됐습니다. 감사합니다!
노션 강의 문의하기
제주에서 활동하는 노션 전문 강사를 찾고 계신가요?
노션 공인 관리자격을 보유한 강사에게 문의해보세요!!