오즈코딩스쿨의 찐한 학습 케어를 통해
100% 가능하게 만들어드립니다.

 하루 30분! 단 8주! 

실습 위주로 설계된 커리큘럼을 통해
개성있는 나만의 웹사이트를
만들어보세요.

• 1주차
  
  HTML 문서 기본 구조 및 문법 학습
  CSS 기초(선택자 및 박스모델) 학습

  학습내용

  • HTML 문서 기본 구조 및 기본 문법
  • input, 시맨틱 태그, 양식 만들고 값 전송하기
  • CSS 선택자, 박스모델

  실습 프로젝트

  • 프로필 페이지 만들기
  • 설문조사 양식 만들기
  • 프로필 페이지에 스타일 시트 더하기 등

• 2주차
  
  CSS 심화
  (애니메이션, 상속, 미디어 쿼리) 학습
  Javascript 동작 원리, 기초 문법 학습

  학습내용

  • CSS display, float, position, z-index, overflow
  • CSS 변형과 전환, 애니메이션, 상속, 미디어 쿼리
  • Javascript 동작 원리, 자료형, 변수 상수

  실습 프로젝트

  • 나만의 채팅방 만들기
  • 채팅방에 말풍선 추가하기
  • 더덕마켓 클론코딩 등

• 3주차
  
  Javascript DOM, 이벤트 핸들링 학습
  Javascript 객체 / 배열 기초 학습

  학습내용

  • Javascript 자료형, 자료형, 변수, 문자열, DOM
  • Javascript 비교 연산, 조건문, 반복문, 이벤트 핸들링
  • Javascript 객체, 타이머 메서드, 배열, 클래스 리스트

  실습 프로젝트

  • 사용자 정보 입력 받기
  • 몬스터 잡기 게임 만들기
  • 회원가입 폼 만들기, 로또 번호 추첨 게임 만들기

• 4주차
  
  Javascript 객체 심화
  (리터럴, JSON 등) 학습
  React 기초 (컴포넌트, 앱 생성하기) 학습

  학습내용

  • 객체 리터럴, JSON
  • 로컬스토리지, 배열 메소드
  • React는 무엇인가? 사용하는 이유, 컴포넌트 등

  실습 프로젝트

  • 할일 목록 만들기
  • 강아지 정보 페이지 만들기 기초
  • 강아지 정보 페이지 만들기 심화

• 5주차
  
  CRUD 앱 만들며 React 이해하기
  React State & Props, Hooks 학습

  학습내용

  • 컴포넌트 생성, JSX, State & Props
  • React Hooks, 구조 분해 할당, 함수형 컴포넌트
  • React Profiler, useCallback, useMemo 등

  실습 프로젝트

  • CRUD To do 앱 만들기 기초
  • CRUD To do 앱 만들기 심화
  • CRUD To do 앱 최적화

• 6주차
  
  React를 활용하여 Apple TV 앱 만들기
  React Router DOM 학습

  학습내용

  • Styled Component
  • Axios 인스턴스 생성 및 요청
  • Row 컴포넌트 생성, React Router DOM 적용

  실습 프로젝트

  • Apple TV 앱 만들기 기초
  • 검색 페이지 구현하기
  • 영화 상세 페이지 구현하기

• 7주차
  
  Firebase를 활용한 배포 학습
  React Context를 활용한 지출 앱 만들기

  학습내용

  • Firebase 와 애플리케이션 연결
  • React, Firebase를 활용한 구글 로그인/로그아웃 구현
  • React Context, Context API

  실습 프로젝트

  • Firebase를 이용하여 앱 배포하기
  • 지출 앱 만들기 (기초)
  • 지출 앱 만들기 (심화)

• 8주차
  
  Redux 기초 및
  TDD(테스트 주도 개발) 학습
  Next.js 학습 및 프로젝트 적용

  학습내용

  • Redux Provider, useSelector & useDispatch 등
  • React Testing Library, Jest, 쿼리 함수 등
  • Next.js 기본 구조, Pre-rendering, Data Fetching 등

  실습 프로젝트

  • 리덕스 툴킷을 활용한 Todo 앱 만들기
  • TDD 기반의 앱 제작 및 배포 (기초)
  • TDD 기반의 앱 제작 및 배포 (심화)