스파르타플릭스 및 나만의 앨범 제작

배운 내용 요약

1. 스파르타플릭스 사이트 제작

• HTML, CSS, JavaScript, JQuery를 활용해 영화 리뷰 사이트 구축.
• Firebase 연동을 통해 데이터를 클라우드에 저장하고, 실시간으로 웹페이지에 불러옴.
• Github Pages에 사이트를 배포하여 실제 웹에서 동작하도록 구현.
• 소스코드 : 스파르타플릭스 소스코드.

2. 나만의 앨범 사이트 제작

• JavaScript 및 Firebase 연동으로 앨범 데이터를 클라우드에 저장 및 로드.
• 소스코드 : 나만의 앨범 소스코드.

학습한 내용

1. JavaScript 기초 및 활용

• 기초 문법 학습: 변수 선언, 함수 정의, 조건문, 반복문 등.
• Fetch API를 통해 HTTP 요청을 보내고 데이터를 가져오는 방식 학습.
• 조건문을 활용해 Fetch 요청에 특정 조건 적용.

2. JQuery 활용

• JQuery로 DOM 조작 및 이벤트 처리 간편화.
• 다양한 플러그인 활용 가능.

3. 클라이언트 - 서버 개념

• 클라이언트는 사용자, 서버는 데이터를 제공하는 역할.
• API를 통해 클라이언트와 서버 간 통신이 가능.

4. Firebase 연동

• 구글의 NoSQL 클라우드 데이터베이스.
• 데이터를 실시간으로 저장하고 불러오는 데 사용.
• 앨범 등록 시 Firebase에 데이터 저장 및 실시간 불러오기 기능 구현.

5. Python 스크래핑

• 파이썬을 활용한 웹 스크래핑 기초 학습.

중요 포인트

1. Firebase : 구글의 클라우드 기반 NoSQL 데이터베이스로, 실시간 데이터 처리에 유리.
2. 데이터베이스
   • 관계형 데이터베이스 (SQL) : 변경 사항이 거의 없는 정형화된 데이터에 적합.
   • 비관계형 데이터베이스 (NoSQL) : 변경 사항이 많고 유연한 데이터 구조에 적합.
3. Fetch API : HTTP 요청을 보내 데이터를 가져오는 Web API. 클라이언트와 서버 간 통신을 원활하게 해줌.