GIT, HTML, CSS, 네트워크 개념, Javascript, 이벤트 처리, DOM, ES6 문법, 디버깅
웹 개발의 기초를 다지는 부분입니다.
Git 을 통해 코드 버전을 관리하고, 네트워크 프로토콜을 통해 웹 애플리케이션이 서버와 통신하는 방식을 이해하며, 이벤트 처리와 DOM 조작을 통해 사용자와 상호작용합니다. 또한 ES6 문법을 통해 간결하고 효율적인 코드를 작성하는 방법을 배우고, 계산기를 만들어보며 배운 내용을 종합해 볼 수 있습니다.
WEB 개발 심화
객체 지향 프로그래밍, 프로토타입, 상속, 자료 구조 기본, 기초 알고리즘, 고급 자료 구조( 셋, 맵 ), 알고리즘 심화 ( 재귀 ), 자바스크립트 동작 원리, 비동기(콜백), Promise, async / await, Fetch API, 외부 API, 클로저, 고차함수, 타입스크립트 기초
객체 지향 프로그래밍에서는 프로토타입과 상속을 이해하고, 기본 및 고급 자료 구조를 다루며, 정렬과 탐색 알고리즘을 심화합니다.
자바스크립트의 동작 원리와 특징을 배우고, 콜백, Promise, async/await를 사용하여 비동기 프로그래밍을 익힙니다. 또한 클로저와 고차 함수를 통해 함수형 프로그래밍을 이해하고, 타입스크립트의 기초부터 고급 개념까지 학습합니다.
미니프로젝트 Vanilla Project
3명이 한 팀이 되어 진행하는 바닐라 코딩 미니 프로젝트입니다.
웹 기초와 심화에서 배웠던 HTML, CSS, Javascript만을 활용하여 정하진 주제(SNS, 투-두 리스트, 뽀로모도 시계 등)중 하나를 선정하여 협업하며 미니 프로젝트를 진행합니다. 미니 프로젝트를 통해 배웠던 내용을 정리하고 실질적으로 기술을 습득하는 시간을 갖습니다.
Node.js 를 통한 서버 생성과 이벤트 루프릴 이해하고, 요청과 응답 처리, 라우터와 헤더를 다룹니다.
NPM/YARN 을 사용해 모듈 관리를 합니다. E
xpress.js 를 이용해 서버를 구축하고, REST API 개념을 통해 클라이언트-서버 통신을 다룹니다.
MySQL과 MongoDB를 통해 SQL과 NoSQL을 비교 학습하고, 회원 가입, 로그인 구현, JWT 토큰 을 통해 데이터를 다루며, Heroku, AWS, Vercel 등의 프로그램을 이용해 애플리케이션을 배포하는 법을 배웁니다.
미니 프로젝트
자유주제와 클론 코딩(서비스) 중 하나를 선택하여 진행되는 서비스 미니 프로젝트입니다.
파이널 프로젝트 진행하기에 앞서 진행하는 워밍업 프로젝트로 팀을 빌팅으로 시작하여 기획, 디자인, 개발 등 팀단위로 협업하는 방법을 배웁니다.
미니 프로젝트를 통해 기술적인 측면뿐만 아니라 다른 사람과 소통하고 문제를 함께 해결해나가는 능력을 기릅니다.
리액트 프론트엔드 기본
리액트 소개, CRA, Vite, JSX, Props, 이벤트 핸들링, 리액트 폼, HTML 요소 제어, 상태 관리( useState, useEffect ), 컴포넌트 사이클, hook, Porps, 컴포넌트 재사용, 컴포넌트 스타일링, React-Router-Dom
Create React App (CRA) 또는 Vite를 통해 개발환경을 구성하며, 웹팩의 역할에 대해 배웁니다.
JSX와 Props를 통해 리액트의 기본 개념을 이해하고, 리액트 이벤트 처리와 폼 요소 제어를 학습합니다.
상태 관리(useState, useEffect) 와 컴포넌트 라이프 사이클, Hook 을 익힙니다.
JSX와 리액트 컴포넌트 구조를 이해하고, props 를 통해 컴포넌트 재사용 방법을 배웁니다.
컴포넌트 스타일링과 리액트 라우팅 기초(React-Router-Dom) 을 다룹니다.
리액트 프론트엔드 심화
고급 상태 관리(Redux, Recoil), 컴포넌트 성능 최적화( React.memo 등) , Lazy Loading, 폼 관리, TypeScript + React, 제네릭, 유니온, React Query, 컴포넌트 라이브러리, NextJS, 서버 사이드 렌더링 기초, GraphQL, 최적화, 보안
Redux, Recoil 과 같은 상태 관리 라이브러리를 활용하여 상태관리를 배웁니다.
비동기 작업 관리, 컴포넌트 성능 최적화(React.memo), 폼 관리 및 검증(React Hook Form) 을 다룹니다.
TypeScript 와 리액트를 같이 쓰면서 타입 안정성을 강조합니다.
React Query 를 활용하여 데이터 관리와 API 호출을 효율적으로 처리하며, Next.js 를 통한 서버 사이드 렌더링과 정적 사이트 생성, GraphQL 과의 통합을 학습합니다.
서비스 구현 프로젝트
리액트(React)와 노드(node.js)를 활용하여 실제 서비스를 자유롭게 기획하거나 제공된 기획서에 따라 서비스를 구현하는 프로젝트입니다.
선호하는 프로젝트 유형을 선택하고 그 안에서 팀빌딩을 진행합니다.
팀빌딩이 완료된 이후에는 본격적으로 프로젝트가 진행되며 유형에 따라 기획, 디자인, 개발 등을 수행하며 프로젝트를 완성합니다. 또한 개발에만 집중하기를 원하는 팀을 위해 화면설계서와 기능명세서가 제공되는 프로젝트와 기업과 협업하며 진행하는 프로젝트도 준비되어 있습니다.
프로젝트 종료 후 발표를 통해 각 팀의 성과를 공유하는 시간을 갖습니다.
WEB 개발 기초
GIT, HTML, CSS, 네트워크 개념, Javascript, 이벤트 처리, DOM, ES6 문법, 디버깅
웹 개발의 기초를 다지는 부분입니다.
Git 을 통해 코드 버전을 관리하고, 네트워크 프로토콜을 통해 웹 애플리케이션이 서버와 통신하는 방식을 이해하며, 이벤트 처리와 DOM 조작을 통해 사용자와 상호작용합니다. 또한 ES6 문법을 통해 간결하고 효율적인 코드를 작성하는 방법을 배우고, 계산기를 만들어보며 배운 내용을 종합해 볼 수 있습니다.
696명의 선택, 696명의 만족이 되다
수많은 선배들이 만족하는 이유
“정답이 없는 사회에서 문제를 해결하는 방법을 배울 수 있으니까!”
수많은 부트캠프 중에
왜 '오름캠프'여야만 할까요?
‘오름캠프’여야만 하는 이유 1
검증된 강사와 동행
함께 공부하고 소통이 넘치는 교실을 위해서 검증된 강사가 주 5일 100% 상주하며 소통합니다.
백엔드 + 프론트
김상헌 주강사
경력
(전)NHN Commerce
(전)SK Communications
(전)NCSOFT
강의 이력
패스트캠퍼스 개발 전담 멘토링
패스트캠퍼스 자료구조&알고리즘
엘리스 Node JS
엘리스 HTML, CSS, JS
기초로 완성하는 Vanilla Project
남은정 주강사
경력
(주)진학사 입시관련 서비스 반응형 웹사이트 제작
alleh KT 인증 Native app 랜딩웹페이지 제작
(주)리포미스트 CELPING 랜딩사이트 제작
강의 이력
(사)인터넷기업협회 단기 퍼블리싱 강의
(사)제주산학융합원 UI/UX, 퍼블리싱 전문가과정
멋쟁이사자처럼 프론트앤드 스쿨 1 기 멘토
시크릿 특별 강의
유명 현직자들에게 듣는 실무에 꼭 필요한 시크릿 특강
피그마 사용법
현직 UIUX 전문가
남은정
시니어 개발자 Q&A
명품 플랫폼 B사
(현)CTO
코딩 테스트 완벽 대비
전문 개발자 그룹 위니브
(현)CEO
컴공선배 세미나
소프트스퀘어드
(현)CEO
저희 신입 프론트엔드 개발자 분이 서버나 DB도 몰라서 당황스러운데.. 이거 실화인가요?
스타트업 CTO
프론트엔드 개발자도 ‘백엔드’를 알아야’ 롱런하는 개발자’로 성장할 수 있습니다
‘오름캠프’여야만 하는 이유 2
성장하는 프론트를 위한 풀스택
백엔드를 이해해야 성장하는 프론트개발자로 성장할 수 있습니다.
Web 개발 기초,심화
미니프로젝트 Vanilla Project
프론트엔드 개발자가 알아야 할 백엔드
미니프로젝트 Vanilla + Backend
리액트 기본,심화
서비스 구현 프로젝트
1-2주차
3~4주차
5주차
6~8주차
9~10주차
11주차
12~14주차
15~17주차
WEB 개발 기초
GIT, HTML, CSS, 네트워크 개념, Javascript, 이벤트 처리, DOM, ES6 문법, 디버깅
웹 개발의 기초를 다지는 부분입니다.
Git 을 통해 코드 버전을 관리하고, 네트워크 프로토콜을 통해 웹 애플리케이션이 서버와 통신하는 방식을 이해하며, 이벤트 처리와 DOM 조작을 통해 사용자와 상호작용합니다. 또한 ES6 문법을 통해 간결하고 효율적인 코드를 작성하는 방법을 배우고, 계산기를 만들어보며 배운 내용을 종합해 볼 수 있습니다.
WEB 개발 심화
객체 지향 프로그래밍, 프로토타입, 상속, 자료 구조 기본, 기초 알고리즘, 고급 자료 구조( 셋, 맵 ), 알고리즘 심화 ( 재귀 ), 자바스크립트 동작 원리, 비동기(콜백), Promise, async / await, Fetch API, 외부 API, 클로저, 고차함수, 타입스크립트 기초
객체 지향 프로그래밍에서는 프로토타입과 상속을 이해하고, 기본 및 고급 자료 구조를 다루며, 정렬과 탐색 알고리즘을 심화합니다.
자바스크립트의 동작 원리와 특징을 배우고, 콜백, Promise, async/await를 사용하여 비동기 프로그래밍을 익힙니다. 또한 클로저와 고차 함수를 통해 함수형 프로그래밍을 이해하고, 타입스크립트의 기초부터 고급 개념까지 학습합니다.
미니프로젝트 Vanilla Project
3명이 한 팀이 되어 진행하는 바닐라 코딩 미니 프로젝트입니다.
웹 기초와 심화에서 배웠던 HTML, CSS, Javascript만을 활용하여 정하진 주제(SNS, 투-두 리스트, 뽀로모도 시계 등)중 하나를 선정하여 협업하며 미니 프로젝트를 진행합니다. 미니 프로젝트를 통해 배웠던 내용을 정리하고 실질적으로 기술을 습득하는 시간을 갖습니다.
Node.js 를 통한 서버 생성과 이벤트 루프릴 이해하고, 요청과 응답 처리, 라우터와 헤더를 다룹니다.
NPM/YARN 을 사용해 모듈 관리를 합니다. E
xpress.js 를 이용해 서버를 구축하고, REST API 개념을 통해 클라이언트-서버 통신을 다룹니다.
MySQL과 MongoDB를 통해 SQL과 NoSQL을 비교 학습하고, 회원 가입, 로그인 구현, JWT 토큰 을 통해 데이터를 다루며, Heroku, AWS, Vercel 등의 프로그램을 이용해 애플리케이션을 배포하는 법을 배웁니다.
미니 프로젝트
자유주제와 클론 코딩(서비스) 중 하나를 선택하여 진행되는 서비스 미니 프로젝트입니다.
파이널 프로젝트 진행하기에 앞서 진행하는 워밍업 프로젝트로 팀을 빌팅으로 시작하여 기획, 디자인, 개발 등 팀단위로 협업하는 방법을 배웁니다.
미니 프로젝트를 통해 기술적인 측면뿐만 아니라 다른 사람과 소통하고 문제를 함께 해결해나가는 능력을 기릅니다.
리액트 프론트엔드 기본
리액트 소개, CRA, Vite, JSX, Props, 이벤트 핸들링, 리액트 폼, HTML 요소 제어, 상태 관리( useState, useEffect ), 컴포넌트 사이클, hook, Porps, 컴포넌트 재사용, 컴포넌트 스타일링, React-Router-Dom
Create React App (CRA) 또는 Vite를 통해 개발환경을 구성하며, 웹팩의 역할에 대해 배웁니다.
JSX와 Props를 통해 리액트의 기본 개념을 이해하고, 리액트 이벤트 처리와 폼 요소 제어를 학습합니다.
상태 관리(useState, useEffect) 와 컴포넌트 라이프 사이클, Hook 을 익힙니다.
JSX와 리액트 컴포넌트 구조를 이해하고, props 를 통해 컴포넌트 재사용 방법을 배웁니다.
컴포넌트 스타일링과 리액트 라우팅 기초(React-Router-Dom) 을 다룹니다.
리액트 프론트엔드 심화
고급 상태 관리(Redux, Recoil), 컴포넌트 성능 최적화( React.memo 등) , Lazy Loading, 폼 관리, TypeScript + React, 제네릭, 유니온, React Query, 컴포넌트 라이브러리, NextJS, 서버 사이드 렌더링 기초, GraphQL, 최적화, 보안
Redux, Recoil 과 같은 상태 관리 라이브러리를 활용하여 상태관리를 배웁니다.
비동기 작업 관리, 컴포넌트 성능 최적화(React.memo), 폼 관리 및 검증(React Hook Form) 을 다룹니다.
TypeScript 와 리액트를 같이 쓰면서 타입 안정성을 강조합니다.
React Query 를 활용하여 데이터 관리와 API 호출을 효율적으로 처리하며, Next.js 를 통한 서버 사이드 렌더링과 정적 사이트 생성, GraphQL 과의 통합을 학습합니다.
서비스 구현 프로젝트
리액트(React)와 노드(node.js)를 활용하여 실제 서비스를 자유롭게 기획하거나 제공된 기획서에 따라 서비스를 구현하는 프로젝트입니다.
선호하는 프로젝트 유형을 선택하고 그 안에서 팀빌딩을 진행합니다.
팀빌딩이 완료된 이후에는 본격적으로 프로젝트가 진행되며 유형에 따라 기획, 디자인, 개발 등을 수행하며 프로젝트를 완성합니다. 또한 개발에만 집중하기를 원하는 팀을 위해 화면설계서와 기능명세서가 제공되는 프로젝트와 기업과 협업하며 진행하는 프로젝트도 준비되어 있습니다.
프로젝트 종료 후 발표를 통해 각 팀의 성과를 공유하는 시간을 갖습니다.
WEB 개발 기초
GIT, HTML, CSS, 네트워크 개념, Javascript, 이벤트 처리, DOM, ES6 문법, 디버깅
웹 개발의 기초를 다지는 부분입니다.
Git 을 통해 코드 버전을 관리하고, 네트워크 프로토콜을 통해 웹 애플리케이션이 서버와 통신하는 방식을 이해하며, 이벤트 처리와 DOM 조작을 통해 사용자와 상호작용합니다. 또한 ES6 문법을 통해 간결하고 효율적인 코드를 작성하는 방법을 배우고, 계산기를 만들어보며 배운 내용을 종합해 볼 수 있습니다.
프로젝트 하이라이트 영상
개발 실력, 프레젠테이션 능력도 결과로 보여줍니다.
'AI 그림 생성 사이트' > '스페인 식당 홈페이지' > '스포츠 경기 매칭 플랫폼'
어디부터 무엇을 해야할지 막막하고 어려워요
어디부터 무엇을 해야할지 막막하고 어려워요 혼자 시작은 했는데 이게 맞나 두려워요
개발자 취준생
두렵고 막막한 개발자의 꿈? 저희와 함께하면 현실이 됩니다
‘오름캠프’여야만 하는 이유 3
수강생 중심 학습 환경
공부에 집중하세요. 나머지는 저희가 해결 할께요!
수강생 입장을 아는 전문 매니저
김요한 매니저
(현) 소프트스퀘어드 교육 팀장
(전) 코드스테이츠 교육 운영 매니저
(전)구름 EDU B2C 교육 사업 매니저
(전) 멋쟁이 사자처럼 교육 운영 매니저
수강생의 성장을 돕는 전문 매니저
이수빈 매니저
(현) 모두의연구소 SW캠퍼스 운영매니저
(전) 이젠아카데미 교육행정 매니저
맞춤형 생활 케어
⏰
오름님 일어나셔야죠😎 오늘은 지각하시면 안돼요!
포인트 교육 케어
🧑🏻💻
똑똑! 1:1 포인트 케어 시간이에요
커뮤니티 케어
🍗🍺
이번주 주말 오프라인 끝나고 치맥 가실분?
맞춤형 생활 케어
⏰
오름님 일어나셔야죠😎 오늘은 지각하시면 안돼요!
포인트 교육 케어
🧑🏻💻
똑똑! 1:1 포인트 케어 시간이에요
커뮤니티 케어
🍗🍺
이번주 주말 오프라인 끝나고 치맥 가실분?
꽁꽁 얼어 붙었다는 취업 시장?
꽁꽁 얼어 붙었다는 취업 시장? 그래도 누군가는 성공합니다.
개발자 전문 헤드헌터
그 노하우를 현직 헤드헌터가 알려드립니다.
‘오름캠프’여야만 하는 이유 4
검증된 '커리어 전문가'가 필수!
얼어 붙은 취업시장에는 전문가가 왜 필요한지 알려드리겠습니다
개발자 전문 헤드헌터
정가혜
(현) Free Agent 커리어노마드
(전) Tech 기반 서치펌 채용매니저
(전) 스타트업 잡플랫폼 매니저
개발자 전문 헤드헌터
정가혜 헤드헌터
(현) Free Agent 커리어노마드
(전) Tech 기반 서치펌 채용매니저
(전) 스타트업 잡플랫폼 매니저
모두의연구소가 인증하는 커리어 시스템
커리어 전문가
1:1 이력서 코칭
모의 면접
원티드 인증 뱃지
원티드 취업 프로그램 제휴
원티드랩의 취업지원시스템(EAS)으로 취업 고민 No! 서류 합격률을 30% 높여주는 취업 지원 프로그램으로 졸업 후 커리어의 여정을 함께합니다
개인 맞춤형 큐레이션 서비스
원티드의 다양한 기업 채용 데이터를 기반으로
지원 희망 포지션을 분석해드립니다
취업 코칭 세션 서비스
분기별로 이력서 특강을 들을 수 있는
온라인 취업 코칭 세션을 지원합니다
AI 면접 코칭 서비스
지원을 희망하는 채용 공고를 분석해 면접 예상
질문과 답변에 대한 피드백을 제공해드립니다
‘오름캠프’여야만 하는 이유 5
튼튼한 기본기 장착
원리를 바탕으로 끝까지 내것으로 만드는 프로세스, 원리를 정확히 알고 기능을 구현해야 실무에 응용할 수 있습니다.
원리 중심 학습 프로세스
원리 이해
기능 구현
실무 응용
커뮤니케이션
명확한 지식의 전달
아는 것을 설명할 줄 알아야 정확히 아는 것이라 할 수 있습니다.
액티브 러닝
일방향 강의를 통한 주입식이 아닌 커뮤니케이션을 통해 서로 설명하고 이해하는 시끄러운 교실 속에서 약 9배 이상 높은 학습 효과를 만들 수 있습니다.
명확한 지식의 전달
아는 것을 설명할 줄 알아야 정확히 아는 것이라 할 수 있습니다.
액티브 러닝
일방향 강의를 통한 주입식이 아닌 커뮤니케이션을 통해 서로 설명하고 이해하는 시끄러운 교실 속에서 약 9배 이상 높은 학습 효과를 만들 수 있습니다.
48,624번의 커뮤니케이션
질문이 쏟아지고 답변이 넘쳐나는 온라인 공간
평균 19번의 오프라인 자유 모각코
언제나 자유롭게 모일 수 있는 오프라인 공간
[실제 수업 중 발화량 통계]
4개월 후 ‘기초 튼튼’
프론트엔드 개발자로 첫걸음!
개발자로 시작하기 위한 필수 항목
튼튼한 기본기를 통해
코드를 넘어 구조를 이해하는 능력
문제해력결을 높혀주는
지속적인 성장을 위한 학습 근력
실무에 필요한
소통을 위한 커뮤니케이션 능력
밀도 있는 개발자로의 성장, 4개월 수료 후 여러분의 모습입니다.
프론트엔드 개발자
디자이너, 백엔드 개발자와 소통할 수 있는 능력과 고급 상태 관리와 성능 최적화가 가능한 프론트엔드 개발자