WEB DESIGN·UI/UX
REACT.JS 프론트앤드 개발
FACEBOOK에서 개발된 J.S와 가장 잘맞는 프레임워크 우리나라에서도 가장 많은 기업이 선택한 꼭 필요한 J쿼리 리액트! 세계가 주목한다면 우리도 주목하여야 한다! 프론트엔드 개발자가 되기 위한 입문 REACT! UI계 1등 프레임워크는 왜 1등일까?
리액트(React)는 사용자 인터페이스(UI)를 구축하기 위한 JavaScript 라이브러리입니다. 페이스북(Facebook)에서 개발하였으며, 현재는 오픈 소스로 제공되고 있습니다. 리액트는 주로 웹 애플리케이션의 프론트엔드 개발에 사용되지만, 리액트 네이티브(React Native)를 통해 모바일 애플리케이션 개발에도 활용됩니다.
• 컴포넌트 기반: 리액트는 UI를 독립적인 컴포넌트로 나누어 개발할 수 있게 해줍니다. 각 컴포넌트는 재사용 가능하며, 독립적으로 관리할 수 있습니다.
• 가상 DOM: 리액트는 가상 DOM(Virtual DOM)을 사용하여 실제 DOM의 변경을 최소화합니다. 이는 성능을 향상시키고, UI 업데이트를 더 빠르게 처리할 수 있게 합니다.
• 단방향 데이터 흐름: 데이터가 부모 컴포넌트에서 자식 컴포넌트로 흐르는 단방향 데이터 흐름을 제공합니다. 이는 데이터의 흐름을 명확하게 하고, 디버깅을 용이하게 합니다.
• JSX: 리액트는 JSX(JavaScript XML)를 사용하여 HTML과 JavaScript를 결합할 수 있습니다. JSX는 코드의 가독성을 높이고, UI 구조를 직관적으로 표현할 수 있게 합니다.
• 상태 관리: 리액트는 컴포넌트의 상태를 관리할 수 있는 기능을 제공하며, 이를 통해 동적인 UI를 쉽게 구현할 수 있습니다.
" 리액트는 그 유연성과 성능 덕분에 많은 기업과 개발자들 사이에서 인기를 끌고 있으며, 다양한 생태계와 도구들이 함께 발전하고 있습니다. "
- HTML&CSS경험자
- 웹디자이너를 꿈꾸는 예비 웹디자이너
- 웹디자인 분야로 취업을 희망하는 신입 디자이너
- 웹디자인 또는 디자인분야에 관심 있으신 초보 입문자
- 웹 코딩 실력이 부족한 웹디자이너
- 웹디자이너에서 웹퍼블리셔를 희망하는 분
웹 프로젝트의 프로세스를 완벽하게 이해한
웹·앱(UI/UX)디자인·퍼블리싱 전문가가 될 수 있습니다.
-
UI/UX 디자인의 기초를
배우고 이해합니다. -
웹사이트 제작의 개념과
프로세스를 이해합니다. -
최신 트렌드를 반영한
디자인을 표현합니다. -
실무에 바로 투입가능한
전문가로 거듭납니다.
웹·앱(UI/UX)디자인·퍼블리싱 연봉
자료출처 : Pixso - 2023 제로베이스 취업 데이터 (단위: 만원)
타 디자이너 평균 연봉보다 높은
웹·앱(UI/UX)디자인·퍼블리싱 연봉
디자인이 더이상 선택 사항이 아닌 필수가 되고 서비스의 경쟁력이 사용자 경험으로
결정되는 요즘, 웹과 앱에 핵심이 된 UI/UX 전문가의 가치 또한 높아지고 있습니다.
웹디자이너 · 웹퍼블리셔 · 앱디자이너 · UI/UX 분석 및 기획 · UI/UX 디자인 등
MBC아카데미 컴퓨터학원을 선택해야 하는 이유
-
나에게 맞는 단계별 수업 초보자를 위한 전문가 양성과정 &
스킬업을 위한 심화과정 모두 운영 -
실무 기반 프로젝트 수업 전체적인 실무의 흐름을 알 수 있는
프로젝트형 수업 진행 -
취업률을 높이는 취업시스템 취업 전문가의 코칭으로
동종 업계 취업률 평균 89.8% -
실무자 세미나 & 특강 현업에서 일하는 실무자들의
특강을 통해 핵심 정보 습득
-
실무경력
15
년 -
강의경력
13년
흥미와 재미를 느끼는 웹퍼블리셔 김선옥 전임강사
교육과정 상세내용
-
Step 1React 입문
- React&JSX
- Virtual DOM
-
Step 2컴포넌트
- 컴포넌트 입력 폼
- 클래스형 컴포넌트
- 컴포넌트 연동
- Props
- State
- DOM 접근 및 Ajax 통신
-
Step 3이벤트 핸들링
- 리액트의 이벤트 시스템 이해
- 함수형 컴포넌트 작성
-
Step 4컴포넌트 반복
- map 함수
- key 사용
-
Step 5컴포넌트 라이프 사이클
- 컴포넌트 라이프 사이클 이해
- 컴포넌트 라이프 사이클 메서드 사용하기
-
Step 6컴포넌트 스타일링
- CSS 스타일링
- 반응형 디자인
포트폴리오
취업지원 시스템
-
취업상담 신청
홈페이지를 통해
취업상담 요청 -
진로상담 및 컨설팅
1:1 진로상담을 통해
취업컨설팅 진행 -
이력서·자기소개서
기업 맞춤형
서류 검토 및 코칭 -
취업연계
학원 연계기업으로
수강생과 기업 매칭 -
모의면접·코칭
긍정적 인상을 남길 수
있도록 면접 코칭 -
취업성공
면접 기업 검토을 통해
안전한 회사로 취업
연계기업 현황
다양한 연계기업과 교류를 통해 수강생들의 취업기회를 넓혀가고 있습니다.
웹·앱(UI/UX)디자인·퍼블리싱 과정 자주 묻는 질문
-
교육과정교육 수료 후 취업연계는 어떻게 진행될까요?
-
교육과정디자인 관련 비전공자도 수업을 따라갈 수 있을까요?
-
교육과정디자인 감각이 없어도 포트폴리오가 나오나요?
-
교육과정프로그래밍을 처음 배우는 사람도 이 과정을 수강할 수 있나요?
-
교육과정프로그래밍 언어를 배우는 데 얼마나 시간이 걸리나요?
빠른상담 신청하기
신청 한 번으로 국비지원 대상 조회 · 수강료 및 시간표 조회가 모두 가능합니다.
개인정보 이용약관 동의
엠비씨(MBC)아카데미 컴퓨터학원이 운영하는 엠비씨(MBC)아카데미 컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에 대하여 상담 및 이용자가 원하는 서비스를 충족시키기 위해 아래와 같은 개인정보를 수집하고 있습니다.
1. 수집하는 개인정보 항목 및 수집방법
(1) 수집항목
필수: 캠퍼스, 상담과목, 이름, 전화번호
선택입력: 아이디, 생년월일, 성별, 제목, 내용, 사진 등
(2) 개인정보 수집 방법 : 웹&모바일 홈페이지(온라인상담신청, 수강료조회, 내일배움카드제(계좌제)조회, 고용보험환급, 재직자국비과정조회, 시간표조회, 지점별 위치조회, 위탁교육문의 등), 서면양식 외
2. 수집한 개인정보의 이용
(1) 이용자가 제공한 모든 정보는 교육 서비스 제공, 이벤트 안내 등 필요한 용도로만 사용되며, 목적이 변경될 시에는 사전에 동의를 구합니다.
3. 개인정보의 보유 · 이용기간 및 폐기
모든 검토가 완료된 후 5년간 이용자의 조회를 위하여 보관하며, 이 후 해당정보를 지체없이 파기합니다.
4. 동의를 거부할 권리가 있다는 사실과 동의 거부에 따른 불이익 내용
이용자는 엠비씨(MBC)아카데미 컴퓨터학원이 운영하는 컴퓨터학원 및 계열 브랜드 웹&모바일 사이트에서 수집하는 개인정보에 대해 동의를 거부할 권리가 있으며 동의 거부 시에는 회원가입 및 인터넷 수강료 조회, 온라인 상담 등의 홈페이지 서비스가 일부 제한됩니다.
그 밖의 사항은 <개인정보 처리방침>을 준수합니다.