안녕하세요.
국비지원 IT학원 구디아카데미입니다.
개강한지 이제 4개월이 지나고 있는 빅데이터 2회차 친구들이 팀 프로젝트를 진행 중인데
오늘은 중대한 발표가 있는 날 이였어요!
바로! 화면구현을 발표하는 날이랍니다.
>> 화면구현이란? <<
사용자가 직접 보는 앞단의 화면을 구성하기 위해 HTML로 웹의 구조를 세우고
CSS 로 정교한 디자인 하여 JavaScript로 정적인 화면이 동작(이벤트)을 할 수 있도록 하는 것
그동안 배운 기술을 토대로 반응형 웹사이트 화면구현을 1조부터 4조까지 발표 했답니다.
발표 시작을 알리는 과장님의 카리스마!
1조는 빅데이터 2회차의 꽃인 예쁜 지안씨, 경은씨, 현경씨로 이루어진 조예요.
1조는 <매덩여행>이라는 여행 사이트를 제작 했어요~
각 나라 여행지 사진이 많아서 그런지 디자인이 시선을 확 끌어당기더라고요.
이미지는 고정되고 글자만 변경되는 메인이미지,
Youtube동영상을 통해 각 종 여행지영상을 볼 수 있는 기능과
TOP버튼 구현 그리고 SNS 계정 연결까지 필요한 기능은 다 갖춘거 같아요!
>> 반응형 웹사이트란? <<
페이지 소스는 하나이지만 접속한 기기에 맞게 페이지의 해상도와 레이아웃이 유동적으로 변하는 것으로
쉽게 말해 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지.
그 다음 2조는 명품백, 명품시계 대여사이트를 만들었어요.
1조에서는 보지 못했던 기능으로는 화면 전화 시 중요한 글자에 색과 크기가 변경되도록 애니메이션을 줬더라고요.
아무래도 사이트 특성상 상품 대여시 유의사항이 중요하기 때문이겠죠?
1조와 마찬가지로 반응형 웹사이트예요.
태블릿으로 접속하면 메인색상이 PC와 다르게 변경되게 구분을 줬더라고요.
모바일 버전
또 물품을 예약하고 싶을 때는 지도를 통해 가까운 매장 또는 상품이 있는 매장을 찾을 수 있는 기능도
구현해서 제가 사용자라면 편리하게 사용 할 거 같았어요.
3조는 포트폴리오 사이트 를 만들었어요.
회원가입 후 본인의 포트폴리오를 언어, 프로그램 종류별로 정리하여 관리할 수 있는 프로그램이래요.
무슨 언어, 프로그램을 얼마만큼의 비중으로 사용했는지도
막대그래프를 통해 한 눈에 확인 할 수 있도록 만들었더라고요.
역시 3조도 반응형 웹사이트 였어요.
사이트가 잘 구성되어 다듬어지면
빅데이터 반 2회차 친구들의 포트폴리오 관리 프로그램으로 사용 해보는 것도 좋을 거 같네요.
마지막 발표 4조는 영화소개 사이트를 만들었어요.
현재 상영작, 상영 예정작 등을 소개하고 평점을 남길 수 있도록 구성된 사이트예요.
영화소개뿐만 아니라 Q&A게시판을 통해 정보를 공유 할 수 있도록 만들었답니다.
그리고 역시나 반응형 웹사이트 였어요!
이렇게 반응형 웹사이트 화면구현에 대한 빅데이터 2회차 발표가 끝이 났답니다.
같은 기능을 활용해서 각기 다른 사이트를 만드는 걸 볼 때마다
연수생 친구들 성향도 알 수 있어 재미있고 유익한 시간이었던 거 같아요.
빅데이터 2회차 친구들 멋진 프로젝트 발표 잘 봤습니다.
앞으로 최종 프로젝트까지 좀만 더 힘내서 공부합시다 :)
오늘도 즐거운 국비지원 IT학원 구디아카데미 였습니다.
COMMENT (0)개