풀스택(Full-stack) 웹개발 프로젝트
- 군산대학교
- 최승호
페이스북
트위터
카카오톡
네이버밴드
링크복사
-
- 주제분류
- 공학 >컴퓨터ㆍ통신 >소프트웨어공학
-
- 강의학기
- 2025년 2학기
-
- 조회수
- 148
-
- 강의계획서
- 강의계획서
프론트앤드와 백앤드를 통합하여, 소규모 웹서비스 개발을 목표로 한다.
- 수강안내 및 수강신청
- ※ 수강확인증 발급을 위해서는 수강신청이 필요합니다
자바스크립트 소개 및 개발환경 설정
차시별 강의
| 1. | |
자바스크립트 소개 및 개발환경 설정 | 1. 자바스크립트란? 2. 개발 환경 설정 3. 첫 번째 자바스크립트 코드 작성 |  |
| 2. | |
기본 문법과 자료형 | 1. 변수와 상수 2. 자료형(Data Types) 3. 연산자(Operators) | |
| 3. | |
제어문 | 1. 조건문(Conditional Statements) 2. 반복문(Loop) | |
| 4. | |
함수 | 1. 함수(Functions) | |
| 5. | |
객체와 배열 | 1. 객체 2. 배열 3. 객체와 배열의 활용 | |
| 6. | |
프론트앤드 백앤드 개발 이해하기 | 1. 프론트앤드 개발 2. 백앤드 개발 3. Node.js 웹서버 | |
| 7. | |
Node.js 웹 애플리케이션 생성 | 1. express 모듈을 사용한 서버 생성 및 실행 2. RESTful 웹 서비스 만들기 3. 서버, 클라이언트 간 정보 처리 | |
| 8. | |
Node.js, Express.js 간단한 활용 방법 | 1. 간단한 Rest API 서버 2. HTML 템플릿 기반 웹서비스 3. 파일 업로드 서버 | |
| 9. | |
Node.js, WebSocket을 활용한 실시간 채팅 만들기 | 1. 프로그램 구조 및 진행방법 소개 2. WevSocket 서버(server.js) 3. 클라이언트(브라우저) 코드, HTML, CSS, Javascript | |
| 10. | |
프로젝트 오리엔테이션 및 개발 환경 설정 | 1. 미니프로젝트 소개 2. 개발환경 설정 3. 초기 프로젝트 세팅 | |
| 11. | |
클라이언트 사이드 개발 - HTML, CSS 기초 | 1. 게시판 UI 설계 2. CSS 기초 스타일링 3. JavaScript를 활용한 인터렉션 | |
| 12. | |
서버 사이드 개발 - NodeJS와 Express 활용 | 1. 데이터베이스(DB) 생성 및 연동 2. 기초 CRUD 기능 구현 3. 데이터 저장 및 클라이언트 통신 | |
| 13. | |
프로젝트 통합, 테스트 및 배포 | 1. 기능 통합 및 디버깅 2. 최종 코드 정리 및 성능 개선 3. 배포 준비 및 실제 배포 | |
연관 자료
