탈잉 - 세상의 모든 재능
다회차 수업
08.02(일)
14:00~18:00
|
영등포
2회 : 08.09 (일) 14:00~18:00
3회 : 08.16 (일) 14:00~18:00
4회 : 08.23 (일) 14:00~18:00
상세장소 : 당산역 스터디룸위드
윈도우 10 또는 mac os 설치된 노트북 지참해주세요.
스터디룸 비용은 제가 결제합니다.
실시간 톡
₩20,000원 / 시간
₩320,000 / 총 4회 16시간
이정열
푸른양귀비
[비전공자도 가능한 웹 프로젝트] 개발부터 배포까지, 배우면서 완성(react,nodejs,mysql,aws)!
찜하기
  • 4시간/회
  • 최대인원:2~10
  • ₩20,000/시간

튜터정보

  • 인하대학교 사학사/소프트웨어 융합 공학사
  • 신분 인증 됨
  • 정보처리기사
@@ 7월은 개인사정으로 휴강합니다 @@

✔ 경력/이력

[아모레퍼시픽 통합 쇼핑몰(AP몰) 개발/운영]
#개발
▪ PC, 모바일웹, 관리자사이트
▪ 앱 API : JAVA SPRING MYBATIS ORACLE

#운영
▪ SQL 쿼리 생성
▪ 이벤트개발
▪ 서버 모니터링 : 제니퍼 사용, 트래픽관리
▪ 쿼리 튜닝

[홈플러스 THE CLUB 대용량 쇼핑몰 개발]
#개발
▪ JAVA SPRING MYBATIS ORACLE

[아주대의료원 의과대학 의료인 연구 사이트 개발/운영]
#개발
▪ 분석 인스턴스 연동 사이트 개발
: REACT, NODE, MYBATIS, MYSQL, R-SHINY

#관리&분석
▪ 의료인 연구과제

[LG 전자 글로벌 서비스 개발/운영(프리랜서)]
▪ TV, LG 기종 글로벌 서비스 사이트 개발/운영

[개인프로젝트 - easytocorona.kr]
▪ 코로나19 관련 브리핑정보, 팩트체크, 확진자 클러스터링 지도 제공 사이트
▪ 2월 19일 이후 데이터 업데이트 중지 상태(미운영, 사이트는 접속가능)


✔ 사용기술

▪ JAVA, SPRING
▪ REACT.JS, NODE.JS
▪ AWS
- EC2(t2.micro, t2.small, t2.large), RDS(mysql)
- 스냅샷관리, 탄력적 ip, 파라미터그룹 관리
▪ DISCO
- 유니스트 빅데이터 분석대회 최우수상

멋쟁이사자처럼 4기(ruby and rails)


✔ 수업을 개설한 이유

안녕하세요! 탈잉 튜터 이정열입니다!!

저는 주로 대기업에서
쇼핑몰 서비스의 개발&운영을 진행해왔는데요.

역할상 IT 전공자, IT 비전공자 분들 모두와
업무적으로 활발한 대화를 나누고,
때로는 이해를 돕기 위해 설명을 해야할 때도
많았어요.

이런 경험들을 하다보니,

전공자이시든, 아니시든
웹 프로젝트를 개발언어로 직접 진행해보면,
도움이 많이 되겠다는 생각을 하게 되었습니다.

왜냐면, 이런 과정자체가
IT 분야에 계신 여러분의 본인 업무에 대한
명확한 리소스, 접근방식, 커뮤니케이션까지
도울 수 있는 훌륭한 기회이기 때문입니다.

그래서 이렇게 수업을 열게 되었습니다!

개발 경험이 있든 없든,
누구든 쉽게 배우실 수 있게 준비했어요 :)

수업소개

✔ 수업 목표 & 5주 뒤 결과물

만들고 싶은 서비스를 직접 구현하게 됩니다.

사람들이 방문하고 액션을 할 수 있는
웹 페이지를 제작 & 배포하는 것까지 진행됩니다.

여러분이 개발 경험이 있든 없든
만들고 싶은 서비스가 무엇이든

이 수업을 통해 스스로 만들어내실 수 있을 거에요!


✔ 왜 #REACT #NODE #MYSQL #AWS 일까요?

배포 가능한 웹사이트는 결국
앞단의 front-end
뒷단의 back-end,
데이터가 쌓이는 DB Table
웹에서 소통하게 만들어주는 서버 셋팅까지

전반적인 웹 프로젝트의 A to Z를 밟아야 완성돼요.

위에 제시해드린 4개의 언어가 A to Z를
모두 아우르는 언어 조합이고
실무에서도 많이 씁니다!

게다가,
개념을 이해하고 추후 응용, 발전시키기 용이해서
개발 언어를 처음 접하기에 매우 유용해요.

입문자도 코딩 원리를 쉽게 터득, 응용하는 데에
굉장히 편리합니다 :)

앞으로 계속 개발 공부를 하신다면,
큰 도움이 되는 자산이자, 경험이 되실거에요!


✔ 수업 방식

코드를 자세히 이해한 다음,
참고 & 응용할 수 있게 진행합니다.

그 다음,
직접 새로운 페이지를 제작할 수 있게 진행합니다.

※ 참고 ※
커리큘럼이외에 더 학습하고 싶은 내용이 있으시면,
강의시간 외에도 도움을 드립니다!!!


✔ 제 수업의 특징

① 웹 프로젝트의 A to Z
- 프론트, 백엔드, DB, 서버셋팅 모두 학습합니다.
- 웹 프로젝트의 필수 개념&요소도 학습합니다.

② 비전공자도 가능한 경험 & 학습
- 그대로 따라하면 되는 강의자료 제공해드립니다.
- 비전공자와 IT업무를 했던 경험을 토대로 굉장히 쉽게 설명해드려요!

③ 개념만 배우는 게 아니에요!
- 완성, 배포하는 직접 경험을 합니다.
- 실무에서의 협업과 응용시 즉시 도움이 됩니다.

수업대상

  • ▬ 이런 분들께 추천합니다.

    # 웹 프로젝트 경험이 필요하다!
    - 직접 클라우드 서버 배포까지 하고 싶은 분들.

    # IT 지식이 부족해서 개발자와의 협업이 힘들다!
    - 기획자, 디자이너, 마케터, 영업, 창업자 분들.

    # React.js, Node.js를 학습하고 싶은 개발자.
    - 다른 언어 개발자이면서 언어 폭을 넓히려는 분들.

    # 나만의 웹사이트를 갖고 싶다!
    - 나만의 디자인, 데이터의 웹사이트가 필요한 분들.

    # 아이디어는 있지만, 개발 구현이 어렵다!
    - 웹으로 시연가능한 포트폴리오가 필요한 분들.

    ▬ 수업 전, 이런 개념을 미리 학습해주세요.

    # 웹 페이지를 구성하는 HTML, JAVASCRIPT, CSS 개념
    - 각각의 요소들이 웹에서 어떤 기능을 하는지에 대한 기초적인 개념.

    # 프로그래밍 언어에서 변수, 함수, 배열에 대한 개념
    - 언어 종류와 상관없이 변수, 함수, 배열에 대한 기초적인 개념.

커리큘럼

1회차

[React, Node 구조설정 & 서버 구동 확인하기]

✔2개의 REACT, NODE 서버를 PROXY로 연결해 하나의 서버 처럼 구동한다.
✔REACT VIEW 페이지 레이아웃을 세팅하고, 공공데이터 API를 호출해 리스트페이지를 구현한다.

1-1강
- 인사(OT)
- 전체 수업 진행 방식에 대한 설명
- 1회차 수업 목차 소개
1-2강
- NODE.JS 설치, CREATE REACT APP 설치, NODE EXPRESS FRAMWORK설치
- 디렉터리 구조 설정
- 프록시 설정
- GET 방식, POST 방식으로 REACT 서버에서 NODE 서버의 JSON 데이터를 가져온다.
1-3강
- 제공받은 HTML, CSS, IMG 파일로 REACT서버 HOME 페이지를 세팅한다.
- 레이아웃 HEADER, FOOTER 처리
- REACT 공공데이터 리스트 페이지 구현
- 공공데이터 API 호출에 화면에 리스트 출력 확인

2회차

[AWS에 가입하고, DB 서버를 연결하기]

✔AWS RDS 인스턴스를 구동하고, 테이블을 생성한다.
✔DB에서 가져온 데이터를 REACT 화면에 노출시킨다.

2-1강
- REACT 분석 TOOL 리스트, 등록 페이지 구현
- 분석 TOOL 리스트 NODE API 개발
- MYSQL RDS(튜터 계정)를 연결해 리스트 페이지에 데이터 출력 (Mybatis 모듈사용)
2-2강
- AWS 가입
- RDS 프리티어(1년무료) DB 서버를 세팅하고, 인스턴스를 구동한다.
- MYSQL을 설치한다.
- MYSQL Workbench에서 RDS 서버에 접속해, 스키마와 필요한 테이블을 생성한다.
- 프로젝트 코드에서 새로 만든 DB서버 주소와 계정 정보를 입력한다. 정상적으로 DB연결이 되는지 확인한다.
2-3강
- DB 서버 한국시간 설정
- 함수 작성 권한추가 (RDS 콘솔 > 파라미터그룹 수정)
- DB 서버 한글 인코딩 설정
- 생성한 테이블에 SELECT 용 더미 데이터를 삽입한다.

3회차

[수정, 등록, 삭제 기능 구현하기]

✔수정, 등록, 삭제 기능별 REACT, NODE, MYBATIS 코드를 추가한다.
✔사이트 디자인에 어울리는 ALERT 창을 선택한다.

3-1강
- REACT TOOL 등록 페이지를 구현
- NODE TOOL 등록 API를 구현
- 등록페이지 입력한 데이터들을 유효성 검사 후, DB에 INSERT
- 파일업로드, 이미지 업로드 구현
3-2강
- REACT TOOL 수정 페이지를 구현
- NODE TOOL 수정 API를 구현
- 수정페이지에 기존에 등록한 데이터들 노출
- 수정페이지 입력한 데이터들을 유효성 검사 후, DB에 UPDATE
3-3강
- 삭제 버튼을 누르면 해당 글이 DB에서 DELETE
- SWEETALERT2(ALERT창을 이쁘게 띄어주는 패키지) 구현
- 개인 GITHUB에 Repository 생성. SOURCE TREE 사용

4회차

[웹 프로젝트를 클라우드 서버에 배포하기]

✔AWS EC2 인스턴스를 생성하고, REACT-NODE 서버를 배포한다.
✔NODE 스케줄러를 추가하고, 실행시 기록을 남긴다.

4-1강
- EC2(t2.micro) 서버생성 (프리티어 - 무료 1년 사용가능)
- SFTP, SSH 환경 세팅, 리눅스 명령어 학습
4-2강
- EC2 서버에 node를 설치
- react-node 소스코드를 서버 배포
4-3강
- NODE 스케줄러 개발 후 EC2서버 코드배포
- 스케줄러 실행시 DB 로깅테이블에 INSERT

[CRUD이외의 핵심 기능들 구현하기]

✔회원가입, 로그인을 구현한다.
✔이메일 발송을 통해 사용자 인증을 한다.

5-1강
- 단방향 암호화 모듈을 사용해 회원가입 기능 구현
- 회원가입 정보 유효성 체크, Bcrypt 단방향 암호화
5-2강
- Bcrypt를 사용해 로그인 기능 구현
- 로그인 후, 쿠키 세션관리
5-3강
- 이메일 HTML 템플릿 작성.
- 이메일 인증을 이용한 비밀번호 재설정 구현

튜터영상

리뷰(7)

리뷰쓰기
5.0
  • 커리큘럼
  • 전달력
  • 준비성
  • 친절도
  • 시간준수

실시간톡

실시간 톡하기