Thumbnail
모임/부트캠프 모집마감
개발 · 프로그래밍 웹 개발

[멋쟁이사자처럼] 프론트엔드 스쿨 11기

멋쟁이사자처럼
입문
JavaScript React TypeScript Next.js 국비지원 부트캠프

100%

0원

16,698,000원
신청 기간

2024.06.18 14:00 ~ 07.19 15:00 (한국 표준시)

교육 기간

약 6개월 (2024.07.24 ~ 2025.01.24)

장소
온라인으로 진행하는 모임입니다
폴더에 추가 공유
상세소개 커리큘럼 새소식

나에게 필요한 모든 스킬을 배워 프론트엔드 개발자 취업에 마침표를 찍으세요.

👀 참고 사항

* 국민내일배움카드로 K-디지털 트레이닝 과정에 참여할 수 있는 분만 수강 가능합니다.
(국비지원 전액 무료 과정)

* 매달 출석률에 따라 훈련장려금이 차등 지급됩니다.

* 1순위로 6개월 동안 온전히 온라인 교육을 집중할 수 있는 분들을 모집하고 있습니다.

* 국비교육 중도 퇴소 경험자는 참여가 어렵습니다.

* 개발자에 대한 확실한 목표가 있는 분을 모집합니다.

안녕하세요
멋쟁이사자처럼 입니다.
멋쟁이사자처럼의 썸네일

👑백수의 왕, 멋쟁이사자처럼의 귀환👑

12년 개발 교육을 잇는 멋쟁이사자처럼에서 성장의 감동을 책임지고 도와드릴게요.

문의 이메일 contact@likelion.net

커리큘럼

Part1. HTML/CSS
  • HTML, CSS의 작성 목적 및 동작 방식 이해, 문법과 용어 파악, CSS Box-model
  • HTML Table의 작성과 스타일링
  • HTML Form, Input, Radio, Checkbox의 작성과 스타일링
  • CSS의 핵심 원리 Ⅰ,Ⅱ
  • CSS Typography Ⅰ, Ⅱ
  • HTML Semantic Markup 적용 목적, 용도에 맞는 요소 활용하기
  • HTML, CSS 작업의 순서 정립
  • Margin Property 제대로 알기Ⅰ, Ⅱ
  • Flexbox Layouts
  • Flexbox로 Grid System 만들기
  • 반응형 웹을 위한 Media Query, Breakpoints, Viewport
  • CSS Grid속성의 입문과 활용
  • Position속성과 Transform속성, CSS Animations
  • Stacking context, z-index, pseudo elements의 활용
  • 픽셀 퍼펙션 & 웹디자인 시안을 코드로 체계화하기
  • 나만의 UI 프레임워크 작성하기
  • 웹접근성 고민하기, 웹 성능 고민하기
Part2. JavaScript
  • 자바스크립트의 역사, 학습 환경 구성, Code Structure
  • Variables, Static Mode, GlobalThis, DataTypes
  • TypeConversion, Operations, Condition, Loop, for, for..in, for..of 함수
  • 함수 표현식, 화살표 함수, 재귀, 객체
  • 참조복사, 가비지컬렉션, 메서드와 this, 클래스와 프로토타입
  • 클로저, 옵셔널 체이닝, wrapper, number, string, array
  • arrayMethod, try..catch, BOM, DOM 탐색하기, querySelector
  • node 프로퍼티, 속성과 프로퍼티(arr유틸함수)
  • 문서 수정하기(insert함수), 스타일과 클래스(css함수)
  • 이벤트 종류(bindEvent함수), 버블링과 캡처링
  • 이벤트위임(vanilla,jquery,swiper), 모듈 프로그래밍
  • XMLHttpRequest, callback API
  • Promise API, async & await, fetch API
  • 유저 카드 랜더링, localStorage & sessionStorage
  • TypeScript 환경설정, TS기초문법
  • Type Alias, Interface, Enums, Generic, Type Interface, Type Compatibility
  • ToDoList (로컬스토리지 & 리스트랜더링), vite 환경구성
Part3. React
  • 컴포넌트 기반 웹개발 - 등록, 목록 조회, 수정/삭제
  • JSX, 가상 DOM, 리액트 랜더링
  • 리액트 컴포넌트(함수형 컴포넌트, 클래스 컴포넌트)와 라이프 사이클
  • 리액트 훅, useState, useEffect, useRef, useReducer, useMemo, useCallback
  • 사용자 정의 훅 만들기, 고차 컴포넌트
  • Context API
  • 리액트 상태관리 라이브러리, Recoil, Zustand
  • 리액트 Router
  • HTTP 통신(Fetch API, Axios, React Query)
  • Next.js, CSR과 SSR, RSC, 정적 렌더링과 동적 렌더링, 스트리밍
  • 데이터 fetch, cache, revalidating
  • 서버 액션과 데이터 mutation, 캐싱
  • 최적화, 인증, 배포
  • 백엔드 개발과 API 서버
  • Styled components, Tailwind CSS
  • 프로젝트 실습 - 로그인, JWT 토큰 인증, 게시물 관리, 댓글 관리

자주 묻는 질문

취소 및 환불 규정

  • 부트캠프/교육의 신청 취소/환불 기간은 지식공유자가 설정한 신청기간과 동일합니다.

  • 부트캠프/교육의 신청 정보 수정 및 취소/환불은 ‘구매내역’에서 할 수 있습니다.

  • 유료 부트캠프/교육의 경우, 24시간이내 설문 내용 미제출시 신청 및 결제내역이 자동취소됩니다.

※ 인프런은 통신판매 중개자이며, 해당 부트캠프/교육의 주최자가 아닙니다.

신청기간이종료됐어요