본문바로가기

프론트엔드 개발
취업 아카데미 티라노스쿨

  • 취업/이직 준비생
  • 포트폴리오 제작
  • 맞춤형 클래스

프론트엔드 개발자로 취업하고자 하는 학생들을 위한 과정으로, 웹/모바일 사이트의 프론트엔드를 설계 개발할 수 있는 능력을 배양하고 프론트엔드 개발과 관련한 모든 실무적인 내용을 담은, 실무를 지향하는 "티라노스쿨" 취업아카데미입니다.

반갑습니다,
아카데미정글입니다 😃
프론트엔드 개발 취업아카데미 티라노스쿨 공지사항을 확인해주세요!

[티라노스쿨 : 기초 + 포트폴리오 클래스] 교육일정

2022.09.27 – 2023.01.11

교육시간

월 - 목 / 10:00 - 17:00 (주 4회)

교육장소

아카데미정글 (강남 신사)

수 강 료

총 440만원 / 월 110만원 (4개월 월별 납부 가능)

결제방법
  • 1. 온라인 카드 ① : 10개월 무이자 할부 가능 2. 온라인 카드 ② : 2 ~ 6개월 무이자 할부 가능
    (👉무이자카드 할부 안내)
    3. 내사카드(방문결제)
    : 월 110만원씩 4개월 분할 납부 가능
    4. 무통장 입금(계좌이체)
    : 월 110만원씩 4개월 분할 납부 가능
준 비 물

개인 노트북(권장)

[티라노스쿨 : 포트폴리오 클래스] 교육일정

2022.10.24 – 2023.01.11

교육시간

월 - 목 / 10:00 - 17:00 (주 4회)

교육장소

아카데미정글 (강남 신사)

수 강 료

총 330만원 / 월 110만원 (3개월 월별 납부 가능)

결제방법
  • 1. 온라인 카드 ① : 10개월 무이자 할부 가능 2. 온라인 카드 ② : 2 ~ 6개월 무이자 할부 가능
    (👉무이자카드 할부 안내)
    3. 내사카드(방문결제)
    : 월 110만원씩 3개월 분할 납부 가능
    4. 무통장 입금(계좌이체)
    : 월 110만원씩 3개월 분할 납부 가능
준 비 물

개인 노트북(권장)

🔊 강의 관련 공지사항

  • 오프라인 현장 교육

    아카데미정글 강의는 오프라인 대면 수업으로 진행됩니다.

  • ZOOM LIVE 결석시 줌 수업 진행

    피치 못할 사정으로 결석하게 되는 경우,
    줌 수업을 요청해주세요.

  • 1:1 크리틱 진행

    1:1 크리틱을 통해 완성도 높은 개인 포트폴리오를 제작해요.

👉 본 강의는 프론트엔드 개발 수업과 커리어 코칭으로 구성되어 있습니다.

본 강의는 월 - 목 정규수업 화, 목 은 셀프스터디로 이루어집니다. 점심시간은 13:00 - 14:00 입니다. 본 강의는 월 - 목 정규수업 화, 목 은 셀프스터디로 이루어집니다. 점심시간은 13:00 - 14:00 입니다.
  • - 월, 화, 수: 프론트엔드 개발 수업으로, 이시영 강사님의 강의가 진행됩니다.
  • - 목: 포트폴리오 실습(프로젝트 매니저) 및 커리어 코칭(상담 실장님)이 진행됩니다.

프론트엔드 개발자로 취업하고 싶다면?
오직 '취업'에만 집중할 수 있는 강의, 티라노스쿨을 소개합니다 👏

  • 웹 기반의 다양한 프로그램을 개발하는 회사 "디노웍스" 대표이사 직강
  • 취업을 원하는 수강생에게 꼭 필요한 실무적인 교육
  • 프론트엔드 개발자로 취업할 수 있는 완성도 있는 포트폴리오

실무에 바로 투입이 될 수 있는, 기반이 탄탄한 프론트엔드 개발자를 양성하는 취업 과속화 과정 티라노스쿨은 웹 기반의 다양한 프로그램 (웹사이트, 관리 시스템, 업무 시스템, ERP)을 개발하는 회사 '디노웍스'의 대표 이시영 강사님이 강의하십니다.

티라노스쿨 수강생들은 수강 후, 다음과 같은 기업에 취업했습니다 👍

취업 기업 로고 취업 기업 로고

co foward, 엔씨소프트, 앤드와이즈, 이노디스, SDCIT, 스케치북, (주)프로젝트독, LG AI 연구원, 펜타브리드, 이니션, (주)인스팟, 주식회사 마이페어, 위즈스쿨,애니위즈, 퍼니피그, 서울시립청소년직업체험센터, 라온아이, 케이시스, 이스퀘어 인터내셔널, 유비온, 코너크리에이티브, 하나애드아이엠씨, 에코정보기술,클비시스템, 아이피그룹, 플레이스캠프 제주, 모아플래닛, 메가넥스트, 미래비즈코리아, 엔씨지글로벌, 이아이랩, 피앤디브레스, 해줌, 티엘엑스, 와이즈넛, 이피피엔, 우리엘소프트, 유플리트, 유니드컴즈 등 다수의 기업에 취업했습니다.

아카데미정글 취업아카데미를 선택하고 취업에 성공한
수강생 취업 인터뷰를 확인해보세요.

아카데미정글 수강생 취업 인터뷰 엔씨소프트 취업자 김진영

프론트엔드 개발자가 목표라면 티라노스쿨은 유용하고 권하고 싶은 좋은 과정입니다.
다만 배움은 그 배움을 받아드릴 수 있는 마음이 먼저 있어야 해요.
분명한 목표, 목표를 이루기 위한 열정과 노력이 있어야 배우는 것이 자신의 것이 됩니다.

저는 그렇게 했고, 그래서 티라노스쿨을 통해 성장할 수 있었어요. 인터뷰 더 보기

티라노스쿨은 다음과 같이
맞춤형 클래스로 진행됩니다.

기초+포트폴리오 클래스 : 기초 개념 기초 과정 1개월 + 포트폴리오 집중과정 3개월, 포트폴리오 클래스 : 포트폴리오 집중과정 3개월
  • [기초+포트폴리오 클래스]
    • 1. 코딩이 처음이신 분
    • 2. 본인 실력에 의심이 드는 분
    • 3. 공부는 해봤지만 정확한 html, css를 잘 모르시는 분
    • 4. 혼자 웹 페이지 제작이 어려우신 분
    • 5. 기초를 차근차근 다지고 싶으신 분
  • [포트폴리오 클래스]
    • 1. 기존 퍼블리싱 과정 수료자 (국비과정, 기타 기관 등)
    • 2. 실무에서 유지보수 업무 수행 경험이 있는 분
    • 3. HTML, CSS를 활용하여 간단한 웹사이트를 제작할 수 있는 분
    • 4. 기초가 좀 부족하더라도 수강기간 중 성실히 교육에 참여할 수 있는 분
    • - 강의시간 이외에 주 30시간 이상 개별학습 의지가 있는 분
    • - 혹은 전공 및 기타 교육을 통해 프로그래밍을 학습한 경험이 있는 분

프로트엔드 개발자로의 취업,
티라노스쿨을 선택해야 할까요?

  • 티라노스쿨 졸업생 포트폴리오 티라노스쿨 졸업생 포트폴리오 포트폴리오 최소 3개 이상 제작

    강사님이 7년 넘게 수 많은 수강생들을 만나면서 가장 아쉬웠던 점은 많은 교육을 받아도 자신의 포트폴리오를 제대로 만들지 못해 취업에 어려움을 겪는 수강생이 많았다는 것. 티라노스쿨에서는 취업을 위한 제대로 된 포트폴리오를 3개 이상 제작해요.

  • 티라노스쿨 졸업생 취업발표회 티라노스쿨 졸업생 취업발표회 1:1 크리틱 및 지속적인 관리

    강사님이 직접 실무를 하며 얻은 노하우를 바탕으로 프론트엔드 개발과 관련한 실무적인 내용을 담은 강의로, 이론과 실습을 병행하며 1:1 크리틱을 진행해요. 완성도 높은 포트폴리오를 위해 발표를 통한 지속적인 관리가 이루어져요.

  • 티라노스쿨 커리어코칭 티라노스쿨 커리어코칭 취업을 위한 커리어 코칭

    티라노스쿨은 오직 "취업"에 집중할 수 있는 수업이에요. 그렇기 때문에 전 수강생을 대상으로 취업을 위한 커리어 코칭이 진행됩니다. 수업 진행 중 개별 상담을 진행하고, 이력서와 자기소개서 첨삭, 면접 준비도 함께 도와드립니다.

프론트엔드 개발 분야에서 프론트엔드 개발자를 채용할 때 원하는 포트폴리오,
티라노스쿨에서 제작할 수 있습니다.

  • 😮 기업이 원하는 프론트엔드 개발
    포트폴리오가 있나요?

    👉 강사님이 실무에 계시면서 경험하신 내용을 바탕으로 실무에서 요구하는 내용이 반영된 메인페이지 + 서브 페이지 2개 이상 + 웹표준/웹 접근성이 준수되고 UI는 본인이 개발한 개인별 포트폴리오를 최소 3개 이상(이 중 2개 이상은 반응형 웹) 완성하여 취업에 적합한 수준 높은 포트폴리오를 제작해요.

  • 🤔 취업을 해도, 실무에 바로 투입될 수
    있을까요?

    👉 티라노스쿨은 실무에 바로 적용 가능한 기술을 알려드리기 때문에 비교적 빠르게 포트폴리오를 만들 수 있어요. 티라노스쿨 포트폴리오는 수준이 높은 편이고, 양이나 구성 면에서도 취업할 때 차별화가 가능하기 때문에 열심히 과정에 참여한다면 실무에 바로 투입 될 수 있는 실력을 갖출 수 있어요.

  • 😶 포트폴리오를 제작을 위해 지속적인
    관리를 받을 수 있나요?

    👉 완성도 높은 포트폴리오 제작을 위해 개인별 포트폴리오 대상 사이트 선정 계획 발표를 시작으로 2회에 걸친 포트폴리오 중간 발표를 거쳐 피드백을 받아 최종 발표도 진행해요. 라이브러리는 사용하지 않고 수업 시간에 강사님이 알려주시는 다양한 실무 스킬을 활용하여 직접 UI를 개발할 거예요.

강의를 이끌어주실 이시영 강사님을 소개합니다

강사
이시영
# 실무_현업과_강의를_동시에# 생생한_실무_노하우_공유# 백엔드_개발도_같이# 웹_개발의_전체적인_시야

현) 디노웍스(주) 대표

방위사업청 사업관리본부 운영 아키텍트
웹표준솔루션 포럼 회원사
KAIST 산업공학과 (석사)

  • 주요 프로젝트
  • - 주요 금융사 및 대기업 웹 접근성 개선 컨설팅 및 구축 사업
  • - 현대건설
  • - CJ 그룹
  • - 기아자동차
  • - IBK 기업은행
  • - 국민카드 등

👨‍🏫 강사님이 이야기하는
"티라노스쿨을 꼭 수강해야 하는 이유"

  • UI 개발

  • 배너 무한슬라이드

  • Drag & Drop

  • 👉 첫번째, 실무를 반영한 이론과 실습을 병행

    티라노스쿨에서 사용되는 대부분의 예제는 이시영 강사님이 직접 개발에 참여했던 결과물이에요. 다양한 경험에서 우러나온 노하우를 접하게 되면, 기술에 대한 핵심을 쉽게 파악할 수 있게 되고, 직접 개발할 수 있다는 자신감도 생길 거예요. 티라노스쿨 강의는 이론 70%, 실습 30%로 구성되어 당장 실무에서 사용할 수 있는 기술을 배울 수 있는, 차별화된 강의예요.

  • 👉 두번째, 실습 및 포트폴리오 제작 시간 부여

    수업 시간에 강의 진행 후 실습 및 포트폴리오 제작 시간을 부여하고, 어려운 점은 강사님의 도움을 바로 받아 해결할 수 있어서 수준이 높아 보이는 사이트도 편하게 시도해 볼 수 있어요. 또한 보조 강사가 들어와서 도움을 드리기 때문에, 어려운 부분이 있다면 언제든 질문해 주시면 됩니다. 다만 포트폴리오는 절대적으로 본인이 만드는 것임을 명심하셔야 합니다.

최소 3개 이상의 포트폴리오를 제작하는 티라노스쿨에서는
다음과 같은 내용을 배우고 프로젝트를 수행합니다.

프론트엔드 개발자로의 성공적인 취업을 위해
아카데미정글이 수강생 여러분들의 커리어 코칭을 도와드릴게요👩‍🏫

  • 개별상담 및 진로탐색 개별상담 및 진로탐색 취업을 위한 커리어 코칭

    수업이 진행되는 중간마다 개별 상담을 진행 하여 함께 진로 탐색을 할 거예요. 수강생이 최적화된 이력서와 자기소개서를 작성할 수 있도록 첨삭을 진행해요.

  • 티라노스쿨 졸업생 취업발표회 티라노스쿨 졸업생 취업발표회 포트폴리오 최종 발표회

    완성도 높은 포트폴리오 제작을 위해 중간 발표를 거쳐 피드백을 바탕으로 각자의 역량이 드러난 프론트엔드 개발 취업을 위한 포트폴리오를 완성해 최종 발표를 진행해요.

  • 자기소개서 최종 첨삭 자기소개서 최종 첨삭 자기소개서 최종 첨삭 및 면접 준비

    수강생이 지원하는 회사와 관련된 정보를 종합해 이에 맞는 자기소개서를 작성할 수 있도록 도와드려요. 서류 합격 후 개별적인 면접 준비도 함께 도와드릴게요.

티라노스쿨의 포트폴리오,
어떤 점이 다를까요?

  • 01 실무 역량 강화

    프론트엔드 개발 프로세스 전반을 다룸으로써 실무 역량이 강화된 포트폴리오

  • 02 본인이 직접 설계 & 개발

    라이브러리 등을 통해 단순히 결과물을 만드는 포트폴리오가 아닌, 본인 고유의 작업물

  • 03 실무 프로젝트 반영

    이론 중심의 기초 교육이 아닌 실무 경험을 바탕으로 한 실무 수준의 포트폴리오

  • 04 관리시스템 개발 실습

    웹 기술을 활용한 업무 관리 시스템, 쇼핑몰, CRM/ERP 솔루션 등에 활용되는 포트폴리오

  • 05 다양한 형태의 포트폴리오

    교육 수료 후 바로 취업 지원이 가능할 수 있도록 개인별 3개 이상 포트폴리오 제작

  • 06 웹 표준 및 웹 접근성 준수

    급변하는 웹 환경에 유연하게 적응할 수 있는 역량이 강화된 웹 접근성 실무 포트폴리오

이런 분들을 위한 강의로,
완강 후 여러분은
다음과 같이 성장할 수 있어요👍

  • 프론트엔드 개발자로 취업을 희망하시는 분

    웹/모바일 사이트의 퍼블리싱 능력과 프론트엔드를 설계 및 개발하는 실무 능력을 키울 수 있어요.

  • HTML/CSS로 웹사이트 퍼블리싱이 가능하신 분

    CSS3 고급 명령, JavaScript, jQuery 등을 활용하여 포트폴리오를 제작하여 취업하실 수 있어요.

  • 프로그래밍 지식으로 포트폴리오 제작을 원하는 분

    각종 UI 개발, 하드 코딩 개발 및 접근성을 고려한 프론트엔드 포트폴리오를 제작하실 수 있어요.

  • 프론트엔드 개발자로 이직을 원하는 분

    React, Vue.js, Angular JS, Git- hub 활용 및 라이브러리 활용법을 배워 문제해결능력을 키울 수 있어요.

프론트엔드 개발자로 취업하고자 하는 의지가 있는 예비 수강생이라면,
다음과 같은 절차를 통해 수강신청 하실 수 있습니다 😃

  • 01 온라인 수강 신청

    아카데미정글 회원 가입 후 온라인으로 수강 신청을 해 주시면,
    평일 기준 1-2일 이내 기재된 연락처로 수강 관련 상담 진행을 위해
    담당자가 개별 연락 드릴 예정입니다.

  • 02 개별 상담 진행

    담당자가 수강 신청 확인 후 연락을 통해
    수강 관련 상담을 진행하며,
    원활한 개별 상담 진행을 위해 필요에 따라 방문 상담이 진행됩니다.

  • 03 과정 수강 및 취업

    개별 상담 진행 후 안내된 개강 일정에 맞추어 열심히,
    그리고 성실하게 교육에 참여합니다.
    취업을 위한 커리어 코칭 및 이력서, 자기소개서 첨삭이 진행됩니다.

👇 프론트엔드 개발부터 커리어 코칭까지, 커리큘럼을 확인해보세요.

기초+포트폴리오 클래스상세 커리큘럼 보기

  • 과정소개/HTML - 오리엔테이션
    - 웹표준의 이해
    - HTML 문법
    - HTML 주요 태그 및 속성
    - HTML 작성 실습
  • CSS 기본 - CSS 문법
    - CSS 셀렉터
    - CSS 주요 명령어
    - CSS 핵심 개념
    (Box Model / Position)
  • CSS 고급 - CSS 고급 셀렉터
    - CSS 고급 명령어
    (transition, transform, animation 등)
    - CSS 작성 실습
  • 웹사이트 개발 실습 - 레이아웃: 메인/서브페이지,
    이미지슬라이드 등
    - Header / 내비게이션(GNB)
    - Footer
  • 반응형 웹사이트 개발 I - 반응협웹 제작 실무 노하우 - 웹사이트 개발 실습
    - PC용 메인 화면(공통영역)
  • 반응형 웹사이트 개발 I - 웹사이트 개발 실습
    - PC용 메인 화면(메인콘텐츠)
  • 반응형 웹사이트 개발 I - 웹사이트 개발 실습
    - 모바일용 메인 화면
  • 반응형 웹사이트 개발 I - 웹사이트 개발 실습
    - PC/모바일용 서브 화면
  • 반응형 웹사이트 개발 II - 반응협 웹사이트 개발 실습 - 웹사이트 개발 실습
    - PC용 메인 화면(공통영역)
  • 기초역량 평가 - 오리엔테이션
    - 개인별 포트폴리오 점검
    - 웹 퍼블리싱 과제 부여 및 평가
  • HTML 복습 - HTML 핵심 개념 복습
    - 주요 태그의 의미 이해
    - 주요 속성의 용도
    - Form 관련 태그 및 속성 설명
    - Coding Convention
  • CSS 복습
    - CSS 핵심 개념 복습
    - 주요 셀렉터
    - Box Model 및 Positioning
    - 주요 명령어 복습
  • CSS 고급 - 아이콘 활용(Google Icon)
    - 웹폰트 및 Reset 코드
    - 미디어 쿼리 활용 노하우
    - CSS 고급 기능: gradient, flex,
    cover/contain 개념 등
    transform, transition, animation 등
  • 반응형 웹사이트 - 반응형 웹사이트 실무 노하우
    - 미디어 쿼리 사용방법
    - CSS 작성 노하우
    - 이미지 컨트롤
  • 반응형 웹사이트 개발 I - 웹사이트 개발 실습
    - 공통 영역, 메인컨텐츠
    - 모바일 메인 화면
    - PC / 모바일 서브 화면
    - 개인별 포트폴리오 제작 계획 발표
  • 반응형 웹사이트 개발 Ⅱ - 웹사이트 개발 실습
    - 공통 영역, 메인컨텐츠
    - 모바일 메인 화면
    - PC / 모바일 서브 화면
  • 웹 접근성 - 웹 접근성 테크니컬 가이드
    - Seo 소개 교육
    - 개인별 포트폴리오 개발
  • JavaScript 기본 문법 - 변수 및 데이터 타입
    - 연산자
    - 함수
    - 전역 및 지역 개념
    - 제어문
    - JavaScript 실습
  • JavaScript 실습 - 객체지향형 프로그램의 이해
    - 주요 명령어 실습: Array, Event,
    Object, Function, Class
    - ES5, ES6 구분 및 주요 명령어 실습
  • JavaScript DOM, BOM - JavaScript DOM
    - JavaScript BOM
    - Ajax 개념 소개
    - JSON
  • jQuery - jQuery 문법
    - 주요 API 이해
    - jQuery 실습
    - Event의 동작 원리
    - 개인별 포트폴리오 개발
  • 이미지 슬라이드 개발 I - 간단한 UI 개발: 내비게이션,
    Tab, Scroll, Popup 등
    - Step1 : 일단 작성하기
    - 개인별 포트폴리오 개발
  • 이미지 슬라이드 개발 II - Step2 : 함수 활용
    - Step3 : 변수 활용 (객체형)
    - Step4 : 타이머 기능 적용
    - 개인별 포트폴리오 개발
  • 이미지 슬라이드 개발 Ⅲ - Step5 : 기능확장 및 변형
    - Step6 : 함수형 라이브러리화
    - Step7 : 객체형 라이브러리화
    - Step8 : Class 생성 및 기능통합
    - 개인별 포트폴리오 개발
  • 배너 슬라이드 개발 - 디자인에 따른 변경 기법
    - 반응형 UI 개발 기법
    - 쓰로틀링 및 디바운스 기법
    - 개인별 포트폴리오 개발
  • 내비게이션, 레이어팝업 - 반응형웹 내비게이션 개발
    : 웹접근성 준수
    웹/모바일 UI 분리 기법
    - 레이어 팝업
    : 크기에 유연하게 반응하는 팝업창 설계
    UI의 웹접근성 준수
    - 개인별 포트폴리오 개발
  • Drag UI - Drag UI
    : 기본 Drag UI 개발
    Drag & Drop 개발
    이미지 슬라이드에 Swipe 구현(PC)
    - 리스트 Drag UI 개발
    - 포트폴리오 중간발표 및 평가
  • Scroll, Parallax UI 구현 - Scroll UI
    : 기본형 Scroll UI
    (요소 visibility체크 등)
    - 브라우저 호환성 구현
    (FireFox vs 표준)
    - Parallax UI 구현
    : 페이징 기능 개발
    웹접근성 준수를 위한 팁
    - 개인별 포트폴리오 개발
  • Fake From, 기타 UI - Fake Form 개발
    : UI와 Form 정보 연계
    접근성 (Focus 표시 및 키보드 사용)
    - 기타 UI 개발
    : 숫자 카운팅
    Text Animation 등
    - 개인별 포트폴리오 개발
  • 모바일 UI - 모바일 UI
    : Touch 이벤트 이해 (멀티터치)
    - 모바일 Swipe 구현
    - 멀티터치 이벤트 구현
    : Zoom, Rotate, Translate
    - 개인별 포트폴리오 개발
  • 실무 프로젝트 I - Layout 개발 (반응형)
    : 로그인 화면
    시스템 및 콘텐츠 Layout
    Page별 Layout(List, View, Edit)
    - Header 및 내비게이션
  • 실무 프로젝트 II - 구성요소 개발
    : Form 요소
    버튼요소
    파일첨부 등 모듈
    - 캘린더, Chart 등 외부 라이브러리 연동
    - 브라우저/기기별 디자인 통일 기법
  • 프론트 기술 I - SPA(Single Page Application)이란?
    - MVC 모델 이해
    - 데이터 연계형 개발 실습
    - SVG, Canvas 기초
    - 개인별 포트폴리오 개발
  • React - React 개발환경 설정
    - React 문법
    - React 주요 명령어
    - React 실습
    - 개인별 포트폴리오 개발
  • Vue - Vue 개발환경 설정
    - Vue 문법
    - Vue 주요 명령어
    - Vue 실습
    - 개인별 포트폴리오 개발
  • 프론트 기술 II - Svelte 소개 및 실습
    - Web Component 소개
    - Git 사용법
    - 개인별 포트폴리오 개발
  • 백엔드 개발 기초 I - XAMPP 설치 (개발환경 설정)
    - 웹 구성환경 이해(서버, 클라이언트)
    - 백엔드 개발언어 실습(PHP)
    - 프론트 소스 정리 (include 활용)
    - 개인별 포트폴리오 개발
  • 백엔드 개발 기초 II - SQL 기본 실습
    - DB 연계 프로그램 개발 실습
    : 게시판
    - 개인별 포트폴리오 개발
  • 포트폴리오 정리 및 발표 - 개인별 포트폴리오 크리틱
    - 매칭 데이 발표 실습
  • 오리엔테이션 - 취업의 정의
    - 직무 소개
    - 취업시장 트렌드
    - 연봉에 대해 궁금하세요?
    - 이력서 구성 방법
    - 자기소개서의 정의와 기본 규칙
    - 기본 자기소개서 문항 구성
  • 성장 과정 - 소제목의 활용
    - 성장과정 기간 설정과 내용 구성
    - 성정과정 글 사례 예시
    - 개인별 성장과정 작성하기
  • 성격의 장단점 - 개인의 성격 파악하기
    - 개발자 직군에서 말하는 좋은 성격
    - 공통된 성격 파악하기
    - 성격의 장점을 쓰는 방법
    - 성격의 단점을 쓰는 방법
    - 순화된 표현 쓰기
    - 성격의 장.단점 글 사례 예시
    - 개인별 성격의 장.단점 작성하기
  • 지원동기 I - 지원회사 인재상과 비전 파악하기
    - 지원회사에서 요구하는 직무역량 파악하기
    - 자신의 핵심역량 어필하기
    - 도입/핵심역량/결론 순으로 지원동기 구성하기
    - 지원동기 글 사례 예시
    - 개인별 지원동기 작성하기
  • 지원동기 II - 회사의 규모, 성격에 따른
    개별 문항 소개
    - 개별문항에 따른 지원동기
    작성시 사례 구성 요령
    - 회사별 개별문항 글 사례 예시
    - 개인별 회사 개별문항 지원동기 작성하기
  • 자기소개서 작성법 / 향후 계획 - 회사의 성장 비전 파악 혹은 제시하기
    - 자신의 성장 방향 설정하기
    - 회사와 나의 공통 목표 찾기
    - 향후계획 글 사례 예시
    - 개인별 향후계획 작성하기
  • 자기소개서 작성법 / 면접 준비 - 과제면접
    - 코딩테스트
    - 면접 시 준비해야할 것들 점검하기
    - 면접 시 주의해야 할 것들 파악하기
    - 바람직한 면접태도
    - 질문에 대한 답변 요령
    - 1분 자기소개 글 작성하기
  • 최종 점검 및 보완 - 이후 1:1 개인별 첨삭으로 이어집니다.

포트폴리오 클래스상세 커리큘럼 보기

  • 기초역량 평가 - 오리엔테이션
    - 개인별 포트폴리오 점검
    - 웹 퍼블리싱 과제 부여 및 평가
  • HTML 복습 - HTML 핵심 개념 복습
    - 주요 태그의 의미 이해
    - 주요 속성의 용도
    - Form 관련 태그 및 속성 설명
    - Coding Convention
  • CSS 복습 - CSS 핵심 개념 복습
    - 주요 셀렉터
    - Box Model 및 Positioning
    - 주요 명령어 복습
  • CSS 고급 - 아이콘 활용(Google Icon)
    - 웹폰트 및 Reset 코드
    - 미디어 쿼리 활용 노하우
    - CSS 고급 기능: gradient, flex,
    cover/contain 개념 등
    transform, transition, animation 등
  • 반응형 웹사이트 - 반응형 웹사이트 실무 노하우
    - 미디어 쿼리 사용방법
    - CSS 작성 노하우
    - 이미지 컨트롤
  • 반응형 웹사이트 개발 I - 웹사이트 개발 실습
    - 공통 영역, 메인컨텐츠
    - 모바일 메인 화면
    - PC / 모바일 서브 화면
    - 개인별 포트폴리오 제작 계획 발표
  • 반응형 웹사이트 개발 Ⅱ - 웹사이트 개발 실습
    - 공통 영역, 메인컨텐츠
    - 모바일 메인 화면
    - PC / 모바일 서브 화면
  • 웹 접근성 - 웹 접근성 테크니컬 가이드
    - Seo 소개 교육
    - 개인별 포트폴리오 개발
  • JavaScript 기본 문법 - 변수 및 데이터 타입
    - 연산자
    - 함수
    - 전역 및 지역 개념
    - 제어문
    - JavaScript 실습
  • JavaScript 실습 - 객체지향형 프로그램의 이해
    - 주요 명령어 실습: Array, Event,
    Object, Function, Class
    - ES5, ES6 구분 및 주요 명령어 실습
  • JavaScript DOM, BOM - JavaScript DOM
    - JavaScript BOM
    - Ajax 개념 소개
    - JSON
  • jQuery - jQuery 문법
    - 주요 API 이해
    - jQuery 실습
    - Event의 동작 원리
    - 개인별 포트폴리오 개발
  • 이미지 슬라이드 개발 I - 간단한 UI 개발: 내비게이션,
    Tab, Scroll, Popup 등
    - Step1 : 일단 작성하기
    - 개인별 포트폴리오 개발
  • 이미지 슬라이드 개발 II - Step2 : 함수 활용
    - Step3 : 변수 활용 (객체형)
    - Step4 : 타이머 기능 적용
    - 개인별 포트폴리오 개발
  • 이미지 슬라이드 개발 Ⅲ - Step5 : 기능확장 및 변형
    - Step6 : 함수형 라이브러리화
    - Step7 : 객체형 라이브러리화
    - Step8 : Class 생성 및 기능통합
    - 개인별 포트폴리오 개발
  • 배너 슬라이드 개발 - 디자인에 따른 변경 기법
    - 반응형 UI 개발 기법
    - 쓰로틀링 및 디바운스 기법
    - 개인별 포트폴리오 개발
  • 내비게이션, 레이어팝업 - 반응형웹 내비게이션 개발
    : 웹접근성 준수
    웹/모바일 UI 분리 기법
    - 레이어 팝업
    : 크기에 유연하게 반응하는 팝업창 설계
    UI의 웹접근성 준수
    - 개인별 포트폴리오 개발
  • Drag UI - Drag UI
    : 기본 Drag UI 개발
    Drag & Drop 개발
    이미지 슬라이드에 Swipe 구현(PC)
    - 리스트 Drag UI 개발
    - 포트폴리오 중간발표 및 평가
  • Scroll, Parallax UI 구현 - Scroll UI
    : 기본형 Scroll UI
    (요소 visibility체크 등)
    - 브라우저 호환성 구현
    (FireFox vs 표준)
    - Parallax UI 구현
    : 페이징 기능 개발
    웹접근성 준수를 위한 팁
    - 개인별 포트폴리오 개발
  • Fake From, 기타 UI - Fake Form 개발
    : UI와 Form 정보 연계
    접근성 (Focus 표시 및 키보드 사용)
    - 기타 UI 개발
    : 숫자 카운팅
    Text Animation 등
    - 개인별 포트폴리오 개발
  • 모바일 UI - 모바일 UI
    : Touch 이벤트 이해 (멀티터치)
    - 모바일 Swipe 구현
    - 멀티터치 이벤트 구현
    : Zoom, Rotate, Translate
    - 개인별 포트폴리오 개발
  • 실무 프로젝트 I - Layout 개발 (반응형)
    : 로그인 화면
    시스템 및 콘텐츠 Layout
    Page별 Layout(List, View, Edit)
    - Header 및 내비게이션
  • 실무 프로젝트 II - 구성요소 개발
    : Form 요소
    버튼요소
    파일첨부 등 모듈
    - 캘린더, Chart 등 외부 라이브러리 연동
    - 브라우저/기기별 디자인 통일 기법
  • 프론트 기술 I - SPA(Single Page Application)이란?
    - MVC 모델 이해
    - 데이터 연계형 개발 실습
    - SVG, Canvas 기초
    - 개인별 포트폴리오 개발
  • React - React 개발환경 설정
    - React 문법
    - React 주요 명령어
    - React 실습
    - 개인별 포트폴리오 개발
  • Vue - Vue 개발환경 설정
    - Vue 문법
    - Vue 주요 명령어
    - Vue 실습
    - 개인별 포트폴리오 개발
  • 프론트 기술 II - Svelte 소개 및 실습
    - Web Component 소개
    - Git 사용법
    - 개인별 포트폴리오 개발
  • 백엔드 개발 기초 I - XAMPP 설치 (개발환경 설정)
    - 웹 구성환경 이해(서버, 클라이언트)
    - 백엔드 개발언어 실습(PHP)
    - 프론트 소스 정리 (include 활용)
    - 개인별 포트폴리오 개발
  • 백엔드 개발 기초 II - SQL 기본 실습
    - DB 연계 프로그램 개발 실습
    : 게시판
    - 개인별 포트폴리오 개발
  • 포트폴리오 정리 및 발표 - 개인별 포트폴리오 크리틱
    - 매칭 데이 발표 실습
  • 오리엔테이션 - 취업의 정의
    - 직무 소개
    - 취업시장 트렌드
    - 연봉에 대해 궁금하세요?
    - 이력서 구성 방법
    - 자기소개서의 정의와 기본 규칙
    - 기본 자기소개서 문항 구성
  • 성장 과정 - 소제목의 활용
    - 성장과정 기간 설정과 내용 구성
    - 성정과정 글 사례 예시
    - 개인별 성장과정 작성하기
  • 성격의 장단점 - 개인의 성격 파악하기
    - 개발자 직군에서 말하는 좋은 성격
    - 공통된 성격 파악하기
    - 성격의 장점을 쓰는 방법
    - 성격의 단점을 쓰는 방법
    - 순화된 표현 쓰기
    - 성격의 장.단점 글 사례 예시
    - 개인별 성격의 장.단점 작성하기
  • 지원동기 I - 지원회사 인재상과 비전 파악하기
    - 지원회사에서 요구하는 직무역량 파악하기
    - 자신의 핵심역량 어필하기
    - 도입/핵심역량/결론 순으로 지원동기 구성하기
    - 지원동기 글 사례 예시
    - 개인별 지원동기 작성하기
  • 지원동기 II - 회사의 규모, 성격에 따른
    개별 문항 소개
    - 개별문항에 따른 지원동기
    작성시 사례 구성 요령
    - 회사별 개별문항 글 사례 예시
    - 개인별 회사 개별문항 지원동기 작성하기
  • 자기소개서 작성법 / 향후 계획 - 회사의 성장 비전 파악 혹은 제시하기
    - 자신의 성장 방향 설정하기
    - 회사와 나의 공통 목표 찾기
    - 향후계획 글 사례 예시
    - 개인별 향후계획 작성하기
  • 자기소개서 작성법 / 면접 준비 - 과제면접
    - 코딩테스트
    - 면접 시 준비해야할 것들 점검하기
    - 면접 시 주의해야 할 것들 파악하기
    - 바람직한 면접태도
    - 질문에 대한 답변 요령
    - 1분 자기소개 글 작성하기
  • 최종 점검 및 보완 - 이후 1:1 개인별 첨삭으로 이어집니다.

수강생들이 직접 작성한 수강후기를 통해 전반적인 수업 분위기를 확인해보세요.

자주 묻는 질문들을 확인해보세요.

  • 상세히보기

    Q. 어떤 사람이 참여할 수 있나요?

    A. 10시 ~ 17시까지 수업에 참여할 수 있는 분이라면 과정 참여가 가능합니다.

  • 상세히보기

    Q. 과정 참여를 원하는 지원자는 어느 정도의 코딩 능력을 갖추어야 할까요?

    A. 포트폴리오 클래스 참여를 위해 다음과 같은 사전 지식이 필요합니다. - HTML/CSS를 이용한 웹사이트 퍼블리싱 가능자 (기초 과정 수료자) - CSS3의 기본 명령 및 Transition /
    Animation 등의 Animation 기능 이해
    - 프로그래밍에 대한 기본 지식
    (JavaScrispant, jQuery 일부 활용 가능)
    위의 사전 지식이 부족하다고 생각한다면
    기초 + 포트폴리오 과정을 추천드립니다.

  • 상세히보기

    Q. 포트폴리오는 어떤식으로 구성되나요?

    A. 해당 과정에서는 포트폴리오를 제작하며, 과정 수료 조건이자 포트폴리오 구성은 다음과 같습니다. 개인별 포트폴리오 3개 이상 완성 - 최소 2개는 반응형 웹 - 각 포트폴리오는 메인페이지 + 서브페이지 2개 이상으로 구성 - 웹 표준 및 웹 접근성 준수

  • 상세히보기

    Q. 지원 시 제출해야 할 서류가 있나요?

    A. 특별히 제출하는 서류는 없습니다.
    다만 코딩 관련 포트폴리오가 있다면 info@ejungle.co.kr로 보내주시기 바랍니다.
    제출한 포트폴리오는 지원자가 수업을 원활하게 따라갈 수 있는가를 판단하는 최소한의 자료로만 활용됩니다.

  • 상세히보기

    Q. 교육 이외의 취업 컨설팅은 어떻게 진행이 되나요?

    A. 취업에 필요한 이력서, 자기소개서의 첨삭은 물론 회사 관련 정보, 면접 준비 등 성공적인 취업을 위해 적극적으로 도와드립니다.

  • 상세히보기

    Q. 과정 지원 이후 수업에 참여하기까지의 진행 절차를 알고 싶습니다.

    A. 수강 신청 후 진행 절차는 다음과 같습니다.
    지원 → 지원자 상담(전화 또는 방문 상담) → 과정 참여 여부 결정

  • 상세히보기

    Q. 해당 과정에 참여하려면 노트북이 필요한가요?

    A. 아카데미정글 강의장에 컴퓨터가 있습니다. 다만 원활한 포트폴리오 작업을 위해 개인 노트북을 지참해 주시길 권장드립니다.

  • 상세히보기

    Q. 실습 시간은 어떻게 진행되나요?

    A. 월 - 수 요일은 강사가 수강생들의 질문을 받고 도움을 드립니다. 목요일은 포트폴리오 실습(프로젝트 매니저) 및 커리어 코칭(상담실장님)이 진행됩니다.

다음기수 개강 알림문자 신청, 뉴스레터 신청

🙋 이번 기수는 듣지 못해
아쉬워하는 분들을 위해
준비했어요.

취업아카데미 티라노스쿨의 정확한 다음기수 강의 일정을 사전에 공지해 드리기는 어려워요.

👉 대신, 다음 기수 개강 알림 문자를 신청하시면 새로운 기수 개강일과 관련한 문자를 보내 드릴게요. 👉 아카데미정글의 보다 다양한 강의 개강 일정이 궁금하시다면, 뉴스레터를 신청해주세요.
매주 발행되는 뉴스레터를 통해 아카데미정글의 강의 개강 일정을 메일로 보다 편리하게 확인하실 수 있어요.

다음 기수 개강 알림 문자 신청하기아카데미정글 뉴스레터 신청하기

🔎 오시는 길은 다음과 같아요.

아카데미정글은 3호선 신사역 5번출구에서 도보 약 3분 거리입니다.
신사역 5번 출구에서 뒤에 GS주유소를 오른편에 두고 큰 도로를 직진하셔서 본스타트레이닝센터(연기학원)가 있는 건물(원능프라자) 2층으로 오시면 됩니다.
수강생 분들은 주차장 이용이 불가하오니 대중교통을 이용해주시길 바랍니다.

수강신청 전, 꼭 확인해주세요. 더보기

프론트엔드 개발 취업 아카데미
티라노스쿨 5기

  • 프론트엔드 개발 취업 아카데미 티라노스쿨

    아카데미정글은 코로나19 바이러스에 대응한 철저한 예방조치로 학원 방역을 확대해 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.

  • [기초 + 포트폴리오 클래스]
    교육일정
    2022.09.27 – 2023.01.11
    교육시간
    월 - 목 / 10:00 - 17:00
    수 강 료
    총 440만원 / 월 110만원
  • [포트폴리오 클래스]
    교육일정
    2022.10.24 – 2023.01.11
    교육시간
    월 - 목 / 10:00 - 17:00
    수 강 료
    총 330만원 / 월 110만원
  • 아카데미정글은 코로나19 바이러스에 대응한 철저한 예방 조치로 수강생들이 안전한 환경에서 학습할 수 있도록 노력하고 있습니다.