웹 기초 특강

웹서비스란?

• 웹이란 공간에서 제공되는 서비스
• 이를 설계,제작,관리 하는 것이 웹 서비스 개발자(웹 개발자)

웹서버

• 하드웨어측면 : 웹 서버의 소프트웨어와 website의 파일들을 저장하는 컴퓨터
  인터넷에 연결되어 웹에 연결된 다른 기기들이 웹 서버의 데이터를 주고 받을 수 있도록 해줌
• 소프트웨어 측면 : 웹 사용자가 어떻게 호스트 파일들에 접근하는지를 관리
  프론트엔드와 백엔드로 구성

웹서버의 주요기능

1.API제공

2.(정적)페이지 제공

API란? (Application Programming Interface)

• 소프트 웨어간에 정보나 기능을 공유하기 위해 따라야 하는 규칙
• 프로그램이 다른 프로그램을 사용하거나 정보를 가져올 수 있음
• 클라이언트의 요청에 따라 동적으로 데이터나 정보 제공

개인과제

다음주 월요일 마감인 개인 과제가 주어졌다.
영화 DB를 받아와 페이지를 만들고 키워드 검색시 해당 키워드를 포함하고 있는 영화들만 보여주며 영화를 클릭시 영화의 id값을 보여주는 사이트를 만드는 것이다.

대략적으로 이런 디자인으로 만들건데 포스터를 정렬할때 grid를 사용해보고 싶다.
그리고 포스터에 hover시 저번 미니프로젝트에서 팀원분이 구현했던 preserve 3d를 활용하여 포스터 뒷면에 영화 내용을 넣어보고 싶다.

• forEach 를 통해 DB에서 받은 데이터들 영화카드로 만들기
• grid를 통한 영화카드 정렬
• filter를 통해 키워드 검색
• addeventlistener를 통해 click과 alert창
• preserve 3d를 활용하여 영화 내용보여주기