[생활코딩(egoing)]의 웹 개발 시리즈 강의를 따라가며 학습한 결과물입니다.
기초적인 HTML부터 Node.js, Express, 인증 시스템, 소셜 로그인까지 웹 개발의 주요 흐름을 실습 중심으로 정리했습니다.
egoing/
├── WEB1-HTML-INTERNET-MASTER/ # HTML, 인터넷 기본 구조 학습
├── WEB2-NODEJS.js/ # Node.js 기본 구조 및 모듈
├── WEB3-EXPRESS/ # Express 프레임워크 활용 기초
├── WEB3-NODEJS-AUTH/ # Node.js에서 사용자 인증 처리
├── WEB4-SESSION\&AUTH/ # 세션(Session)을 이용한 인증 구현
├── WEB5-PASSPORT/ # Passport.js 기반 인증 구현
├── WEB6-MULTIUSER-ON-PASSPORT/ # 다중 사용자 인증 처리
├── WEB7-LOGIN-WITH-FACEBOOK/ # Facebook OAuth 로그인 구현
└── WEB7-LOGIN-WITH-GOOGLE/ # Google OAuth 로그인 구현
| 단계 | 주제 | 핵심 키워드 |
|---|---|---|
| WEB1 | HTML 및 인터넷 기초 | HTML, 웹서버, 요청/응답 |
| WEB2 | Node.js | 파일 처리, 라우팅, 이벤트 |
| WEB3 | Express | 라우터, 미들웨어, 서버 구축 |
| WEB4 | 인증 (기초) | 로그인 폼, 세션 저장 |
| WEB5 | Passport | 인증 전략, 로컬 로그인 |
| WEB6 | 다중 사용자 처리 | 사용자별 세션 구분 |
| WEB7 | 소셜 로그인 | Facebook, Google OAuth2.0 |
- HTML5 / CSS3
- JavaScript (Vanilla JS)
- Node.js (v14+)
- Express.js
- Passport.js
- OAuth (Facebook, Google)
- 세션 / 쿠키 기반 인증
각 폴더별로 독립적인 프로젝트 구조를 가지고 있습니다.
Node.js 기반 프로젝트는 다음과 같이 실행할 수 있습니다:
cd WEB3-EXPRESS
npm install
node main.js각 폴더에 따라 진입점 파일명(main.js, index.js 등)이 다를 수 있으므로 코드를 참고하세요.
- 👩💻 이름: 양수영 (Yang Sooyoung)
- 🔗 GitHub: @Yang-Sooyoung