kaywon
<맨 위로>
1주차 - 오리엔테이션
교수 소개
- introduction 교수소개
- 17년차 프로그래머 (action script, c++, c#, html, css, java script, php)
- AR, VR, 피지컬 컴퓨팅, 메타버스
- 10년차 전문대학교 강사 (디자인 대학생 대상 프로그래밍 교육)
- Unity3D, Arduino, 프론트엔드(html,css,javascript), 백엔드(php,mysql)
과목 소개
- 2025년 학과 수칙 및 수업 진행 방식
- 생성형 AI를 활용한 교수/학습 운영방법 가이드라인
- 전문대학교의 주요 목표는 취업과 진학(대학 편입 등)
- 12월에 있을 산업체 리트루팅을 위한 포트폴리오 제작, 대학 편입을 위한 포트폴리오 제작
- 바로 취업 및 대학 편입을 하지 않더라도 추후 사용될 포트폴리오 제작
-
졸업작품 심사 전 : 캡스톤디자인 과목에 집중
-
졸업작품 심사 후 : 포트폴리오제작 과목에 집중
목표 유형 정하기, 목표 대상 정하기
- 목표 유형 : 취업, 진학, (창업x = 사업계획서 : 본 교과와 맞지 않음)
- 목표 대상 : 000대학교 일반학사, 000회사 000팀
사용할 플랫폼(platform) 정하기
- 이번 학년도 학생들은 React를 선행학습 하였기 떄문에 포트폴리오를 만드는데에 React를 활용하고자 합니다. (디지털미디어디자인과 권장사항)
- 지난 수업에서 React를 사용하는것에 어려움이 있어서 부득이하게 다른 수단을 이용하고 싶다면 조사하여 알려주세요.
- 플랫폼 키워드: Behance, Dribbble, Notion, Portfoliobox, Adobe Portfolio, Squarespace, Wix, Carbonmade
- 주의사항: 각 플랫폼의 사용방법을 알려드릴 수 없습니다. 사용방법은 직접 인터넷을 검색하여 해결해야합니다. 직접 다룰 수 없다면 선택하지 않도록 합니다.
키워드 정하기
- 신뢰감 있는, 성실한, 현명한, 긍정적인, 활기찬, 실력있는, 끈기 있는, 포기하지 않는, 믿을 수 있는,
- 되도록 긍정적인 단어를 사용합니다.
- 첫번째 단어부터 1순위 표현 대상이 됩니다. 키워드 기준으로 피드백 합니다.
- 키워드에 따라 포트폴리오가 가져야할 형태가 크게 바뀝니다. 키워드 선정에 신중하도록 합니다.
- 실력있는, 믿을 수 있는 - 높은 기술력을 요구하는 프로젝트를 게시한다, 실제 수행한 프로젝트를 나열한다.
개발환경 세팅하기
1주차 과제
- 생성형 AI 를 사용예정이라면 이름 및 url링크, 간단한 부연설명(100자 이내) 작성 (AI를 사용하지 않는경우 생략)
- 플랫폼 선택 (React의 경우는 React, 다른 플랫폼의 경우에는 간단한 부연설명(100자 이내) 작성)
- 카페에 답글로 플랫폼 조사 결과 작성, 기본환경이 갖추어진 포트폴리오를 열어 볼 수 있는 링크 작성
- 다음의 예시를 복붙하고 빈칸 채우기로 작성
1. AI사용여부, 이름, 링크주소: 사용, ChatGPT, https://chatgpt.com/?model=auto
2. 목표유형, 목표대상, 회사(또는 학교)링크 : 취업, 구글, https://google.com
3. 플랫폼 선택 : React
4. 키워드(총 5 단어) : 노련한, 신뢰감 있는, 성실한, 끈기 있는, 포기하지 않는
5. React 접속 주소(없는경우 플랫폼 기본세팅 주소) : https://onethelab.com/rect-portfolio/
진행 예정
- 다음주 부터는 개별 면담식으로 이번주에 작성한 플랫폼, 목표 유형, 목표대상, 키워드 등을 위주로 피드백합니다.
- 아직 불분명하거나 고민이 있는 경우에는 수업시간내에 조사, 면담 하여 해결 하도록 합니다.
- 추가로 진로에 대한 부분이나 React 자체에 대한 내용, 졸업작품 프로그램에 관한 질문들도 가능합니다.
2주차 - 방향 설정, 플랫폼 기본 세팅
개발환경 세팅하기
- react 리액트 초기세팅
- 지난 시간에 완료되지 않는 내용을 추가로 진행합니다.
배포하기
npm run deploy배포하기
당부 사항
- 질문이 많을 수록 얻는것이 많습니다.
- 아무것도 궁금하지 않는 경우 일방적으로 준비하여 알려드릴 수 있는 수업의 내용에 한계가 있습니다.
- 개인별로 준비되어 있는 면담 시간 이외에 남는 시간도 잘 활용 될 수 있도록 질문사항은 언제든 환영합니다.
- 수업시간내에 답변드리지 못할 경우 다음 수업에 준비하여 알려드릴 수 있도록 하겠습니다.
2주차 과제
- https://onethelab.com/rect-portfolio/ 처럼 표시되는 페이지를 만들도록 합니다. (오류 없이 표시 되도록)
- 예시보다 더 추가되어 있는것은 괜찮습니다. 필요없는 부분의 삭제도 가능합니다.
- 목표로 하는 업체(대학교), 가장 최신의 모집공고 링크, 직군 이름(학과 명), 업무 내용(커리큘럼) 파악하기 : 내가 할 수 있는 업무인지(내가 필요로 하는 수업인지)
- 다음주 수업에서 해당내용을 같이 이야기 해보고 다른 업체로 변경하거나. 결정되면 포트폴리오를 정리할 예정입니다.
- 그 외에 궁금한점 (React, 프로그래밍, 진로, 소스코드 디버깅 등등) 게시글로 작성하기 (필수 1문)
3주차 - 모집요강 확정
- 채용절차를 정확히 아는 것이 필요합니다.
- 조사해 보면 모집을 하지 않는다거나, 서류심사에서 부적합 하다거나(학력, 경력, 분야) 하여 시도조차 할 수 없는 경우가 있습니다.
- 현실적으로 노릴 수 있는 대상을 선정합시다.
- 실질적인 모집요강, 또는 ‘매 0월 마다 공채’, ‘상시모집 공고 있음’ 같은 자료가 필요합니다.
현 단계 유의 사항
- 방향 설정없이 전력질주 하지 말기 : 목표대상이 바뀌면 플랫폼, 키워드 등이 바뀔 수 있습니다.
- 내용을 만드는 단계가 아닙니다. 정보를 수집하고 목표를 설정한 뒤 있는 재료(포트폴리오, 이력)를 편집할 예정입니다.
- 방향이 다양하거나 확실하지 않는 학생은 이번주 피드백을 방향잡기로 활용합니다.
- 형태 다듬기, 모양 꾸미기, 디자인 하지 말기 : 식재료 선별단계에서 조리되지도 않는 생 재료를 플레이팅 하고 데코레이션 하는 격입니다. 결국 다시 다 부수고 만들게 됩니다.
React 기본개념
AI 활용하기
- Gemini CLI 설치 및 사용법
- Gemini CLI를 활용해 봅시다.
- gemini 사용 튜토리얼
3주차 과제
- Gemini Cli를 활용하여 목차 및 페이지(jsx)를 생성해 봅시다. (Markdown으로 메뉴를 관리하면 추가 삭제 하기가 수월합니다.)
- 포트폴리오 링크를 첨부하고 링크에서 대략적인 목차를 볼 수 있도록 합니다. (routher, component 등을 활용)
- 목표유형 1가지(취업, 편입, 전공심화), 목표대상 1가지(명확한 사명, 팀명, 직군, 업무 기록) 확정하여 작성합니다.
진행 예정
- 다음주에는 모집요강을 바탕으로 한 실질적인 준비내용을 피드백 합니다.
- 대상학교, 대상회사의 포트폴리오 (결과물, 프로젝트 이력)등을 미리 파악 하면 다음주 과제로 수집 할 예정입니다.
- 이력(년월일 이 있는 실제 일어난 이력 - 입학, 졸업, 자격증 취득, 아르바이트, 학생회 활동, 동아리 활동, 공모전 참가 등)을 미리 기록 하면 다음주 과제로 수집 할 예정입니다.
4주차 - 상황파악, 이력수집
MZ와 퇴사
- mz세대 뉴스 보도자료
- 실제로 많이 들려오는 이야기 ‘인턴쉽 중 퇴사’, ‘1년 재계약 전 퇴사’, ‘문자로 통보하고 퇴사’ 등
- 포트폴리오와 자기소개서의 방향을 꾸준함과 끈기로 잡아도 지금의 상황에서는 크게 어필할 수 있을 것
당부드리는 말
- 계원에서 진행하는 산업체RT에 참가하여 취업한 선배들이 그동안 잘 해주었고, 따라서 계원 졸업생에 대한 회사의 믿음도 높은편 (우리가 졸업 후 취업할 가능성이 높은 좋은 기회라는 이야기)
- 그렇다고 선배들이 잘해서 취업을 했으니, 취업을 한 뒤 후배들을 위해 버티라는 뜻이 아님. 개인의 이력에도 짧은 근무기록은 추후 이직과 취업에 좋지 않는 영향을 줌
- 이력서에 1년 이하 근무 기록(아르바이트 기록)을 빼곡하게 채우면 어느 순간 그것만으로도 직장을 구할 수 없게 됨 (실제로 경력, 스펙은 좋았으나 근무이력을 보고 탈락시킨 경우가 있었음)
- 최근 산업체RT에서도 취업 후 얼마 못 버티고 퇴사한 사례, 또는 면접만 보고 취업을 하지 않은 사례들이 있어서 학교에서도 유의하는편 (기업, 학교, 졸업생 신뢰의 문제)
대상학교(또는 회사) 이력 수집
- 학교라면 커리큘럼의 제목이나 구체적으로 무엇을 배우는 수업인지 알아봅시다. (졸업작품전 자료 등)
- 회사라면 실질적인 프로젝트 작업물, 직접적으로 하는 업무 분야를 알아봅시다. (회사의 포트폴리오, 작업이력)
- 대상이 구체적이여도 나와 분야가 다르면 편입이나 취업이 어려울 수 있습니다. (이 지원자가 왜 여기를 오려고 하지?)
면담
- 면담 시간표 : https://docs.google.com/spreadsheets/d/1RTexi_ojv0RmN5Ci4U5xYdGt_8_xtUZ23Z5ezSRwFf4/edit?gid=0#gid=0
- 대부분 공평하게 하려고 하지만 이야기를 하다보면 약간 길어지거나 하는 경우가 있습니다. 수업 종료 후에도 추가 면담은 환영이니 시간이 부족하다고 생각하는 학생은 이야기 해주세요.
4주차 과제
- 대상 학교(대상 업체)의 졸업작품(포트폴리오) 수집 : 이 회사는 무엇을 하는 회사인가, 이 학교는 무엇을 가르치는 학교인가
- 대상학교의 커리큘럼, 대상회사의 포트폴리오 등을 알 수 있는 스크린샷 이나 링크주소
- 졸업생들의 포트폴리오 수집 : 2024년 2023년 기준 3개이상 링크주소 (링크를 수집하는게 중요한것이 아닌, 선배들을 통하여 방향성을 잡는데 도움을 받고자 함 입니다.)
- 이력서, 자기소개서 (초안, A4규격 세로) 작성 : PDF파일로 제작하여 업로드. (매 주 업데이트 할 예정이니 수업시간내에 할 수 있는 선에서 작성하여 제출합니다.)
진행 예정
- 포트폴리오를 편집하고 나열할 예정입니다. 이미 자료가 있다면 선택한 플랫폼에 러프하게(다듬어져 있지 않더라도) 내용을 볼 수 있도록. 제목, 기간, 설명 등을 작성합니다.
- 이력서를 취업에 적합한 내용만 정리할 예정입니다. 미리 중요도를 생각해 오면 면담을 통해 쉽게 정리 할 수 있을 것입니다.
5주차
- 포트폴리오 = 홍보물, 이력서 = 사양서

- 홍보물 : 강점을 기준으로 기억에 남을수 있도록 제작, 알아듣기 쉬운 용어로 변경, 임펙트 있게 필요한 부분만 요약 (짧고 굵게), 컨셉이 있는
- 사양서 : 있는 그대로의 기록의 나열, 정확한 용어와 단위, 수치화된 정보를 사용하여 표기
- 제품 홍보물 : https://www.apple.com/kr/macbook-pro/
- 제품 사양서 : https://www.apple.com/kr/macbook-pro/specs/
- 포트폴리오, 이력서는 나에 대한 홍보물과 사양서 입니다.
- 우선 이력서를 완성하고 난 뒤에 그중 특히 강조할 수 있는 부분을 포트폴리오로 올릴 예정입니다.
목차 - 예시
- 인적사항
- 이름, 나이, 전공, 학력 등
- 프로젝트
- 제목, 기간, 플랫폼, 개발 인원(1인, 팀이면 인원수), 역할 분담 및 담당 역할
- 기타활동
- 제목, 기간
이력서
- 기간 (년월 ~ 년월)이 표기된 실제 있었던 일들을 작성합니다.
- 00 중학교 졸업, 00 아르바이트, 00 공모전, 00 경시대회 등등 세세한 것을 입력합니다. (나중에 상황에 따라 제외할 예정)
- 기록하고 싶지 않은 기록은 굳이 할 필요 없습니다. 포트폴리오 수업때 언급되어도 괜찮은 내용만 기록하세요.
자기소개서
두괄식, 미괄식
- 두괄식(頭括式) → 주제나 결론을 앞에 제시, 근거/설명을 뒤에 배치 → 독자가 내용을 쉽게 파악 가능.
- 저는 리더십이 좋습니다(결론). 대학교 2년 동안 과대, 동호회 회장등을 맡아 여러 친구들과 소통하며 운영해본 경험이 있고, 성공적으로 해왔기 때문입니다.(근거/설명)
- 미괄식(尾括式) → 근거/설명을 앞에 제시, 결론을 뒤에 배치 → 긴장감이나 설득력을 높일 때 사용.
- 대학교 2년 동안 과대, 동호회 회장 등을 맡아 여러 친구들과 소통하며 운영해본 경험이 있고, 이를 성공적으로 해왔습니다.(근거/설명) 따라서 저는 리더십이 좋습니다.(결론)
- 대학교 2년 동안 과대, 동호회 회장 등을 맡아 여러 친구들과 소통하며 운영해본 경험이 있지만, 실수가 잦았습니다.(근거/설명) 결과 제가 리더가 되긴 어렵다고 생각했습니다 (반전)
- 의도가 명확하다는점에서 자기소개서는 두괄식이 적합합니다. 내용이 길면 면접관이 읽지 않고 넘길수도 있기 때문입니다.
- 소설등의 극적인 연출을 위한 방법으로는 미괄식이 적합합니다. 문장의 끝까지 긴장감을 유지하거나 반전을 줄 수도 있습니다.
면담
- 면담 시간표 : https://docs.google.com/spreadsheets/d/1RTexi_ojv0RmN5Ci4U5xYdGt_8_xtUZ23Z5ezSRwFf4/edit?gid=0#gid=0
- 대부분 공평하게 하려고 하지만 이야기를 하다보면 약간 길어지거나 하는 경우가 있습니다. 수업 종료 후에도 추가 면담은 환영이니 시간이 부족하다고 생각하는 학생은 이야기 해주세요.
5주차 과제
- 이력서 초안 및 자기소개서 문단 주제(두괄식의 결론 부분)를 작성합니다.
- 최종적으로 8주차 중간평가때(2025년 10월 19일 23:59:59) 완성본을 제출 할 수 있도록 내용을 개선합니다.
문단 주제(예시)
- 맡은일에 최선을 다합니다.
- 다양한 경험을 통해 준비되어 있습니다.
- 변화를 두려워 하지 않고, 배움에 적극적입니다.
- 성실하고 근면합니다.
- 포트폴리오에 들어갈 작품을 편집하고 나열합니다. 이미 자료가 있다면 선택한 플랫폼에 러프하게(다듬어져 있지 않더라도) 내용을 볼 수 있도록. 제목, 기간, 설명 등을 작성합니다.
- 포트폴리오에 들어갈 작품을 편집하고 나열하는 방법은 PDF파일에 스크린샷을 첨부하거나, 링크를 클릭하여 들어가서 볼수 있도록 링크 주소를 게시글에 작성하는 등, 형식은 자유입니다.
6주차 - 추석 연휴로 인한 휴강
7주차 - 중간평가 준비 - 이력서 및 자기소개서 작성
이력서, 자기소개서 작성
- 고용노동부 “이력서, 자기소개서 작성 가이드” : https://m.work24.go.kr/wk/r/d/1110/resumeSelfIntroGuide1.do
- 직무 역량이 나타나도록 작성
- 과장이나 거짓말 금지
- 간결하고, 일관성 있게 작성
- 오탈자, 맞춤법, 정렬 반드시 확인
- 자격증 취득년도, 교육이수 과목명 등 정확히 명시
- 잡코리아 “시선을 사로잡는 이력서, 어떻게 작성할까?” https://www.jobkorea.co.kr/net/recruit/careers/articles/how-to-write-an-eye-catching-resume
지원 자격, 우대사항
- 지원 자격과 우대사항에서 단서 찾기
- 지원 자격과 우대사항 모두 충족하는 경우 : 포지션 상세내용까지 부합하는 부분을 적극 부각시켜 ‘완벽한 적임자’임을 강조
- 지원 자격만 충족하는 경우 : 기본 역량을 중심으로 서술하되, 학습능력과 성장 가능성을 함께 어필
- 우대사항만 충족하는 경우 : 우대사항의 경력을 특별히 부각하며 지원 자격 요건은 대체 가능한 경험으로 보완
- 모두 불충족하는 경우 : 직무와 연관된 간접 경험이나 전문성을 강조하며 새로운 시각 제시
업무+성과 중심 작성
- 지원자가 실제로 작업한 내역, 업무 내용을 나열하는것 보다는 성과를 작성하는것이 효과적
정성적인 성과도 정량적인 성과로 만들기
- 숫자를 나열하는것이 아닌 성과가 가지는 의미와 가치를 함께 전달
면담
- 면담 시간표 : https://docs.google.com/spreadsheets/d/1RTexi_ojv0RmN5Ci4U5xYdGt_8_xtUZ23Z5ezSRwFf4/edit?gid=0#gid=0
- 대부분 공평하게 하려고 하지만 이야기를 하다보면 약간 길어지거나 하는 경우가 있습니다. 수업 종료 후에도 추가 면담은 환영이니 시간이 부족하다고 생각하는 학생은 이야기 해주세요.
8주차 - 중간평가 제출
- 별도의 발표가 없습니다. 완성된 이력서 및 자기소개서 PDF파일을 제출합니다.
- 8주차 수업시간내에 이력서 및 자기소개서를 작성완료하여 제출합니다.
평가 기준
| 구분 | 평가 항목 | 적용 문서 | 세부 기준 | 배점 예시 (5점 만점) |
|---|---|---|---|---|
| 1 | 형식 및 완성도 | 공통 | 오탈자·맞춤법, 문서 정돈, 시각적 일관성 | 0~5 |
| 2 | 경험의 구체성 및 성과 중심 표현 | 공통 | 활동·프로젝트·인턴 경험 등을 구체적으로 서술하고, 결과·기여도·배운 점 제시 | 0~5 |
| 3 | 직무 및 전공 관련성 | 공통 | 지원 분야와의 연관성, 전공과 목표의 일치도 | 0~5 |
| 4 | 전반적 인상 및 완결성 | 공통 | 문서 전체의 전문성, 신뢰감, 열정·성실함 전달력 | 0~5 |
| 5 | 기본 정보의 정확성 | 이력서 | 인적사항, 학력, 경력, 자격 등의 사실성 및 표기 명확성 | 0~5 |
| 6 | 논리적 구성 및 문장력 | 자기소개서 | 글의 흐름, 단락 구성, 문법 정확성, 표현 자연스러움 | 0~5 |
| 7 | 진정성 및 자기이해도 | 자기소개서 | 자신의 경험을 진솔하게 설명하고 강점·가치관을 스스로 인식함 | 0~5 |
| 8 | 차별성 및 독창성 | 자기소개서 | 다른 지원자와 구분되는 고유한 경험, 관점, 비전이 드러남 | 0~5 |
- 각 항목을 평점으로 기록하고 학생별 상태평가함
- 제출 마감 9주차 수업 전 까지 (10월 26일 23:59:59)
9주차 - 포트폴리오 초안
브랜드 컬러 정하기
- 참고 링크 : 색채심리학-최고의-브랜드에게는-최고의-브랜드
컬러 계획(Color Scheme)
- 참고 링크 : 중요한 디자인 구성요소에는 중요한 컬러를 적용
- 주제색(Primary Color): 주인공 역할을 하는 색 = 브랜드 컬러(Brand Color)
- 강조색(Accent Color): 강조하는 역할을 하는 색, 사람의 시선을 사로잡는 색
- 배경색(Background Color): 바탕, 백그라운드(BG, Background)에 사용한 색, 기본 바탕이 되어주는 색
- 보조색(Sub Color): 보조적인 역할을 하는 색, 주재색이 돋보이 도록 보조해 주는 색
컬러 비율
- 참고 링크 : 잊혀지지 않는 브랜드 컬러의 비밀
-
배경색 : 보조색 : 주제색&강조색 = 70 : 25 : 5
- 참고 링크 : 색 구성 비율의 균형을 조화롭게 맞추는 공식, 60-30-10 법칙
- 배경색 : 보조색 : 주제색&강조색 = 60 : 30 : 10
면담
- 면담 시간표 : https://docs.google.com/spreadsheets/d/1RTexi_ojv0RmN5Ci4U5xYdGt_8_xtUZ23Z5ezSRwFf4/edit?gid=0#gid=0
- 대부분 공평하게 하려고 하지만 이야기를 하다보면 약간 길어지거나 하는 경우가 있습니다. 수업 종료 후에도 추가 면담은 환영이니 시간이 부족하다고 생각하는 학생은 이야기 해주세요.
10주차 - 코드리뷰
툴 사용 능력 표기
- 사양서 처럼 일종의 스펙 작성해보기
- 잘못된 스펙 : 웹표준 80%, 웹 접근성 20%, 반응형 웹 40%
- 제대로된 스펙
- 웹 접근성
- 시각,이동성,청각,인지를 고려한 웹 접근성 준수 고려사항을 알고 있습니다
- 스크린 리더 소프트웨어에 적합한 페이지 제작법을 알고 있습니다.
- 화면확대 도구를 사용하여도 깨지지 않는 견고한 페이지를 제작합니다.
- 반응형 웹
- View port를 이용하여 디바이스에 맞는 화면설정을 할 수 있습니다.
- madia query를 이용하여 스크린 크기 및 디바이스 종류를 구별하여 css를 적용할 수 있습니다.
- javascript
- 라이브러리를 import하고 활용할 수 있습니다.
- 기본적인 기능을 이해하고 사용할 수 있습니다.
- react
- react를 설치하고 기본 환경을 구성할 수 있습니다.
- 프론트엔드 페이지를 react로 제작할 수 있습니다.
- 백엔드(node.js)
- DB와 데이터를 연동하여 결과를 출력할 수 있습니다.
- 검색, 정렬 기능을 구현할 수 있습니다.
- 웹 접근성
기술 사양 키워드
- 사용기술
- Swift, SwiftUI, UIKit, AppKit, MacCatalyst, JavaScript, Objective-C, C/C++, C, Java, MFC
- java(JDK 1.8), HTML/CSS, Javascript
- 아키텍쳐
- Clean Architecture, MVVM, MVC, Layered Architecture
- 라이브러리 또는 API (Application Programming Interface)
- Alamofire, RxSwift, Nuke, Starscream, PhoenixSocket, SwiftyRSA, OpenSSL, OHHTTPStubs, Spring Boot, MyBatis 3.2.2, KAKAO/NAVER/GOOGLE Login API
- 개발환경
- macOS, iOS, Xcode, MS Windows, Java Spring Framework, extJS, Apache Tomcat, Eclips
- 서버
- Apache Tomcat 8.0, AWS EC2, ubuntu
- DB (Data Base)
- MariaDB 10.1, Amazon RDS
- 개발도구 (IDE : integrated development environment, 통합 개발 환경)
- IntelliJ IDEA 2021, HeidiSQL, Sublime Text3, HeidiSQL, phpMyAdmin 2.x, MySQL WorkBench
면담
- 면담 시간표 : https://docs.google.com/spreadsheets/d/1RTexi_ojv0RmN5Ci4U5xYdGt_8_xtUZ23Z5ezSRwFf4/edit?gid=0#gid=0
- 대부분 공평하게 하려고 하지만 이야기를 하다보면 약간 길어지거나 하는 경우가 있습니다. 수업 종료 후에도 추가 면담은 환영이니 시간이 부족하다고 생각하는 학생은 이야기 해주세요.
11주차
- 계원 산업체 RT 참가업체 명단
- 포트폴리오 콘텐츠 맵(Content Map)
포트폴리오 콘텐츠 맵 (Portfolio Content Map)
| 구분 | 섹션명 | 주요 콘텐츠 | 데이터 활용 요소 | 목적 / 설명 |
|---|---|---|---|---|
| 1 | Introduction | 자기소개, 포트폴리오 개요, 제작 목적 | 인적 데이터 요약 (경력, 분야, 기술 스택 등) | 포트폴리오의 방향성과 핵심 역량 개요 제시 |
| 2 | Career & Skill Overview | 기술 스택 정리, 역량 그래프, 성장 타임라인 | 프로젝트별 기술 사용 빈도 데이터 | 기술적 강점과 성장 흐름을 시각화 |
| 3 | Project Catalogue | 주요 프로젝트 3~5개 | 프로젝트 메타데이터 (기간, 팀 규모, 성과 수치 등) | 핵심 프로젝트를 데이터 기반으로 정리 |
| 4 | Process & Workflow | 작업 절차, 협업 방식, 도구 사용 프로세스 | 업무 로그, 협업 툴 데이터 | 실제 작업 흐름과 효율성 분석 |
| 5 | Result & Impact | 프로젝트 성과, 지표 중심 결과 | 사용자 수, 성능 개선률, 리뷰 데이터 | 데이터로 검증된 성과를 시각화 |
| 6 | Reflection & Growth | 문제 해결 사례, 개선 과정, 배운 점 | 비교 데이터 (Before vs After) | 경험에서 도출한 학습 및 발전 내용 정리 |
| 7 | Appendix / Reference | 관련 자료, 링크, 코드 저장소 | 외부 레퍼런스 데이터 | 참고 자료와 추가 증빙 제공 |
역량 그래프(skill chart)
- 면담 시간표 : https://docs.google.com/spreadsheets/d/1RTexi_ojv0RmN5Ci4U5xYdGt_8_xtUZ23Z5ezSRwFf4/edit?gid=0#gid=0
- 대부분 공평하게 하려고 하지만 이야기를 하다보면 약간 길어지거나 하는 경우가 있습니다. 수업 종료 후에도 추가 면담은 환영이니 시간이 부족하다고 생각하는 학생은 이야기 해주세요.
11주차 과제
- 포트폴리오 콘텐츠 맵 작성
- 예시를 확인하고 자신에 맞는 내용 적용, 필요없는 내용 삭제, 예시에 없는 내용중 필요하다고 생각되는 내용 추가작성
- 이는 포트폴리오 사이트의 목차(순서)가 됩니다.
- 역량 그래프 완성
- 역량 그래프 내용을 참고하여 막연한 수치가 아닌 명확한 근거를 바탕으로 한 수치 작성
- 내용을 작성하고 시각적으로 어떻게 표현할지도 같이 고민 해보세요.
12주차 - 메인 페이지 및 자기소개(Introduction) 완성
- 2025-11-17
주요 활동
- 11주차 ‘콘텐츠 맵’을 바탕으로 메인(랜딩) 페이지 UI 구현.
- ‘Introduction’ 섹션 내용 작성 및 디자인 (자기소개, 포부, 핵심 역량 요약).
- 11주차 ‘역량 그래프(Skill Chart)’를 보완.
과제
- 매주 동일하게 포트폴리오 링크 제출, 중간과정 스크린샷 5장 필수
- 메인 페이지와 자기소개 섹션을 구현
- 기획 의도를 담은 키 비주얼과 시각화된 역량 그래프를 포함
13주차 - 핵심 프로젝트 페이지 제작
- 2025-11-24
주요 활동
- ‘Project Catalogue’에 따라 가장 자신 있는 핵심 프로젝트 2~3개의 상세 페이지 제작.
- 각 프로젝트 페이지에 구체적인 내용 채우기 (프로젝트 개요, 기간, 역할, 사용 기술, 결과물 스크린샷/영상, 배운 점).
- GitHub 리포지토리 링크 또는 라이브 데모 링크 추가.
- 프론트엔드 취업, 웹 퍼블리싱 취업의 경우 ‘소스코드 리뷰’추가.
과제
- 매주 동일하게 포트폴리오 링크 제출, 중간과정 스크린샷 5장 필수
- 최소 2개 이상의 프로젝트 상세 페이지 포함
- 프로젝트 개요, 적용 기술, 본인의 역할, 결과물(이미지/영상)을 상세히 기록
14주차 - 서브 콘텐츠 제작 및 전체 검수
- 2025-12-01
주요 활동
- ‘콘텐츠 맵’의 나머지 섹션(e.g., Career, Reflection, Contact) 페이지 제작 및 내용 작성.
- 전체 페이지 간의 네비게이션(이동)이 부드럽게 이어지는지 확인.
- 1차 검수 진행 (오탈자, 깨진 링크, 이미지 로딩 등).
과제
- 매주 동일하게 포트폴리오 링크 제출, 중간과정 스크린샷 5장 필수
- 모든 목차가 구현되고 내용이 채워진 포트폴리오 1차 완성
- 최소 모든 프로젝트 상세 페이지 포함
- 다른 디바이스에서의 테스트 및 오탈자, 깨진 링크 등 자체 검수
15주차 - 기말 최종 제출
- 2025-12-08 수업
주요 활동
- 14주차까지의 작업을 바탕으로 최종 수정 및 보완.
- 기말 평가 기준에 맞춰 최종 포트폴리오 온라인 링크 제출.
- 기말평가를 위한 발표 등은 없습니다. 제출한 포트폴리오를 통하여 기말평가(상대평가) 진행합니다.
기말평가
- 완성된 포트폴리오 링크 제출,
- 기말평가 제출용 PDF파일 (웹사이트를 ‘인쇄’에서 PDF로 저장)
- 이력서, 자기소개서를 포트폴리오 사이트에 링크 또는 서브페이지로 수록
- 플랫폼 특성상, 희망직군 특성상 구현 불가능/미구현 한 부분은 카페 게시글로 작성 (예 : notion에서 폰트크기를 능동적으로 바꿀수 없었습니다. 영상관련 직무 포트폴리오로 코드리뷰가 필요하지 않았습니다.)
평가내용
| 구분 | 평가 항목 | 세부 기준 | 배점 예시 (5점 만점) |
|---|---|---|---|
| 1 | 포트폴리오의 완성도 | 디자인, 레이아웃, 사용자 경험(UX) 등 전체적인 완성도 | 0~5 |
| 2 | 프로젝트 상세설명 | 프로젝트의 목표, 과정, 결과, 코드리뷰 등 내용의 구체성 | 0~5 |
| 3 | 내용의 정확성 | 링크 오류, 오탈자 등 콘텐츠의 신뢰도 | 0~5 |
| 4 | 콘텐츠의 양과 질 | 수록된 프로젝트의 수와 각 프로젝트의 깊이 | 0~5 |
| 5 | 직무 연관성 | 희망 직군과 포트폴리오 콘텐츠의 논리적 연결성 | 0~5 |
수업 마무리
사후진단평가
-
<사후진단평가> 참여 방법
사후진단평가>
- ▶ 1학년 수강생의 경우 학생성공지원시스템(excellent.kaywon.ac.kr) 로그인 → 교과목 진단평가 [평가하기] 클릭 후 진행
- ▶ 2학년 수강생의 경우 기존 교육과정관리시스템(ncs.kaywon.ac.kr)로그인 → 교과목 진단평가 [평가하기] 클릭 후 진행
제출 파일 확인
-
링크 다시한번 확인하기
- 링크로 접속이 불가능할시 미 제출에 가까운 패널티를 받게 됩니다.
-
이럭서 PDF, 자기소개서 PDF파일 추가 첨부
장래, 당부하고 싶은말
- 지속적으로 공부하기, 특히 AI관련 공부를 꼭 해보시길 바랍니다.
- AI Developer 인공지능과 개발자의 미래
미래를 걱정하지마세요.
- 이미 증기기관으로 인한 1차 산업혁명과 대량의 실업, 러다이트 운동들이 일어났습니다.
- 이를 비유하여 4차 산업혁명과 대량의 실업을 예견하거나 불안감을 주는 정보들도 많이 있습니다.
- 1차 산업혁명은 자본가(공장 주인, 땅주인)들 만이 생산성을 폭발적으로 높일 수 있었습니다.
- 4차 산업혁명은 1차 만큼 폐쇄적이지 않습니다. 핵심 기술에 접근할 수 있는 채널이 과거보다 훨씬 많습니다.
공부를 지속하세요.
- 오늘날 누구나 온라인을 통해 최신 기술을 학습할 수 있는 기회가 열려 있습니다.
- 공부하고자 하면 공장을 직접 소유하지 못하더라도 AI라는 거대한 자동화 공장을 누구나 쓸 수 있습니다.
쉽지는 않을 것입니다.
- ‘신입을 뽑지 않는다.’,’경력직도 위험하다’ 같은 말에 현혹되지 마시고, AI 활용법을 공부하고, AI를 사용하여 능력을 확장하세요.
- 신입이 경력직보다 더 높은 퍼포먼스를 낼 수 있는 시대이기도 합니다. 공부를 통하여 좋은 위치를 차지하기를 바랍니다.
AI 시대 이전 부터 반복되는 문제
- ‘이 직업이 유망할까요? 제가 취업할 수 있을까요?’라는 질문에 대한 답은 언제나 같습니다. 준비되어 있다면 취업은 가능합니다.
- 기계가 물건을 찍어내는 시대에도 수공예 장인은 여전히 필요합니다. 중요한 것은 분야에 대한 불안보다, 살아남을 수 있는 기술을 갖추는 것입니다.
- 항상 공부하고 앞서나가는 사람이 되었으면 좋겠습니다.
