- Q&A 를 기록하고 논의 할 수 있는 공간 마련 : Q&A.md
- 프로젝트 아이디어를 기록할 수 있는 공간 마련 : Idea_BrainStroming.md
[Front-End] (펼치기/접기)
- 리액트 클래스 스타일 vs. 함수 스타일 편 {-[9/8일]-}
- 수업 소개
- 수업의 목표
- state
- 클래스에서 라이프사이클 구현하기
- React Router DOM 편 {-[9/8일]-}
- 수업 소개
- 실습 준비
- Router
- Link
- Nested Routing
- React & Ajax 편 {-[9/15일]-}
- 수업 소개
- 실습 준비
- Ajax로 컴포넌트 초기화하기
- Ajax로 컴포넌트 상태 변경하기
- 프레젠테이션 컨테이너에서 데이터 종속성 제거하기
- 로딩 중 기능 구현
- React Redux 편 {-[9/15일]-}
- 수업 소개
- 수업 계획
- Redux 없는 React 컴포넌트 구조 만들기
- Redux 도입
- 리액트 컴포넌트에서 리덕스에 종속된 기능을 제거
- react-redux가 필요한 이유
[Back-End] (펼치기/접기)
- 자바스크립트와 Node.js {-[9/29일]-}
- Node.js 시작하기
- 수업의 목적
- Node.js-설치
- Node.js-공부 방법
- Node.js-웹 서버 만들기
- 자바스크립트-데이터 타입
- 자바스크립트-변수
- 자바스크립트-템플릿 리터럴
- Node.js-URL 이해하기
- Node.js-URL로 입력된 값 사용하기
- App-동적인 웹 페이지 만들기
- Node.js-파일 읽기
- App-파일을 읽어서 본문 구현하기
- 자바스크립트-Boolean
- 자바스크립트-비교 연산자
- 자바스크립트-제어문
- 자바스크립트-조건문
- 자바스크립트-콘솔에서 입력받기
- App-오류 페이지와 홈페이지 구현
- 자바스크립트-반복문
- 자바스크립트-배열
- 자바스크립트-배열과 반복문
- Node.js-파일 목록 알아내기
- Node.js-글 목록 출력하기
- 자바스크립트-함수
- App-함수를 이용해 코드 정리하기
- 수업의 정상
- Node.js-동기와 비동기 그리고 콜백
- Node.js-패키지 매니저와 PM2
- HTML-Form
- App-글 생성 UI 만들기
- App-POST 방식으로 전송된 데이터 받기
- App-파일 생성과 리다이렉션
- App-글 수정(수정 링크 생성)
- App-글 수정(수정할 정보 전송)
- App-글 수정(수정된 내용 저장)
- App-글 삭제(삭제 버튼 구현)
- App-글 삭제 기능 완성
- 자바스크립트-객체의 형식
- 자바스크립트-객체의 반복
- 자바스크립트- 객체(값으로서의 함수)
- 자바스크립트-객체(데이터와 값을 담는 그릇으로서의 함수)
- App-템플릿 기능 정리정돈하기
- Node.js-모듈의 형식
- App-모듈의 활용
- App-입력 정보에 대한 보안
- App-출력 정보에 대한 보안
- 수업을 마치며
- MySQL(Skip예정)
수업 소개실습 준비mysql 모듈의 기본 사용법mysql 모듈을 이용한 홈페이지 구현mysql로 상세 보기 구현mysql을 이용한 글 생성 기능 구현mysql로 글 수정 기능 구현mysql로 글 삭제 기능 구현JOIN을 이용한 상세 보기 구현글 생성 구현글 수정 구현수업의 정상Node.js의 DB 설정 정보 정리Node.js 코드 정리저자 관리 기능 구현저자 목록 보기 기능 구현저자 생성 기능 구현저자 수정 기능 구현저자 삭제 기능 구현보안: SQL 인젝션보안: 이스케이프수업을 마치며
- Express 편 {-[10/6일]-}
- 수업 소개
- 실습 준비
- Hello world
- 홈페이지 구현
- 상세 보기 페이지 구현
- 페이지 생성 구현
- 페이지 수정 구현
- 페이지 삭제 구현
- 익스프레스 미들웨어 사용하기
- 익스프레스 미들웨어 만들기
- 미들웨어의 실행 순서
- 정적인 파일의 서비스
- 에러 처리
- 라우터
- 보안
- 익스프레스 제너레이터
- 쿠키와 인증 편 {-[10/13일]-}
- 수업 소개
- 실습 준비
- 쿠키의 생성
- 쿠키 읽기
- 쿠키 활용
- 세션(Session)과 영구 쿠키(Permanent 쿠키)
- 쿠키 옵션(Secure와 HttpOnly)
- 쿠키 옵션(Path와 Domain)
- 쿠키를 이용한 인증 기능 구현
- 세션과 인증 편 {-[10/13일]-}
- 수업 소개
- express-session 미들웨어 구동
- express-session의 옵션
- express-session의 session 객체
- express-session의 session store
- express-session을 이용한 인증 구현
- Passport.js 편 {-[10/20일]-}
- 수업 소개
- Passport.js 설치
- 인증과 구현
- 자격 확인
- 세션 이용
- 로그인 확인
- 로그아웃
- 플래시 메시지
- 플래시 메시지 적용하기
- 리팩터링
- 다중 사용자 편 {-[10/20일]-}
- 수업 소개
- 수업의 목적
- 회원 가입 UI 만들기
- 회원 정보 저장하기
- 세션 스토어에 저장하기
- 로그인 기능 구현
- 글 쓰기에 접근 제어 적용하기
- 글 목록에 lowdb 적용하기
- 글 수정에 접근 제어 적용하기
- 글 삭제에 접근 제어 적용하기
- 비밀번호 저장하기
생활코딩 사이트(https://opentutorials.org/module/4058)
생활코딩 Youtube 채널(http://www.youtube.com/user/egoing2)
수업연관성 Map(https://seomal.org/)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent