□ 화면 구현 기초

– 크로스브라우징 이해

– VS CODE 설치 및 환경 구축

– HTML 구조 및 기초 문법, CSS 기본 속성

– 미디어쿼리를 사용한 반응형 웹&앱 레이아웃 구현

□ UX/UI 기획 및 설계

– UX/UI의 개요

– UI/UX 디자인 리서치 및 설계

– 와이어프레임, 프로토타입 제작

– 사용성 테스트

□ 피그마

– 피그마의 개념

– 컴포넌트 연결

– 오토 레이아웃 / 컨스트레인트 / 레이아웃 그리드 사용

– 와이어프레임, 프로토타입 활용 화면 설계

– 피그마에서 협업하기

□ Javascript

– 변수와 데이터 타입

– 함수와 알고리즘

– 배열과 문자열

– DOM과 BOM

– Ajax의 이해와 활용

– 자바스크립트 응용

□ React.js

– React의 개념과 이해

– 컴포넌트 사용 방법

– 이벤트와 스타일

– JSX 사용하기

– 조건부 렌더링

– 훅을 사용한 컴포넌트 개발

□ JAVA & DB

– 자바 사용 환경 설정(JDK 설치, IDE 설치)

– 변수와 타입

– 연산자

– 조건문과 반복문

– 참조타입과 참조변수

– 배열

– 클래스

– 상속

– 인터페이스

– 포인터

– 데이터베이스의 기본 개념

– 데이터베이스 설계

– SQL을 활용한 데이터베이스 구현

□ git/gitHUB

– Git 사용 환경 구축(설치, Branch, 협업)

– GitHub Commit, Request

– GitHub 리포지토리 생성 및 구축

□ API

– 웹 API 설계 요소

– 리소스 기반 API 설계

– API 설계 협업

– API 모델링

– 파이썬의 개념 및 설치

– 자료형, 제어문, 입출력

– 클래스, 모듈, 패키지

– 예외처리

– 표준 라이브러리

– 정규표현식

– 생성형 AI의 이해

– ChatGPT 정확한 결과 도츨을 위한 프롬프트 작성 방법

– ChatGPT를 활용한 소스코드 작성

– COLO(물류 관리 시스템) 셀러 part 시스템 구현(프론트)

– COLO(물류 관리 시스템) 창고주 part 시스템 구현(프론트)

SmartRAD

솔루션 시스템 part 구현(프론트)

– SmartRAD 솔루션 시스템 인사급여 part

– SmartRAD 솔루션 시스템 유통제고 part

– 오리엔테이션

– 입학식

– 수료식 및 우수훈련생 포상