팀소개 페이지 종료 발표회 후기 22.04.22

김하진·2022년 4월 22일

미니프로젝트<소개페이지>팀발표 후기/다른팀 리뷰

미니프로젝트 발표 / 팀 리뷰

목록 보기

1/3

팀소개 페이지 종료

오전 타임

오전에 팀소개 리팩터링을 하고 PPT 작성을 하고 발표회 준비를 하였다.
팀장님인 영상님이 영상을 찍어주셨고 팀원분들이랑 같이 구글드라이브로 PPT시안을 만든 다음 PPT 작업을 진행 하였다.
PPT 작업
ptt 작업을 하면서도 도움이 됬던게 우리가 구현했던 기능, 여러가지 요소 들에 대해서 다시한번 정리를 할 수 있는 시간이 되었다. 그러면서 기초 목업, 그리고 기획이 정말 탄탄해야 한다고 느꼇다.

팀 발표회

8조 식탐이들
호버 기능 -> 마우스를 올리면 TMI보기 ->하이퍼링크
<a> 태그를 이용 각종 블로그로 이동
버튼 기능으로 메모박스 기능 구현
Jquery와 Ajax로 MongoDB로 데이터 전송기능
코드 합치는 과정 어려움이 있었다고 한다.
class 및 id변수명 설정에 대한 오류
- 버전 관리 및 git 코드 관리에 대한 중요성이 필요 한 것 같다.
- 개인적으로 호버기능에 대해 공부해봐야 겠다.
- 변수명에 대한 공부가 기획과정에서 많이 필요하다.
7조 Lucky Seven
피그마 를 이용 시안과 공유를 통해 작업을 함
팀페이지->개인페이지 연결->개인 블로그 연결
Hover기능->Block배경색 변경
EC2배포
- css,특징과 정렬에 대해 기본정의를 알아보기기에 대해 공감한다. 막상 강의를 들을때랑 실제로 할때 차이가 많이나서 다시 처음부터 시작하는 느낌이다.
- 피그마로 깔끔한 기획이 좋았다.
- 스프린트 계획 플래닝에 대한 개발이 좋았다.
- 비슷한 기능에 대한 차이점 비교(table,div)
3조 안경잡이
캐러셀 에 대한 아이디어
호버 기능 버튼 속성값 색깔변하는 기능 구현
호버 기능 이미지 확대 transfrom 으로 조정
transition으로 속도 조정(부드럽게)
flask로 로컬 환경 구성
ajax로 db에 저장
footer 기능 사용해서 a링크 적용
- 모바일 구현 (반응형)에대해 공부해보자.
- 아코디언 기능 에 대해 알아보기.
- 디버깅 작업이 좋았다
- 이미지 슬라이딩 기능 알아보기.
1조 코딩 못하면 죽는 병 걸림
래퍼런스-> 팀 회의 -> 개인 페이지 -> 팀 페이지
레이아웃 모서리 보더 부분.
백그라운드 이미지 밝기 조정
부트스트랩 카드로 깔끔한 배치 사용
호버 애니메이션 사용 효과
개인페이지를 개인이 꾸밈
아이콘에 하이퍼링크 구현
mbti 토글 미니게임 퀴즈 구현
반응형 웹 제작
- 레이아웃을 원하는 방법으로 배치하는 법.
- 이슈 해결 과정이 좋앗다.
- 기획이 매우 깔끔한 느낌이였다.
- 반응형 작업 -> 미디어쿼리 사용(css)
11조 2J2YK
스케치-> 팀 소개 홈페이지 메인 -> 팀소개 -> 팀원 소개
fadein 페이지로딩후 제목,팀소개 버튼이 서서히 나옴
scrollTop 기능 구현
Hover 기능 (포커스)
닫기 버튼 animation 효과 (하이라이싱)
- 사진이 옆으로 넘어가지 않는 현상
- 마우스 휠 스크롤 이벤트 현상
- 템플릿 배치 이슈 (한명을 추가하니 화면밖으로 나감)
- 코드정리 이슈 (jquery offset 함수) ->객체지향
- 주석달기, 다른사람이 바로 이해할 수 있도록
- 코드가 몇천줄이 되어도 주석은 달아 주어야 한다
2조 킹콩파워
아이덴티티 -> 동물을 사랑하는 사람들
기본틀 (협의후) - 채택
목업 -> 구글 슬라이스 사용
기능: Flask, AWS , CSS
Flask: 페이지이동/html 파일 간 이동, 방명록
css: 버튼 호버, 간단한 에니메이션
aws: 서버 배포, og태그
- 파일 분리 작업(index.html/js/app.py)
- og 태그 사용이 좋았다.
- flask 로 구현이 좋았다.
6조 상한가
컨셉: 상한가-> 주식,상승장 ->UPPER PRICE
호버, 반응형 웹디자인, flask , 배포까지
웹사이트 템플릿 코드를 가져와서 삭제하고 변경
섹션 홈배너, 팀원 배너, 팀 소개, 멤버링크, 응원하기
상단에 홈으로 이동하는 배너 기능
메뉴그룹으로 각 페이지 이동
- 반응형 최적화 이슈(미디어쿼리사용)
- favicon 기능 (페이지상징 로고구현)
- git 을 쓰면 좋을 것 같다.
- 템플릿 뜯어보는 것 도 좋은 공부이다.
5조 잘할수있조
코맨트 버튼으로 소통하는 댓글창 구현
시간이 입력 되는 것을 구현, 댓글 삭제까지 구현
블링크로 새창으로 링크이동 되게 구현
미디어 쿼리 기능 구현
데이터베이스를 통해 텍스트 구현
- get 방식 ajax 콜 에러 발생 post 기능에서 보낼줄 때 입력 받는 폼을 다르게 해야 작동이 된다.
- ajax 댓글삭제 기능 작성자 정보를 삭제 같은 작성자가 댓글을 여러개 만들면 오류. id 를 만들어서 적용하면 해결
- 꼼꼼한 디버깅 과정이 좋았다.
10조 김삼이일
기획 : 메인-> 팀원소개 -> 개인페이지(ppt이용)
개인페이지는 기본 목업을 바탕으로 개인이 작업.
기능 영상 제작, css 호버 기능 사용
scrollTo 기능 사용
배너 스크롤 이동 기능 사용
새로고침 kframe show text 적용
- 키프레임 기능 공부해보자
- 라운드 서클 기능(부트스트랩)
- position sticky 레이아웃 고정
- 수동 이미지 슬라이딩 기능 알아보기
- 한가지 기능을 배우면 여러가지에 적용 시켜보자
4조 시조시조
카카오 템플릿을 기반으로 제작
템플릿을 자신의 형식으로 제작하였다.
로고,메인,팀소개,친구,개인소개 로 구성
댓글달기 기능을 구현
질문을 누르면 대답이 나오는 형식을 사용
- 카톡을 템플릿으로 웹페이지에 가져온점이 신선햇다.
- 새로운 flask 부분 기능 사용
- 카톡 상담하기 채널과 비슷하게 구현된점이 신선했다.
- 하드코딩이란 용어를 배움
9조 꾸러기9조대
게더 칠판으로 기획회의, NETFLIX 웹페이지 모티브
슬랙 팀채널을 통해 아이디어 공유
코드 공유는 github 를 이용하였다.
hover 시 이미지 반전으로 입체적 느낌
소개page에 유튜브영상으로 노래 재생
다른 팀원들 페이지로 이동 가능
- NETFLIX 모티브가 깔끔하고 좋았다.
- 동영상 기능 추가 공부해보기
- 롤 전적 크롤링 부분이 신기헀다..
- 조회수 부분도 공부해보자
- 페이지 다크모드 구현방법..
14조 코켓몬팀
끈끈한 팀워크를 중심으로.
팀소개 페이지
기업들 팀페이지 바탕으로 프로토타입 기획
명언 박스 삽입 화살표를 누르면 다른명언으로 넘어감
푸터 기능 사용, 호버기능으로 사용
- 상단 배너 적용법 알아보자
- 컴퓨터 이슈는.. 어떻게 해야하지..
- 프로젝트 진행시 작업한 코드를 내걸로 만들어 보자! 그리고 주석!!!!
12조 12간지
TITLE,팀소개,팀원소개,푸터 로 구성됨
코드를 처음부터 끝까지 각자 짜고 그중에서
코드를 선정해서 작업을 진행함
- overflow : 밖으로 나갈시 안으로 집어넣어줌(스크롤생김)
- 노션 코드리뷰 가 좋았다