팀 프로젝트를 통해서 만든 작품 들을 보여주는 곳입니다.

팀명(클릭시 개인 홈페이지로 이동) :
JB21(트웬티원)

팀원(클릭시 개인 홈페이지로 이동) :
양윤석(팀장) | 강다희(팀원) | 조효진(팀원) | 박유진(팀원)

팀 주제 :
인터넷 잡지

개인 주제 페이지명 :
게임 | JB21 / 여행 | JB21 / 셀럽 | JB21 / 문화 | JB21

팀 목표 :
불과 몇 년 전만 해도 신문이나 잡지를 구매해 보는 일이 많았지만,
스마트폰이 대중화되며 신문이나 잡지를 구매하는 일이 적어졌습니다.
다양한 주제가 모여있어도 이상하지 않은 잡지만의 장점을 살리면서 책을 따로 구매하러 가지 않아도 바로 컴퓨터나 스마트폰으로 볼 수 있는 인터넷의 장점을 합쳐서 웹 잡지를 만들어 대중화시키는 것입니다.

프로젝트 설계

메인 홈페이지 디자인이 되어야 다른 일들이 진행된다고 생각하여 가장 먼저 메인 홈의 디자인에 관해서 이야기를 나누었습니다.
상단 사진들처럼 여러 디자인 스케치가 나왔습니다.
이 디자인을 기반으로 메인 홈 디자인을 구축했고, 메인 홈 디자인은 양윤석 학생이 맡아서 진행하였습니다.

  - 홈에 대한 설명입니다.

개인 홈페이지를 네비게이션바를 넣어서 통일하자는 의견이 나와 드롭 메뉴를 활용해서 다른 팀원들의 주제로 넘어갈 수 있게 만들었습니다.
박유진 학생이 슬라이더를 넣자는 의견을 내주었고, 양윤석 학생은 그 의견을 받아 슬라이더를 넣게 되었습니다.
슬라이더에는 많은 내용은 아니지만 팀 주제를 보여줄 수 있는 곳으로 제작하였습니다.
스케치 디자인을 할 때는 이미지를 동그랗게 해두고 사진을 누르면 이동되는 것으로 하였지만 카드를 넣어보는 것이 어떠냐는 강다희 학생의 의견이 있어서 다희 학생의 의견을 적극적으로 활용하여 카드 형태로 만들었습니다.

  - 마지막으로는 동적 서비스입니다.

처음에는 동적 서비스에 대해 고민을 많이 했습니다.
저희 주제인 잡지와 어울리는 동적 서비스가 무엇이 있을까 생각하며 여러 자료를 찾아보았습니다.
찾아보던 중에 조효진 학생이 여러 주제가 한 책에 있을 수 있으며 완전 다른 주제라도 한 곳에 모일 수 있는 곳이 잡지라는 말을 해주었습니다.
그 말을 듣고 저희는 잡지의 장점을 살리고자 다양한 기능을 추가했습니다.
그러면서 정해진 게 to-do 리스트, 고양시 날씨, 책 검색 기능과,
게임 잡지에서는 게임 팁과 같은 정적인 정보가 아니라, 동적인 형태의 게임 그 자체를 제공하는 것입니다.

  - 팀 프로젝트의 기능을 소개합니다.

게임 홈페이지 : 게임 홈페이지는 양윤석 학생이 제작하였습니다. 게임 홈에서는 단순한 정적인 정보 제공을 피하고자 실제 플레이 가능한 동적인 게임을 전시했습니다.
HTML, CSS, 자바스크립트를 융합적으로 활용한 게임들을 전시하였고 게임에 대한 설명도 덧붙였습니다. 외부 서비스를 이용해 각 페이지마다 댓글 기능도 추가하였습니다.

문화 홈페이지 : 문화 홈페이지는 박유진 학생이 제작하였습니다. 잡지엔 문화생활과 관련된 내용이 있어야 한다고 생각했고, 가장 쉽게 접할 수 있는 영화, 음악, 도서 이렇게 세부 주제를 세 개 나누어 홈페이지를 제작했습니다.

셀럽 홈페이지 : 셀럽 홈페이지는 조효진 학생이 제작하였습니다. 요즘 유튜브 시장이 활발해지면서 많은 유튜버가 있지만 모든 유튜버를 알지 못한다는 생각에서 나온 주제입니다.
이 주제는 조효진 학생이 사람들에게 알려 주고 싶은 유튜버, 유튜버뿐만이 아니라 요즘 인기 있는 연예인도 소개합니다. 소개하면서 봐주었으면 하는 영상 또한 추천하고 있습니다.

여행 홈페이지 : 여행 홈페이지는 강다희 학생이 제작하였습니다. 코로나 시기로 인해서 여행을 가지 못하는 아쉬움을 달래고자 나온 주제입니다.
강다희 학생의 경험을 토대로 각 지역에서 추천하고 싶은 곳 넣었습니다. 그리고 지도를 활용하여 그 지역이 어디에 있는지 또한 자세히 알려주고 있습니다.

활용 기술 :
HTML5, CSS3, JavaScript, BootStrap 5 등을 적극 활용하였습니다.

협업 방법 :
GitHub를 이용해 협업을 진행했습니다. 팀장이 리포지토리를 만들고 팀원들을 콜라보레이터로 초대했습니다.
main 브랜치를 베이스로 develop 브랜치를 만들고, 이 develop 브랜치로부터 기능별로 나누어 브랜치를 만들었습니다.
기능이 완성되면 develop 브랜치로 merge 하면서 프로젝트를 진행했습니다.

역할 분담 :
양윤석: 게임 분야, 메인 홈
박유진: 문화 분야, 날씨
조효진: 셀럽 분야, 책 검색
강다희: 여행 분야, TO-DO
팀원 전체: 프로젝트 소개 페이지