[4차] VUE.JS, NODE.JS 화면(로그인, 회원가입, CRUD 및 이미지업로드 등)을 구현하는 그룹과외 모집합니다 (2자리남음)
VUE.JS, NODE.JS를 활용하여 관리자화면(CRUD 및 이미지업로드)을 구현하여 aws에 배포하는 세미나 모집합니다.
목표 : VUEJS + ELEMENT UI 핵심기능을 이용하여 관리자화면 구현, 서버(NODE.JS) 데이터 전송 시퀄라이즈(ORM)을 통해 MARIA DB에 데이터 저장 그리고 GIT COMMIT or AWS에 배포
기간 : 3월31일(일, 매주 13:00 ~ 16:00) ~ 5주
장소 : 가산디지털단지
총원 : 8명
준비물 : 램 8GB 이상의 노트북
문의 - https://open.kakao.com/o/sjOalCjb
비용( 블로그확인) - https://m.blog.naver.com/PostView.nhn?blogId=ipc_thki&logNo=221497066534&navType=tl
대상 : 자바스크립트를 조금이라도 알면 좋습니다. 잘 모르셔도 두명의 개발자가 함께 봐 드리니 열정만 있으시면 됩니다.
프런트 VUE.JS 를 배우고 프런트에서 매번 요청하는 API NODE.JS를 조금이라도 구현하며 협업과정에 의사소통이 유연할 수 있도록 기본적인 플로우는 알고 계시면 현업에 있어 많은 도움이 될 것 이라고 장담합니다.
그러한 취지로 VUE.JS를 중점적으로 실습하되, 노드서버를 간단하게 구현해보며 시야를 넓히자는 목표가 있습니다.
여차하면 개인 프로젝트 또한 더 포괄적으로 진행할 수 있는 수단이 될 수도 있습니다.
상세내용은 아래와 같습니다.
1. 클라이언트 ( VUE.JS ) 중점
- 웹팩 구조
- 디렉티브( v-for, v-if, v-show, v-bind:class, v-html 등)
- 컴포넌트 양방향 바인딩
- props, v-bind, v-model, emit, 부모자식컴포넌트 등
- 다양하게 VUE-ROUTER 사용하는 방법
- 기본적인 방법, 리팩토링
- 컴포넌트 레이아웃 구조 라우터에 유연하게 적용 리팩토링
- VUEX 전역 상태관리
- state, getters, mutaions, actions
- 실무에 입각하여 다양하게 사용하는 방법
- computed vs watch
- 라이프사이클(created, mounted, updated, destroyed)
- 네비게이션가드
- 전역, 컴포넌트, 라우터에 적용하는 방법
- 로그인일 때만의 메뉴권한(라우터권한) 설정
- cookie
- AXIOS 통신
- POMISE, ASYNC
- 기본적인 API 방법, 축약한 사용방법
- REST API
- REQUEST, RESPONSE 인터셉터
- 통신모듈 공통화 리팩토링
- 이미지업로드 ( 파일객체, base64)
- 다양한 NPM 모듈
- ELEMENT UI 사용
- 다양한 JS 메소드
등등
2. 서버 ( NODE.JS )
- NODE.JS EXPRESS 구조
- ROUTER 모듈 사용 및 세부화 디렉터리 구조 셋팅
- 미들웨어 설정
- 통신 에러처리 및 성공처리
- 클라이언트 REQUEST 요청 RESPONSE 응답처리
- 시퀄라이즈(ORM) 데이터베이스 생성, 테이블생성
- 시퀄라이즈를 통한 CRUD 함수 사용
- 간단한 DB 툴 사용( HEIDE SQL(WINDOW), SEQUEL PRO(MAC))
- 클라이언트에서 올라온 이미지 처리(서버 및 데이터베이스 처리)
- 이미지를 NODE STATIC에 설정 후 URL로 접근 방법
- VUE.JS를 BUILD하여 노드만으로 뷰, 노드 띄워보기(배포)
- 자주 사용하는 모듈들
- (OPTIONAL) 로그인 토큰제어(유효성체크, 생성), 각종 SNS 로그인 API 붙이기, 비밀번호 암호화 및 로그인
3. 배포
- GIT(HUB) ADD COMMIT REMOTE PUSH PULL CLONE 등
- AWS 무료 인스턴스 생성 퍼블릭 아이피 생성 DB생성 배포
1 ~ 3 을 관리자페이지 게시판 및 로그인, 회원가입 구현을 통해 진행할 예정
문의 - https://open.kakao.com/o/sjOalCjb
참가비용이 있습니다. 문의주세요
