mir.pe (일반/밝은 화면)
최근 수정 시각 : 2024-11-27 14:25:48

코딩밸리

<colbgcolor=#4097fe><colcolor=#fff> 코딩밸리
Coding Valley
{{{#!wiki style="" 파일:codingvalleylogo.png }}}
개발사 유리프트
창업자 이비호
출시 2023년 7월
플랫폼 Web / Android / iOS
서비스 요금 부분 유료화
링크 파일:홈페이지 아이콘.svg | 파일:Google Play 아이콘.svg | 파일:App Store 아이콘.svg |
파일:인스타그램 아이콘.svg | 파일:유튜브 아이콘.svg | 파일:네이버 블로그 아이콘.svg
1. 개요2. 서비스 특징3. 코딩 학습드라마
3.1. 드라마 구성3.2. 포스터3.3. 에피소드
3.3.1. 파이썬 마스터 과정3.3.2. 데이터 분석 & 자동화 과정3.3.3. SQL 마스터 과정3.3.4. HTML & CSS 마스터 과정3.3.5. 자바스크립트 마스터 과정3.3.6. 실전 웹 개발 과정3.3.7. IT 교양 과정
4. 강의 코스
4.1. 파이썬 마스터 과정4.2. 데이터 분석 & 자동화 과정4.3. 알고리즘 & 코딩 테스트 과정4.4. SQL 마스터 과정4.5. HTML & CSS 마스터 과정4.6. 자바스크립트 마스터 과정4.7. 실전 웹 개발 과정4.8. IT 교양 과정
5. 코스북6. 모델
6.1. 배우 윤가이

[clearfix]

1. 개요

"코딩은 정작 사람들이 많이 쓰는 스마트폰으로 배우기 힘들었어요."
이비호[1], 한국일보 인터뷰 2023.10.11

코딩밸리(Coding Valley)[2]는 누구나 쉽게 프로그래밍을 배울 수 있도록 만든 코딩 교육 서비스다. 사용자들은 짧고 집중도 높은 강의를 통해 복잡한 프로그래밍 개념을 쉽게 이해할 수 있으며, 설치 없이 사용가능한 코딩 실습 환경이 제공된다. 특히 코딩 학습드라마는 각 과정마다 프로그램 언어에 대한 기초 이해를 돕기 위한 도입부로, 드라마 형식의 스토리텔링을 통해 코딩 학습 개념을 친근하고 흥미롭게 전달한다. 이로 인해 사용자는 전공지식이 없더라도 강의에 더 쉽게 몰입할 수 있으며, 지루하지 않게 프로그래밍 학습을 시작할 수 있다.

코딩밸리의 학습 드라마 이후에는 풍부한 CG와 시각자료를 활용해 전문 강사진이 핵심만을 담아 프로그래밍 이론을 쉽게 설명하는 강의가 이어진다. 복잡한 개념을 시각적으로 쉽게 풀어내어 사용자들이 직관적으로 이해할 수 있도록 돕는다. 각 강의는 5분 내외로 짧게 구성되어 있어 부담 없이 학습 진행이 가능하다. 일반적인 코딩학습 강의들이 어두운 코드화면을 중심으로 교육이 이루어지는 것에 비해 시각자료 활용도를 높였다는 점에서 비전공자 또는 코딩 입문자에게 더 쉽게 이해를 제공하기 위해 노력한다고 볼 수 있다.

코딩밸리는 모바일, PC, 태블릿 등 다양한 기기에서 학습이 가능하며, 실시간 연동 시스템을 통해 다른 기기에서 학습하던 내용부터 바로 학습을 이어나갈 수 있다. 또한, 강의 핵심을 잘 요약한 코스북이 효과적인 학습을 돕는 등 학습자들이 강의를 듣고, 실습하고, 복습하는 모든 과정이 더 효과적으로 이루어지도록 했다.

2. 서비스 특징

코딩밸리(Coding Valley)는 코딩을 쉽고 재미있게 배울 수 있도록 다양한 기능과 콘텐츠를 제공하는 교육 서비스이다. 초보자부터 개발자를 준비하는 취준생까지 각자의 수준에 맞춘 학습 환경을 제공하며, 특히 드라마 형식의 학습 콘텐츠와 다양한 시각효과를 통해 차별화된 학습 경험을 제공한다.

코딩밸리의 가장 큰 특징 중 하나는 코딩 학습 드라마다. 복잡한 코딩 개념을 이해하기 쉽도록 드라마 형식으로 풀어내어, 초보자도 쉽게 접근할 수 있다. 스토리텔링 방식으로 진행되기 때문에 지루함 없이 학습을 이어갈 수 있으며, 자연스럽게 개념을 습득할 수 있도록 돕는다. 이외에도 코딩밸리의 강의는 5분 내외로 짧게 구성되어 있어, 시간 부담 없이 학습할 수 있다. 핵심 개념을 간결하게 전달하는 방식이기 때문에 집중도 높은 학습이 가능하다. 또한 강의에서는 풍부한 시각 자료와 CG가 활용되어, 복잡한 개념도 쉽게 이해할 수 있다.

학습자는 이론을 듣기만 하는 것이 아니라, 강의 중에 바로 코딩을 실습할 수 있는 환경도 제공된다. 이 실시간 실습 환경 덕분에 배운 내용을 즉각적으로 적용할 수 있어, 학습 효과가 더욱 높아진다. 별도의 프로그램 설치 없이도 웹과 앱에서 바로 코딩을 실습할 수 있는 코딩 실습 시스템이 있어 편리하다.

또한, 코딩밸리는 스마트폰, PC, 태블릿 등 다양한 기기에서 학습할 수 있다. 언제 어디서나 자유롭게 학습을 이어갈 수 있으며, 여러 기기를 사용해도 학습 진행 상황이 자동으로 동기화되기 때문에 연속적으로 학습을 진행할 수 있다.

코딩밸리의 강사진은 대기업 개발자 및 전문강사 등 전문가들로 구성되어 있으며, 실무에서 바로 적용할 수 있는 실용적인 코딩 지식을 전달한다. 초보자도 쉽게 이해할 수 있도록 복잡한 개념을 풀어 설명하며, 이론보다는 실습에 중점을 둔 강의가 제공된다.

결론적으로, 코딩밸리는 드라마 형식의 콘텐츠, 짧고 알찬 강의, 실시간 실습 환경 등 다양한 기능을 통해 사용자들이 코딩을 쉽게 배울 수 있는 학습 서비스를 제공한다.

3. 코딩 학습드라마

파일:codingvalleydrama.png
코딩밸리의 학습 드라마 안에는 더 특별한 요소가 있다. 바로 공중파 및 유튜브 채널을 통해 대중들에게 큰 인기를 얻고 있는 엔터테이너들과의 협업이다.
매일경제 | 모바일 기반 코딩 교육 앱 '코딩밸리', 콘텐츠 통한 코딩 교육 서비스 제공

코딩밸리의 코딩 드라마는 프로그래밍에 대한 기초 개념을 쉽고 재미있게 전달하기 위한 독창적인 콘텐츠로, 학습자가 어려운 개념을 쉽게 이해할 수 있도록 돕는다. 각 과정의 시작 부분에 삽입된 이 드라마는 실제로 코드를 작성하기 전, 학습자에게 필수적인 이론을 설명하면서 학습 동기를 높이는 역할을 한다.

다양한 스토리와 유명 엔터테이너들의 특별출연으로 학습자들은 코딩이라는 딱딱한 주제를 더욱 재미있게 받아들일 수 있으며, 몰입도가 높아질 수 있다. 코딩에 처음 도전하는 사람들에게는 코딩 드라마가 새로운 개념을 쉽게 받아들이는 데 도움이 된다. 어려운 개념도 일상적인 상황에 비유하여 직관적으로 전달되기 때문.

3.1. 드라마 구성

3.2. 포스터

파이썬 마스터 과정
파일:1.파이썬 동기부여.jpg 파일:2.파이썬 핸즈온 초급.png 파일:3.파이썬 핸즈온 중급.jpg 파일:4.파이썬 핸즈온 고급.jpg
▲ 파이썬 첫걸음
▲ 파이썬 핸즈온 초급
▲ 파이썬 핸즈온 중급
▲ 파이썬 핸즈온 고급
파일:5.파이썬데이터분석.webp 파일:6.파이썬업무자동화.png 파일:ChatGPT__.png
▲ 파이썬 데이터 분석 핸즈온
▲ 파이썬 업무 자동화
▲ 파이썬 ChatGPT 활용
SQL 마스터 과정
파일:SQL 동기부여 포스터.png 파일:파이썬_SQL.png
▲ SQL 첫걸음
▲ SQL 핸즈온
웹 개발 마스터 과정
파일:1.웹개발 동기부여 썸네일.webp 파일:2.HTML CSS핸즈온.jpg 파일:자바스크립트 동기부여 포스터.png 파일:3.자바스크립트 핸즈온.png
▲ 웹 개발의 시작, HTML
▲ HTML CSS 핸즈온
▲ 자바스크립트 첫걸음
▲ 자바스크립트 핸즈온
파일:코딩밸리_웹페이지_핸즈온.png 파일:코딩밸리 리액트 첫걸음 최종시안.png
▲ 웹 페이지 핸즈온
▲ React 첫걸음
IT 교양 과정
파일:1.인터넷네트워크.png 파일:코딩밸리_인터넷네트워크2.png 파일:3.드라마깃.png 파일:컴퓨터 기초, 구조 포스터.png
▲ 인터넷 네트워크 입문
▲ 인터넷 네트워크 입문
▲ Git과 Github
▲ 컴퓨터 기초 & 컴퓨터 구조

3.3. 에피소드

3.3.1. 파이썬 마스터 과정

||<tablebgcolor=#ffffff><tablebordercolor=#467fc2><rowcolor=#FFF><rowbgcolor=#467fc2><width=200> 과목 ||<width=400> 에피소드 제목 ||<width=100> 종류 ||
파이썬 첫걸음 파이썬과의 운명적인 만남 동기부여
파이썬 핸즈온 초급 [A] 성적 평균 구하기[특별출연_방주호] 핸즈온
[B] 기념일 계산하기 핸즈온
[C] 카페 쿠폰 이벤트 변환하기[특별출연_나현영][특별출연_오민우] 핸즈온
[D] 카이사르 암호 해석하기 핸즈온
[E] 카페 대량 주문하기[특별출연_나현영][특별출연_오민우] 핸즈온
파이썬 핸즈온 중급 [A] BMI 계산하기 핸즈온
[B] MBTI에 따라 조 편성하기 핸즈온
[C] 가사에서 알파벳 개수 세기 핸즈온
[D] 로또 번호 추첨하기 핸즈온
파이썬 핸즈온 고급 [A] 게임 아이템 가격 계산하기 핸즈온
[B] 피자 가격 계산하기 핸즈온
[C] 식물 생장 과정 알아보기 핸즈온
[D] 주사위 게임 만들기 핸즈온

3.3.2. 데이터 분석 & 자동화 과정

||<tablebgcolor=#ffffff><tablebordercolor=#15ab9f><rowcolor=#FFF><rowbgcolor=#15ab9f><width=200> 과목 ||<width=400> 에피소드 제목 ||<width=100> 종류 ||
파이썬 데이터 분석 핸즈온 [A] 축제 메뉴 선정하기[특별출연_김원훈] 핸즈온
[B] 닭가슴살 골라주기 핸즈온
[C] 카카오톡 선물하기 핸즈온
[D] 푸시 알림 AB 테스트하기 핸즈온
파이썬 업무 자동화 [A] 명찰 1000개 만들기[특별출연_조진세] 핸즈온
[B] 매출 정보 지도에 표시하기 핸즈온
[C] 시장 조사 자동화하기 핸즈온
[D] 다양한 API를 활용하기 핸즈온
파이썬 ChatGPT 활용 [A] 블로그 글 작성하고 번역하기[특별출연_신윤승] 핸즈온
[B] 고객 문의 자동 답변하기 핸즈온
[C] 일일 리포트 작성 봇 만들기 핸즈온
[D] 기업 맞춤형 이력서 작성하기 핸즈온

3.3.3. SQL 마스터 과정

||<tablebgcolor=#ffffff><tablebordercolor=#46b082><rowcolor=#FFF><rowbgcolor=#46b082><width=200> 과목 ||<width=400> 에피소드 제목 ||<width=100> 종류 ||
SQL 첫걸음 SQL로 찾은 행운 동기부여
SQL 핸즈온 [A] 광고 노출 데이터 조회[특별출연_이창호] 핸즈온
[B] 고객 등급 나누기 핸즈온
[C] 불닭면 판매 데이터 조회 핸즈온
[D] 양산 주문 데이터 조회 핸즈온

3.3.4. HTML & CSS 마스터 과정

||<tablebgcolor=#ffffff><tablebordercolor=#e26f7e><rowcolor=#FFF><rowbgcolor=#e26f7e><width=200> 과목 ||<width=400> 에피소드 제목 ||<width=100> 종류 ||
웹 개발의 시작, HTML 웹 개발 너도 할 수 있어 동기부여
HTML CSS 핸즈온 [A] 포트폴리오 페이지 만들기 핸즈온
[B] 초대장 만들기 핸즈온
[C] 회원가입 페이지 만들기 핸즈온
[D] 상품 목록 페이지 만들기 핸즈온

3.3.5. 자바스크립트 마스터 과정

||<tablebgcolor=#ffffff><tablebordercolor=#dcba58><rowcolor=#FFF><rowbgcolor=#dcba58><width=200> 과목 ||<width=400> 에피소드 제목 ||<width=100> 종류 ||
자바스크립트 첫걸음 풀스택 마스터, 자바스크립트! (1), (2)[특별출연_나현영] 동기부여
자바스크립트 핸즈온 [A] 가입 정보 검증하기 핸즈온
[B] 등급과 포인트 구하기 핸즈온
[C] 회원 정보 마스킹 하기 핸즈온
[D] 쿠폰 발급하기 핸즈온
웹 페이지 핸즈온 [A] 메인 페이지에 상품리스트 만들기[특별출연_엄지윤] 핸즈온
[B] 정렬과 카테고리 선택 기능 구현하기 핸즈온
[C] 캐러셀 구현하기 핸즈온
[D] 장바구니 구현하기 핸즈온

3.3.6. 실전 웹 개발 과정

||<tablebgcolor=#ffffff><tablebordercolor=#4cb7d9><rowcolor=#FFF><rowbgcolor=#4cb7d9><width=200> 과목 ||<width=400> 에피소드 제목 ||<width=100> 종류 ||
React 첫걸음 도와줘, React! 동기부여

3.3.7. IT 교양 과정

||<tablebgcolor=#ffffff><tablebordercolor=#6d6eaf><rowcolor=#FFF><rowbgcolor=#6d6eaf><width=200> 과목 ||<width=400> 에피소드 제목 ||<width=100> 종류 ||
인터넷 네트워크 입문 주소창에 youtube를 입력하면 개념 드라마
레스토랑에서 API 이해하기 개념 드라마
Git과 GitHub Git으로 버전 관리를 해보자! 개념 드라마
GitHub로 백업을 해보자! 개념 드라마
브랜치로 협업을 해보자! 개념 드라마
컴퓨터 기초 & 컴퓨터 구조 컴퓨터가 사라진 세계, 찰스 배비지의 기억을 찾아서 개념 드라마
모든 계산이 가능한 단 하나의 기계 개념 드라마
프로그램의 혁명, 전선에서 메모리로 개념 드라마
기계어부터 고급언어까지, 우리에게 가깝게 개념 드라마

4. 강의 코스

4.1. 파이썬 마스터 과정

파이썬의 기초부터 심화까지 학습할 수 있는 코스이다. 코딩 드라마와 실습을 통해 문제 해결 능력을 키우고, 고급 문법과 패턴을 익혀 프로젝트 완성까지 가능하다.
더불어, 파이썬을 활용한 데이터 분석과 AI 기초 등 실무로 확장할 수 있는 실력을 갖출 수 있다.
||<tablewidth=1000><tablebordercolor=#467fc2><colbgcolor=#ffffff><width=20> 파일:python-logo-only.svg ||<colbgcolor=#467fc2><colcolor=#FFF><width=220> 1. 파이썬 첫걸음 ||<colbgcolor=#ffffff><width=760><(> 파이썬 왕초보를 위한 기초 입문 코스.
기초 문법부터 조건문, 반복문까지 배우며 파이썬의 핵심 개념을 익힐 수 있다.
완강 후 간단한 파이썬 프로젝트를 해석하고 이해할 수 있다. ||
파일:python-logo-only.svg 2. 파이썬 핸즈온 초급 코딩 드라마와 함께 배우는 실습 중심의 코스.
리스트, 조건문, 반복문 등 기초 문법을 활용하여 현실적인 문제를 해결하는 방법을 익힐 수 있다.[특별출연_방주호][특별출연_나현영][특별출연_오민우]
파일:python-logo-only.svg 3. 파이썬 도약 파이썬 실력 강화 코스.
다양한 자료형과 모듈을 효과적으로 익히고, 가독성 높은 코드를 작성할 수 있다.
완강 후 직접 함수를 만들어 프로젝트를 진행하며, 코드 품질을 높일 수 있다.
파일:python-logo-only.svg 4. 파이썬 핸즈온 중급 코딩 드라마와 함께 배우는 실습 중심의 코스.
딕셔너리, 집합, lambda 함수 등 중급 문법과 모듈을 활용하여 다양한 데이터를 처리하고 구조화하는 방법을 익힐 수 있다.
파일:python-logo-only.svg 5. 파이썬 심화 파이썬 심화 코스.
클래스, 파일 입출력, 예외 처리 등 파이썬의 주요 개념을 익히고, 복잡한 프로젝트에 도전할 수 있다.
완강 후 파이썬을 활용한 데이터 분석과 AI 기초 준비를 갖출 수 있다.
파일:python-logo-only.svg 6. 파이썬 핸즈온 고급 코딩 드라마와 함께 배우는 실습 중심의 코스.
함수형 프로그래밍, 객체지향 프로그래밍, 재귀 함수 등 고급 문법과 프로그래밍 패턴을 익히며, 효율적이고 구조화된 코드를 작성할 수 있다.

4.2. 데이터 분석 & 자동화 과정

데이터 분석 & 자동화 과정에서는 파이썬을 활용한 데이터 분석 기초부터 필수 라이브러리 활용법, 웹 크롤링, 업무 자동화 등 다양한 실무적 기술을 배울 수 있도록 구성되어 있다.
더불어, ChatGPT와 OpenAI API를 활용해 AI 기술을 실생활과 업무에 응용할 수 있는 실력을 갖출 수 있다.
||<tablewidth=1000><tablebordercolor=#15ab9f><colbgcolor=#ffffff><width=20> 파일:python-logo-only.svg ||<colbgcolor=#15ab9f><colcolor=#FFF><width=220> 1. 파이썬 데이터 분석 입문 ||<colbgcolor=#ffffff><width=760><(> 데이터 분석 기초 강의.
NumPy, Pandas로 데이터 처리와 Matplotlib을 통한 시각화를 익힐 수 있다.
완강 후 기초 데이터 분석을 통해 데이터를 이해하고 활용하는 능력을 갖출 수 있다. ||
파일:python-logo-only.svg 2. 파이썬 데이터 분석 핸즈온 코딩 드라마와 함께 배우는 실습 중심의 코스.
Pandas와 Matplotlib 등 데이터 분석 필수 라이브러리를 활용해 데이터를 가공하고 시각화하는 방법을 익힐 수 있다.[특별출연_김원훈]
파일:python-logo-only.svg 3. 파이썬 업무 자동화 파이썬 활용 강의.
다양한 라이브러리를 통해 업무 자동화와 편리한 일상 개선 방법을 익힐 수 있다.
완강 후 파이썬으로 생산성을 높이고 실생활에 응용할 수 있다.[특별출연_조진세]
파일:python-logo-only.svg
파일:ChatGPT 로고.svg
4. 파이썬 ChatGPT 활용 ChatGPT와 OpenAI API를 활용해 실생활 문제를 해결하고 생산성을 높이는 방법을 배우는 코스.
프롬프트 엔지니어링, 데이터 검색 및 RAG 기술, 자동화 프로젝트 구현 등 다양한 실습을 통해 AI의 실제 활용법을 익힐 수 있다.[특별출연_신윤승]

4.3. 알고리즘 & 코딩 테스트 과정

알고리즘과 코딩 테스트 준비를 위한 과정이다. 자료구조와 시간 복잡도 등 알고리즘 기초부터 재귀, 그래프, 동적 계획법 등 심화 개념까지 학습할 수 있다.
코딩 학습드라마와 실습을 통해 실생활 문제 해결 능력을 키우고, 코딩 테스트에 필요한 역량을 효과적으로 갖출 수 있다.
||<tablewidth=1000><tablebordercolor=#1e486e><colbgcolor=#ffffff><width=20> 파일:python-logo-only.svg ||<colbgcolor=#1e486e><colcolor=#FFF><width=220> 1. 파이썬 알고리즘 입문 ||<colbgcolor=#ffffff><width=760><(> 알고리즘 기초 코스.
자료구조와 시간 복잡도를 익히며 문제 해결 능력을 키울 수 있다.
완강 후 효율적인 코드 작성과 알고리즘 문제 해결을 위한 기초 역량을 갖출 수 있다. ||
파일:python-logo-only.svg 2. 파이썬 알고리즘 심화 코딩 테스트에 자주 출제되는 알고리즘을 다루며 문제 해결 능력을 더욱 강화할 수 있다.
재귀, 그래프, 동적 계획법, 트리, 힙 등 다양한 알고리즘 개념을 심도 있게 학습하고 적용할 수 있다.
파일:python-logo-only.svg 3. 파이썬 알고리즘 핸즈온 코딩 드라마와 함께 배우는 실습 중심 코스.
완전 탐색, 재귀 함수, 분할 정복, 이진 탐색 등 다양한 알고리즘 기법을 배우며, 이를 실생활 문제에 적용하는 방법을 익힐 수 있다.

4.4. SQL 마스터 과정

SQL의 기초부터 심화까지 학습할 수 있는 과정이다. SQL 문법과 DB 활용법을 익혀 데이터를 관리하고 분석하며, 데이터 모델링과 윈도우 함수 등 심화 개념을 다룰 수 있다.
코딩 학습드라마와 실습을 통해 실무 데이터 분석 역량을 효과적으로 갖출 수 있다.
||<tablewidth=1000><tablebordercolor=#46b082><colbgcolor=#ffffff><width=20> 파일:sql-logo.svg ||<colbgcolor=#46b082><colcolor=#FFF><width=220> 1. SQL 첫걸음 ||<colbgcolor=#ffffff><width=760><(> SQL 기초 강의.
SQL 문법과 DB 활용법을 익혀 데이터를 효과적으로 관리하고 분석할 수 있다.
완강 후 다양한 조건으로 DB 데이터를 조회하며 업무에 활용할 수 있다. ||
파일:sql-logo.svg 2. SQL 핸즈온 코딩 드라마와 함께 배우는 실습 중심의 코스.
BETWEEN, GROUP BY, JOIN, CASE 등 다양한 SQL 문법을 배우고 실생활 데이터 분석 사례를 다룰 수 있다.[특별출연_이창호]
파일:sql-logo.svg 3. SQL 심화 SQL 중급 강의.
데이터 모델링, 정규화, JOIN, 윈도우 함수 등 SQL의 심화 개념과 실무 활용법을 익힐 수 있다.
완강 후 데이터베이스 설계부터 분석, 관리까지 실무에서 요구되는 SQL 역량을 갖출 수 있다.

4.5. HTML & CSS 마스터 과정

웹 개발 기초를 배우는 과정이다. HTML 기본 구조와 핵심 태그, CSS의 속성과 작성 방법을 익혀 웹 페이지를 설계하고 꾸밀 수 있다.
코딩 학습드라마와 실습을 통해 HTML과 CSS를 실생활 사례에 적용하며 실무 활용 능력을 키울 수 있다.
||<tablewidth=1000><tablebordercolor=#e26f7e><colbgcolor=#ffffff><width=20> 파일:HTML5 로고.svg ||<colbgcolor=#e26f7e><colcolor=#FFF><width=220> 1. 웹 개발의 시작 HTML ||<colbgcolor=#ffffff><width=760><(> HTML 기초 강의.
웹 개발에 필요한 HTML 기본 구조와 핵심 태그를 익힐 수 있다.
완강 후 HTML의 역할을 이해하고 실무에서 자주 쓰이는 태그를 활용할 수 있다. ||
파일:CSS3 로고.svg 2. 스타일 산다 CSS CSS 기초 강의.
웹 페이지를 꾸미기 위한 CSS 기본 속성과 작성 방법을 익힐 수 있다.
완강 후 웹 페이지를 아름답게 디자인하고 CSS의 역할을 이해할 수 있다.
파일:HTML5 로고.svg
파일:CSS3 로고.svg
3. HTML CSS 핸즈온 코딩 드라마와 함께 배우는 실습 중심의 코스.
HTML의 필수 태그와 CSS의 다양한 스타일링 방법을 실생활 사례에 적용하며 학습할 수 있다.

4.6. 자바스크립트 마스터 과정

웹 개발의 핵심인 자바스크립트를 기초부터 심화까지 학습할 수 있는 과정이다.
기초 문법과 DOM 조작, 이벤트 활용부터 최신 스펙과 프론트엔드 개발의 필수 지식까지 익힐 수 있다.
더불어, 웹 페이지를 설계하고 디자인, 상호작용하는 실무 역량을 갖출 수 있다.
||<tablewidth=1000><tablebordercolor=#dcba58><colbgcolor=#ffffff><width=20> 파일:JavaScript 로고.svg ||<colbgcolor=#dcba58><colcolor=#FFF><width=220> 1. 자바스크립트 첫걸음 ||<colbgcolor=#ffffff><width=760><(> 자바스크립트 기초 강의.
웹 개발에 필요한 자바스크립트 기초 문법과 필수 문법을 익힐 수 있다.
완강 후 자바스크립트의 역할을 이해하고 기본 실력을 갖출 수 있다.[특별출연_나현영] ||
파일:JavaScript 로고.svg 2. 자바스크립트 핸즈온 코딩 드라마와 함께 배우는 실습 중심의 코스.
문자열, 배열, 객체 등 자바스크립트의 기본 문법을 익히고, 조건문과 반복문을 활용하여 문제를 해결하는 방법을 실습할 수 있다.
파일:JavaScript 로고.svg 3. JS 웹 기초 자바스크립트 웹 제어 기초 강의.
DOM 조작과 이벤트 활용을 통해 웹 페이지 제어 방법을 익힐 수 있다.
완강 후 자바스크립트를 사용해 웹 페이지와 상호작용하는 방법을 알 수 있다.
파일:JavaScript 로고.svg 4. 자바스크립트 도약 자바스크립트 중급 강의.
실무에서 자주 사용하는 자바스크립트 중급 문법과 최신 스펙을 익힐 수 있다.
완강 후 자바스크립트 실력을 탄탄히 다지고 웹 개발에 자신감을 갖출 수 있다.
파일:JavaScript 로고.svg 5. JS 웹 프론트엔드 자바스크립트 심화 강의.
프론트엔드 개발의 기본 개념과 실무 중급 문법을 체계적으로 익힐 수 있다.
완강 후 자바스크립트에 대한 깊은 이해와 실무 적용 능력을 갖추고, 프론트엔드 개발의 필수 지식을 확보할 수 있다.
파일:JavaScript 로고.svg 6. 웹 페이지 핸즈온 코딩 드라마와 함께 배우는 실습 중심의 코스.
HTML, CSS, 그리고 자바스크립트를 활용하여 웹 페이지의 구조, 디자인, 그리고 상호작용 기능을 단계적으로 구현하는 방법을 학습할 수 있다.[특별출연_엄지윤]

4.7. 실전 웹 개발 과정

프론트엔드와 백엔드를 아우르는 웹 개발 실무 과정이다. Node.js, React, Next.js 등 최신 기술 스택과 타입스크립트의 기초부터 심화까지 배우며,
실제 서비스 제작 과정을 체계적으로 익힐 수 있다. 해당 과정을 통해 기획, 개발, 배포까지 실무 전반에 필요한 역량을 갖출 수 있다.
||<tablewidth=1000><tablebordercolor=#4cb7d9><colbgcolor=#ffffff><width=20> 파일:Node.js 로고.svg ||<colbgcolor=#4cb7d9><colcolor=#FFF><width=220> 1. Node.js 백엔드 첫걸음 ||<colbgcolor=#ffffff><width=760><(> Node.js 백엔드 기초 강의.
모듈, Express.js 프레임워크, EJS 템플릿 엔진을 활용해 백엔드 개발의 기초를 익힐 수 있다.
완강 후 프론트엔드와 백엔드 상호작용을 이해하고 서버 개발에 첫걸음을 내딛을 수 있다. ||
파일:React 로고.svg 2. React 첫걸음 리액트 기초 강의. 컴포넌트, 상태 관리, 가상 DOM 등 리액트의 핵심 개념을 익힐 수 있다.
완강 후 리액트를 활용해 웹 프론트엔드를 개발할 수 있는 기본기를 다질 수 있다.
파일:React 로고.svg 3. React 심화 리액트 중급 강의.
성능 최적화, 고급 상태 관리, 다양한 라이브러리를 활용한 리액트 개발 방법을 익힐 수 있다.
완강 후 대규모 애플리케이션을 설계하고, 실무에서 활용할 수 있는 리액트 개발 역량을 갖출 수 있다.
파일:Typescript_logo_2020.svg 4. 타입스크립트 첫걸음 타입스크립트 기초 강의.
타입 시스템, 제네릭, 인터페이스 등 핵심 개념을 배우며, 자바스크립트에 안정성과 생산성을 더하는 방법을 익힐 수 있다.
완강 후 타입스크립트를 활용해 안전하고 유지보수 가능한 코드를 작성할 수 있다.
파일:Node.js 로고.svg
파일:React 로고.svg
파일:Typescript_logo_2020.svg
5. 실전 웹 서비스 입문 코딩 드라마와 함께 웹 서비스 개발의 전체 과정을 다루는 입문 강의.
기획, 데이터베이스 설계, 백엔드와 프론트엔드 개발, 배포까지 실제 서비스 제작에 필요한 모든 단계를 배울 수 있다.
파일:next-js 로고.svg 6. Next.js 첫걸음 Next.js 기초 강의.
다양한 렌더링 방식과 App Router, 동적 라우팅 등 Next.js의 핵심 개념을 배우며, 페이지 구성 및 데이터 페칭을 익힐 수 있다.
완강 후 Next.js를 활용해 SEO에 최적화된 웹 애플리케이션을 설계하고 개발할 수 있다.

4.8. IT 교양 과정

IT 기술에 대한 전반적인 이해를 높이기 위한 과정으로, IT 비전공자 또는 기술적인 배경이 없는 학습자들도 쉽게 이해할 수 있도록 설계된 입문자 과정이다.
현대 사회에서 필수적으로 알아야 할 IT 관련 지식을 친근한 방식으로 설명해주며, IT 산업과 기술의 기초 개념 및 컴퓨터의 기본 원리와 현대 컴퓨터 구조까지 이해할 수 있다.
||<tablewidth=1000><tablebordercolor=#6d6eaf><colbgcolor=#ffffff><width=20> 파일:GitHub 아이콘.svg ||<colbgcolor=#6d6eaf><colcolor=#FFF><width=220> 1. Git과 GitHub ||<colbgcolor=#ffffff><width=760><(> 코딩 드라마와 함께 배우는 Git과 GitHub 기초 강의.
버전 관리의 필요성과 Git의 핵심 개념, GitHub를 활용한 협업 방법을 익힐 수 있다. ||
파일:Internet_Logo.png 2. 인터넷 네트워크 입문 코딩 드라마와 함께 배우는 인터넷과 네트워크의 기초 강의.
인터넷과 웹의 역사부터 네트워크 통신 과정, HTTP와 API의 원리까지
웹 통신의 기본 개념을 배울 수 있다.
파일:컴퓨터아이콘.png 3. 컴퓨터 기초 & 컴퓨터 구조 코딩 드라마와 함께 컴퓨터의 기본 원리를 배우는 기초 강의.
최초의 컴퓨터 개념부터 현대 컴퓨터 구조까지, 컴퓨터가 작동하는 원리와 프로그램 실행 과정을 이해할 수 있다.

5. 코스북

파일:codingvalleycoursebookimg.jpg

강의와 함께 제공되는 코스북은 다채로운 컬러감의 디자인과 휴대성을 특징으로 하는 코딩 학습 교재이다. 강의에서 다룬 핵심 개념을 간단하게 요약하여 제공한다. 학습할 때 유용하게 활용할 수 있는 교재로, 강의와 코스북을 병행하면 보다 효율적인 학습이 가능하다. 구성은 크게 일반 코스(강의)와 핸즈온 시리즈로 나누어지며, 핸즈온 시리즈는 코딩학습드라마에서의 내용을 교재 내에서 대화 형식으로 풀어내었다.

파일:codingvalleycoursebookimg1.png
파일:codingvalleycoursebookimg2.png

6. 모델

6.1. 배우 윤가이

파일:윤가이_모델이미지_3.jpg

코딩 교육 학습 서비스 코딩밸리를 운영하는 유리프트는 2024년 11월 15일 배우 윤가이를 공식 모델로 발탁했다. 코딩밸리 관계자는 윤가이 전속모델 발탁의 이유를 ‘젊고 도전적인 이미지가 코딩밸리의 서비스 제공 가치와 잘 부합한다.’고 밝혔다. 윤가이가 출연한 CF 및 지면광고는 버스, 지하철, 옥외광고, 유튜브, SNS 등 다양한 온오프라인 매체를 통해 2024년 11월부터 송출된다.


[1] 서울대학교 컴퓨터공학과 재학 시절 이투스를 공동창업하여 메가스터디, 대성마이맥과 함께 대한민국 3대 온라인 교육업체로 성장시켰으며,두 번째 창업으로 영어 스피킹 훈련 서비스인 스피킹맥스를 런칭하여 누적매출 600억원을 달성한 후 성공적인 투자회수(exit)를 이뤄냈다. 세번째 창업으로 코딩교육시장에 진출해 화제가 되었다. [2] 코딩(Coding)과 실리콘밸리(Silicon Valley)의 합성어로, IT 산업의 메카인 실리콘밸리와 프로그래밍을 의미하는 '코딩'이 결합되었다. [특별출연_방주호] 스님 똥군기에서 나왔던 ‘주호스님’의 캐릭터가 겹치는 느낌이다.(알바 하는데 저런 사장 있으면 바로 추노) [특별출연_나현영] 개그콘서트 ‘미운 우리 아빠’에서 같이 출연한 오민우의 딸로 등장한다. 아빠를 걱정하지만 자초지종을 들어보면 항상 아빠의 잘못(…)임을 알게 된다. [특별출연_오민우] 개그콘서트 ‘미운 우리 아빠’에서 같이 출연한 나현영의 아빠로 등장한다. 모르는 사람이 보기에는, 애처롭고 가슴 아픈 상황에 처한 것 같은 느낌이지만(…) 여전히 민폐 캐릭터에 가깝다. [특별출연_나현영] [특별출연_오민우] [특별출연_김원훈] 남자후배들이 잘 따르는(이유는 모르겠지만) 복학생 느낌이 리얼한 편이다. 숏박스에서 보던 캐릭터의 느낌과 비슷하다. [특별출연_조진세] 여기서도 턱이 강조되어 나온다. 조진세의 초기 유튜브 콘텐츠였던 ‘턱프레스’가 등장한다. 주먹으로 누르며 스트레스를 푸는 엔터키 방석을 턱으로 누른다.(왜 턱으로..) [특별출연_신윤승] 챗GPT를 전파하고 다니는 수상한 오빠(아저씨)로 등장한다. 쿠키 영상에서는 개그콘서트의 ‘이상해씨’ 컨셉을 유지해 말끝마다 “이상해”를 붙인다. [특별출연_이창호] 패션업계 스타트업 대표로 등장하는데, 김갑생할머니김의 이호창 본부장에서 모티브를 따 온 듯하다.(본부장에서 대표로 승진) 파이썬 업무 자동화에 이호창 이름이 등장한다. [특별출연_나현영] [특별출연_엄지윤] 유튜브 개인 채널 ‘엄지렐라’의 대표 캐릭터 젊꼰 선배를 모티브로 삼은 듯 하다. 조기 축구회에서 에이스라는 설정이다.(홀란드를 의도한 것은 아닌 듯 하다) [특별출연_방주호] [특별출연_나현영] [특별출연_오민우] [특별출연_김원훈] [특별출연_조진세] [특별출연_신윤승] [특별출연_이창호] [특별출연_나현영] [특별출연_엄지윤]