Frontend Section 01.
HTML
Loadmap
미래유망과 함께 가는 길
Frontend Section 02.
CSS
#스타일링
#반응형
Frontend Section 03.
JAVASCRIPT
#동작
#프론트
#백엔드
Frontend Section 04.
BOOTSTRAP
#프레임워크
#모듈
Special
AI
#짝코딩
#4차산업혁명
Special
PROJECT
#PBL
#포트폴리오
너의 이름은 '미래유망' 2025 1학년 1학기 Frontend Section Track
miniPBL + AI 페어 프로젝트
Round1. Semantic Markup, Validation, Accessbility, SEO, AI Refectoring 기술을 활용한 HTML 마크업
Round2. 팀포스터 생성을 위한 기획, AI 리터러시/프롬프트 역량 향상, AI생성 포스터 제작, HTML, CSS 를 활용한 팀 소개 마크업과 스타일링
Round3. HTML, CSS, Bootstrap, AI 를 활용한 팀원 모집 웹사이트 제작
2025.04
26
Round1.
· 팀빌딩 : RAND() 함수 → 오름차순 / 휴먼 팀원 2 + AI 팀원 1
· 팀과제 : Semantic Markup, Validation, Accessbility, SEO, AI Refectoring 기술을 활용 하여 HTML 을 마크업 할 수 있다.
노승현, 신주현, AI
박동현, 서형석, AI
최재혁, 김주헌, 유동윤, AI
강민준, 황석근, AI
오동렬, 김연후, AI
박래권, 이수현, AI
강민승, 김민수, AI
조영서, 장다온, AI
2025.05
10
· 충원 : 김주헌, 김지훈, AXION
현패밀리 (연두) 노승현, 신주현, AI승주현
소환사의 협곡 (초록) 박동현, 서형석, AI블리츠크랭크
Colorless (보라) 최재혁, 유동윤, AI디바 캐리머신
팀켄치와 함께 재개발 (빨강) 강민준, 황석근, AI탐켄치
일산화 이수소 (핑크)오동렬, 김연후, AI트랄랄레로보타리릴리크로코딜로의 프롬프트
Brains (주황) 박래권, 이수현, AI일해안해
GOGI LOVERS (파랑) 강민승, 김민수, AI소심
팀 (노랑) 조영서, 장다온, AI휴먼
쌈뽕 깔롱한 것 (검정)김주헌, 김지훈, AIAXION
2025.05
14
팀원 소개 웹문서(HTML) 제작과 발표
2025.05
17
Round2.
· 팀빌딩 : 달달한 색깔로 만나기! / 휴먼 팀원 2 + (팀명 + AI 팀원 1)
· 팀과제 : 팀명, 팀색깔, 팀상징 유지하며 AI 디자이너와 팀포스터 만들기
· 수행준거 : 팀포스터 생성을 위해 기획 할 수 있다. AI 리터러시 역량을 향상 시킬 수 있다. HTML/CSS와 팀포스터를 활용해 팀 소개 웹문서를 만들 수 있다.
소환사의 협곡 (나무) 강민승, 오동렬, 블리츠크랭크
Colorless (유니콘) 이수현, 장다온, 퓨블이
팀켄치와 함께 재개발 (불) 조영서, 강민준, 탐켄치
일산화 이수소 (핑크) 유동윤, 박래권, 트랄랄레로보타리릴리크로코딜로의 프롬프트
Brains (오렌지) 박동현, 김지훈, 일해안해
GOGI LOVERS (파도) 신주현, 김주헌, 소심
팀 (번개) 황석근, 서형석, 휴먼
쌈뽕 깔롱한 것 (하트) 최재혁, 김연후, 노승현, 퉁 퉁 퉁 퉁 퉁 퉁 퉁 퉁 퉁 AXION
2025.06
11
팀 포스터 생성을 위한 디자인 자료수집
팀 포스터 생성을 위한 프롬프트 훈련
팀 소개 웹문서(HTML/CSS) 제작과 발표- part1
팀켄치와 함께 재개발 (불) 조영서, 강민준, 탐켄치
일산화 이수소 (핑크) 유동윤, 박래권, 트랄랄레로보타리릴리크로코딜로의 프롬프트
GOGI LOVERS (파도) 신주현, 김주헌, 소심
쌈뽕 깔롱한 것 (하트) 최재혁, 김연후, 노승현, 퉁 퉁 퉁 퉁 퉁 퉁 퉁 퉁 퉁 AXION
2025.07
2
팀 포스터 생성을 위한 디자인 자료수집
팀 포스터 생성을 위한 프롬프트 훈련
팀 소개 웹문서(HTML/CSS) 제작과 발표 - part2
소환사의 협곡 (나무) 강민승, 오동렬, 블리츠크랭크
Colorless (유니콘) 이수현, 장다온, 퓨블이
2025.08
7
Round3.
· 팀빌딩 : 나랑 같이 할사람 모여라! / 휴먼 팀원 2 + AI 팀원 1
· 팀과제 : 팀원 모집을 위한 팀 소개 사이트 만들기
· 수행준거 : HTML/CSS/Bootstrap/AI 를 활용해 팀원 모집 웹사이트를 만들 수 있다.
Colorless (유니콘) 신주현, 서형석, 퓨블이
팀켄치와 함께 재개발 (불) 황석근, 김지훈, 탐켄치
일산화 이수소 (핑크) 유동윤, 강민준, 트랄랄레로보타리릴리크로코딜로의 프롬프트
Brains (오렌지) 노승현, 최재혁, 일해안해
GOGI LOVERS (파도) 이수현, 장다온, 소심
팀 (번개) 강민승, 김주헌, 휴먼
쌈뽕 깔롱한 것 (하트) 김연후, 조영서, 퉁 퉁 퉁 퉁 퉁 퉁 퉁 퉁 퉁 AXION
너의 이름은 '미래유망' 2025 1학년 2학기 Special Track
PBL + AI 페어 프로젝트
기획력 + 실무 감각 + 협업력 성장 프로젝트
2025.10
22
제안요청서를 읽고 실제 프로젝트로 구현한다