심화 · 포트폴리오

노션 포트폴리오 세팅

그동안 만든 앱들이 흩어져 있으면 아까워요. 오늘은 Notion에 작품을 모아 나만의 포트폴리오를 만들고, 마지막 자율 프로젝트를 기획합니다.

오늘의 목표

오늘 배우는 것

다음 2주는 과정의 하이라이트인 자율 프로젝트예요. 오늘은 그 준비로, 그동안 만든 작품을 한곳에 정리하고 마지막 프로젝트를 기획합니다.

📓

GOAL 1

Notion 블록으로 포트폴리오 페이지 틀을 만든다

🏆

GOAL 2

베스트 작품 2개를 문제·기능·배운 점으로 정리한다

🚀

GOAL 3

마지막 자율 프로젝트의 기획서 초안을 쓴다

새 도구 ①

Notion (노션)이란?

글·이미지·표·링크를 '블록'으로 쌓아 한곳에 정리하는 디지털 노트 도구예요. 블록을 위아래로 옮기거나 종류를 바꾸며, 내 마음대로 페이지를 꾸밀 수 있어요.

📓

Notion (노션)

글·이미지·표·링크를 '블록'으로 쌓아 한곳에 정리하는 디지털 노트 도구.

비유하면? 여러 칸으로 나뉜 정리함 서랍 같아요. 사진 칸, 메모 칸, 표 칸을 내 마음대로 넣고 뺄 수 있어서, 흩어진 물건(작품)을 서랍 하나에 깔끔하게 담을 수 있어요.

🧱 '블록'이 뭐예요?

레고 블록을 하나씩 끼워서 성을 만들죠? 노션도 똑같아요. 제목, 사진, 표를 각각 블록이라는 조각으로 쌓아서 페이지를 만들어요. /(슬래시)를 누르면 어떤 블록을 넣을지 메뉴가 나와요.

새 개념 ②

포트폴리오란?

내가 만든 작품을 한곳에 모은 '작품 모음집'이에요. 단순한 결과물 모음이 아니라, "어떻게 만들었고, 어디서 막혔다 풀었는지" 과정 기록까지 함께 담아요.

🗂️

포트폴리오

내가 만든 작품을 한곳에 모은 작품 모음집 (결과물 + 과정 기록).

비유하면? 학교 졸업앨범과 비슷해요. 졸업앨범엔 사진만 있는 게 아니라 그 시절 어떤 활동을 했는지도 담기죠. 포트폴리오도 작품 사진뿐 아니라 "어떻게 만들었는지" 이야기까지 담아야 진짜 내 것이 돼요.

새 개념 ③

MCP란 무엇일까?

AI가 채팅창 밖으로 나가서 다른 프로그램을 직접 조작할 수 있게 연결해 주는 통로예요. 예를 들면 AI가 Notion에 직접 글을 써주는 것도 MCP로 가능해요.

🔌

MCP (Model Context Protocol)

AI와 다른 프로그램(Notion, 구글 캘린더 등)을 연결해 주는 '접속 통로' 규칙.

비유하면? 여러 나라를 다닐 때 필요한 멀티 콘센트 같아요. 나라마다 콘센트 모양이 달라도, 멀티 콘센트 하나만 있으면 다 연결되죠? MCP도 AI가 어떤 프로그램이든 같은 방식으로 연결해 쓰게 해주는 통로예요.

📌 오늘은 더 간단한 방법을 써요

MCP로 연결하려면 계정 인증 같은 준비 단계가 필요해요. 오늘은 그 대신 더 쉬운 방법을 씁니다 — AI에게 포트폴리오 내용을 마크다운(글자로 쓰는 서식)으로 받아서, 노션 페이지에 복사해서 붙여넣기만 하면 돼요. 결과는 거의 비슷하지만 훨씬 간단해요.

개념

포트폴리오 = 작품 + 과정

좋은 포트폴리오는 결과물만 늘어놓지 않아요. "왜 만들었나, 무엇을 배웠나"를 함께 적을 때, 작품 하나하나가 내 실력의 증거가 됩니다.

작품을 모은다

기초·심화에서 만든 흩어진 결과물을 한곳에 모아요.

과정을 적는다

왜 만들었는지, 어디서 막혔다 어떻게 풀었는지 기록해요. 이게 진짜 자산이에요.

보여준다

주소(링크) 하나로 누구에게나 내 작품을 공유할 수 있어요.

📌 비유: 요리사의 레시피 노트

요리사는 완성된 음식 사진만 모으지 않아요. "이 재료를 왜 썼고, 어떻게 실패하다 성공했는지"를 함께 적죠. 그래야 다음에 더 잘 만들 수 있으니까요. 포트폴리오도 똑같아요.

💡 오늘의 작은 목표

처음부터 멋지게 꾸미려 하지 마세요. 오늘은 틀(표지·작품 목록·작품 상세)부터 만들고, 작품 2개만 잘 정리하면 충분해요.

미션 1

노션 포트폴리오 틀 만들기

🎯 목표: AI에게 포트폴리오 틀을 마크다운으로 요청해 받고, 노션 페이지에 그대로 붙여넣는다.

① AI에게 포트폴리오 틀 요청하기

노션 블록을 하나씩 만들지 않아요. AI에게 마크다운(글자로 서식을 표시하는 방법)으로 포트폴리오 틀을 만들어 달라고 요청하면, 노션에 붙여넣기만 해도 제목·구분선·목록이 자동으로 만들어져요.

💬 프롬프트 예시

학생 코딩 포트폴리오 페이지 틀을 마크다운으로 만들어줘. 구성은 표지(이름+한 줄 소개), 작품 목록, 작품 상세 칸 세 부분으로 해줘. 마크다운 문법(#, -, --- 등)으로 바로 복사해서 쓸 수 있게 줘.

② 받은 마크다운을 복사해서 노션에 붙여넣기

AI가 답을 주면 전체를 복사한 뒤, 노션의 빈 페이지를 열어 그대로 붙여넣으세요(Ctrl+V 또는 Cmd+V). 노션이 #은 제목으로, -는 목록으로, ---는 구분선으로 자동으로 바꿔줘요.

📄 AI가 줄 마크다운 예시

# OO의 코딩 포트폴리오 한 줄 소개를 여기에 적어요. --- ## 작품 목록 - 작품 1 - 작품 2 --- ## 작품 상세 ### 작품 1 이름 문제 / 기능 / 배운 점을 여기에 적어요.

📸 스크린샷 자리

[결과 화면] AI가 준 마크다운을 복사해 노션에 붙여넣은 직후 — 제목·구분선·목록이 자동으로 블록이 된 모습

③ 표지 다듬기

붙여넣은 틀에서 표지 부분(이름·한 줄 소개)만 내 이야기로 바꿔 적으세요.

⚠️ 자주 하는 실수

블록으로 안 바뀌고 글자 그대로 붙여져요 → 빈 페이지에, 커서가 맨 위에 있는 상태에서 붙여넣어 보세요.
완벽하게 꾸미려다 시간 소진 → 틀부터 만들고 꾸미기는 맨 나중에.
AI가 준 마크다운이 너무 복잡해요 → "더 간단하게 표지·목록·상세 세 부분만 줘"라고 다시 요청하세요.

📸 결과 미리보기

완성된 노션 포트폴리오 페이지

✓AI에게 포트폴리오 틀을 마크다운으로 요청했다✓받은 마크다운을 노션 빈 페이지에 붙여넣었다✓표지에 내 이름과 한 줄 소개를 적었다

미션 2

베스트 작품 2개 정리하기

🎯 목표: 그동안 만든 것 중 가장 자랑스러운 작품 2개를 골라 정리한다.

✏️ 먼저 스스로 해보기

어떤 작품을 자랑하고 싶나요?

바로 고르지 말고 순서대로 생각해 보세요.
① 기초·심화에서 만든 작품을 쭉 떠올려 적어 보세요.
② 그중 '가장 자랑하고 싶은 것' 기준으로 2개를 먼저 골라 보세요.

작품 정리 틀 — 이 순서로 적어요

작품마다 아래 다섯 가지를 적으면 누가 봐도 이해할 수 있어요.

이름

작품 제목 (예: 오늘의 운세 앱)

문제

왜 만들었나? 어떤 불편을 풀고 싶었나?

기능

무엇을 하는 앱인가? 핵심 기능 한두 가지.

배운 점

만들며 새로 알게 된 것, 막혔다 푼 경험.

링크 / 캡처

실제 화면 캡처나 앱 주소를 첨부.

📝 작성 예시

이름: 오늘의 운세 앱
문제: 아침마다 기분 좋게 하루를 시작하고 싶었다.
기능: 버튼을 누르면 AI가 오늘의 운세를 한 줄 만들어 준다.
배운 점: 버튼 클릭과 AI 호출을 연결하는 법을 익혔다. 키는 코드에 직접 쓰지 않는다는 것도 배웠다.

⚠️ 자주 하는 실수

설명이 "그냥 만들었어요"로 끝남 → 왜 만들었고 무엇을 배웠는지가 핵심이에요.
화면 캡처를 빼먹어 밋밋함 → 작품 화면 하나라도 꼭 넣어요.

✓먼저 떠올려 적은 뒤 베스트 작품 2개를 골랐다✓각 작품의 문제·기능·배운 점을 적었다✓화면 캡처나 링크를 첨부했다

🔒 힌트 — '배운 점'에 뭘 써야 할지 모르겠어요

이 세 가지 질문에 답해 보면 자연스럽게 채워져요.

① 만들기 전엔 몰랐는데 알게 된 것은?
② 어디서 막혔고 어떻게 풀었나?
③ 다음에 만든다면 뭘 더 해보고 싶나?

미션 3

마지막 프로젝트 기획하기

🎯 목표: 다음 2주간 만들 자율 프로젝트의 기획서 초안을 쓴다.

기획서에는 딱 세 가지만 적으면 돼요. (6주차 기획서 양식을 그대로 써도 좋아요.)

무엇을

어떤 앱·작품을 만들까?

누구를 위해

누가 쓰면 좋을까? (나·친구·가족 등)

핵심 기능 3가지

꼭 들어가야 할 기능 세 가지를 적는다.

🃏 선택지 카드 — 어떤 방향으로 갈까?

방향이 막막하면 하나를 골라 AI에게 아이디어를 받아 보세요.

기존 작품 업그레이드

이미 만든 앱에 기능을 더해 발전시키기

난이도 ★☆☆

→ "내 운세 앱에 추가하면 좋을 기능 5가지를 추천해줘"

새 문제 해결

생활 속 불편을 앱으로 풀어보기

난이도 ★★☆

→ "중학생이 겪는 불편 중 앱으로 풀 만한 걸 추천해줘"

관심사 결합

내가 좋아하는 것을 프로젝트로

난이도 ★★☆

→ "게임을 좋아하는데 만들 만한 프로젝트를 추천해줘"

도전 프로젝트

배운 것을 합친 큰 도전

난이도 ★★★

→ "데이터 분석과 AI를 합친 프로젝트 아이디어를 줘"

나만의 아이디어!

위에 없는 나만의 프로젝트를 직접 정해 기획하기

⚠️ 자주 하는 실수

너무 큰 걸 만들려 함 → AI에게 "이걸 2주 크기로 줄여줘"라고 요청해요.
아이디어가 안 정해짐 → A(기존 작품 업그레이드)가 가장 안전하고 빨라요.

✓프로젝트 방향을 정했다✓핵심 기능 3가지를 적었다✓기획서 초안을 노션에 저장했다

보너스 미션

더 해보고 싶다면

미션 3까지 끝내고 시간이 남는다면 도전해 보세요. 끝내지 못해도 괜찮습니다.

기술 스택 + 일정표

자율 프로젝트에 쓸 도구와 2주 작업 계획을 노션 표로 정리해요. 계획이 있으면 다음 2주가 든든해요.

🗓️ 2주 일정표 예시 (노션 표로)

9주차 — 핵심 기능 1개 완성
10주차 — 마무리 + 발표 준비
표 항목: 할 일 / 날짜 / 완료

🎯 성공 기준

표지가 한층 멋져지거나, 2주 일정표를 노션 표로 만들면 성공이에요.

정리

오늘의 핵심 정리

1️⃣

포트폴리오

노션에 내 작품을 모으는 포트폴리오를 만들었다

2️⃣

정리

베스트 작품 2개를 문제·기능·배운 점으로 정리했다

3️⃣

기획

마지막 자율 프로젝트를 기획했다

📌 다음 주 예고

다음 주부터는 자율 프로젝트가 시작돼요. 오늘 기획한 프로젝트를 직접 만들기 시작합니다. 포트폴리오 표지를 다듬고, 핵심 기능 3가지를 확정해 오세요.

🔧 막혔을 때 — 자가 디버깅 4단계

노션이든 코드든, 막혔을 때는 이 순서대로 스스로 해결해 봅니다.

무엇이 안 되는지 적기

"어디서 / 무엇을 하려는데 / 어떻게 안 되는지"를 한 줄로 적는다.

AI에게 물어보기

"노션에서 ~를 하려는데 어떻게 해?"처럼 구체적으로 질문한다.

다시 해보기

알려준 방법을 차근차근 따라 한 번 더 해본다.

선생님께 질문

그래도 안 되면 '하려던 것 + 시도한 것'을 함께 설명한다.