LINE 개발자가 알려주는 React 입문

  • shllee89@sookmyung.ac.kr
  • 02-2077-7014
  • 명신관 101호
프론트엔드의 개념을 이해하고, 기초 지식(HTML, CSS, JS)을 활용하여 웹 서비스를 개발할 수 있다.

로그인이 필요합니다.

핵심역량 지수
나의 역량 지수
로그인이 필요합니다
나의 신청내역
  • 프로그램 일정 상태 비고
세부내용

1. 프로그램 개요

  가. 프로그램명: LINE 개발자가 알려주는 React 입문

  나. 일시: 24-03-19, 26, 04-02, 09, 16 (매주 화 5주), 18:30 ~ 21:30 (3h*5회)

  ★다. 장소: 진리관 201호 (명신관 101호에서 변경되었음)★

  라. 모집: SW참여학과 재학생 30명

  마. 강사: 유동균 강사님 (現 ‘해치랩스’, 前 ‘LINE Financial Plus’)

  바. 특전: 마일리지 10,000점


2. 참가신청

  가.  참가자 조건: SW참여학과 재학생 (휴학생, 수료생 및 석‧박사 제외)

참가자 조건

SW참여학과

(부복수전공가능)

인공지능공학부(IT공학전공), 데이터사이언스전공(소프트웨어융합전공), 컴퓨터과학전공(CS)

  나. 모집인원: 선착순 30명 (대기 10명)

 

3. 신청 시 유의사항 (필독!)

  가. 프로그램 신청 후 무단으로 불참 시 재료 제공 불가하며 추후 사업단 프로그램 참여 불가

  나. 기존 사업단 프로그램 참여율이 낮을 경우 참가에 패널티가 있을 수 있음

  다. 취소자 발생 시, 대기 순으로 유선 연락 예정

  라. 1차 연락 시 부재중일 경우, 다음 대기자에게 참여 기회가 주어짐

  마. 취소기간: ~ 03-13, 수, 23:45까지 (사업단 유선/메일 연락 혹은 와이즈에서 직접 취소)


4. 이수 시 유의사항

  가. 프로그램 이수자에게만 이수증과 마일리지 지급 가능

  나. 이수조건

    1) 전 교육 15시간 중 15시간 모두 참석

    2) 이수 후 기한 내에 만족도 조사 완료 (~ 04-19, 금, 23:45까지)

    3) 신청기한: 24-03-13 (수) 23:45까지 


5. 세부일정

일자

내용

1주차

24-03-19 (화)

프론트엔드 이해 및 웹 개발 기초(HTML, CSS, JS)

- 강의 소개 (10분)

- 프론트엔드 이해 (20분)

- HTML, CSS 기초 (30분)

- [실습] HTML, CSS 로 간단한 웹 페이지 구현하기 (20분)

- JS 기초 (30분)

- [실습] JS로 웹 페이지 제어하기 (20분)

- 브라우저 개발자 도구 사용법 (20분)

2주차

24-03-26 (화)

React 기초1 (컴포넌트, JSX, Props, State)

- React 기본 개념과 특징 (30분)

- [실습] 직접 컴포넌트 나눠보기 (20분)

- JSX 사용법 학습 (40분)

- [실습] JSX로 구구단 출력하기 (15분)

- React 컴포넌트(5분)

- Props, State (15분)

- 클래스형 컴포넌트 vs 함수형 컴포넌트 (10분)

- [실습] 에어비엔비 컴포넌트 만들기 (30분)

3주차

24-04-02 (화)

React 기초2 (Hooks, React lifecycle, Event, Form)

- Hooks (useEffect, useCallback, useMemo) (25분)

- React Lifecycle의 이해 (10분)

- [실습] 모달 컴포넌트 만들기 (15분)

- React 이벤트 핸들링 (15분)

- Form 다루기 (20분)

- [실습] 타자 연습 게임 만들기 (15분)

- [실습] 설문 조사 페이지 만들기

4주차

24-04-09 (화)

메모장 프로젝트 (전역 상태 관리, 브라우저 스토리지)

- 전역 상태 관리 (ContextAPI, Recoil) (25분)

- Local Storage, Session Storage, Cookie (25분)

- [실습] 간단한 메모장 만들기

- 컴포넌트 및 데이터 설계 (20분)

- 메모 수정 및 선택 기능 구현 (30분)

- 메모 추가 기능 구현 (15분)

- 메모 삭제 기능 구현 (15분)

- 메모 저장 기능 구현 (20분)

5주차

24-04-16 (화)

에어비엔비 클론 코딩 (React Router, 프로젝트 셋업, 배포)

- React 프로젝트 셋업 (15분)

- Github 기초 (10분)

- 최종 실습 내용 소개 (5분)

- [실습] 에어비엔비 메인 화면 구현 (20분)

- [실습] 에어비엔비 검색 기능 구현 (20분)

- Vercel을 이용한 배포 (20분)

- React Router (15분)

- [실습] 에어비엔비 상세 페이지 구현 (40분)


상세일정 및 신청하기
  • 프로그램 일정 신청기간 신청현황
  • LINE 개발자가 알려주는 React 입문

    ~

    부터
    까지

    39 명 / 30 명

    (최대 40 명 접수가능)

    종료