Project/국비-FinalProject

[Final Project] 템플릿 선정 및 수정 / 회원가입,로그인 프론트 구현

SIKIDA 2024. 7. 31. 10:54
728x90

그린컴퓨터아카데미 -  Final Project

팀명 : RE:Coder

주제 : 소개팅 사이트 (Heart Link)

팀장 : Eunsik

팀원 : Jaein, Ahtae, Jongsun


템플릿 선정 및 컨셉 그리고 메인페이지 기본작업

 

홈페이지 주제

팀원들과 홈페이지 컨셉관련하여 회의를 진행한결과 소개팅 사이트를 컨셉으로 홈페이지를 개발하기로 

이야기를 하였다! 홈페이지 컨셉은 MBTI, 위치기반, 이상형 매칭으로 상큼한 느낌이 나는 홈페이지를 

만들어 보기로 한것이다!

 

주제 선정 과정 -> 팀원들과의 주제 선정 회의를 통하여 주제를 선정하였다.

만든 사람 바로나야 둠빠 둠빠 두비두바

 

좋지 않은 PPT 실력이지만 최대한 소개팅관련 사이트를 벤치마킹하면서 주요기능을 정리하고 

팀원들과의 오프라인 회의에서 어필을 통해 주제를 선정하였다! 

템플릿 선정 및 메인페이지 기본 수정

https://templatemo.com/tm-584-pod-talk

 

Free Template 584 Pod Talk

Pod Talk features a beautiful ocean blue gradient waves in the header and footer designs. There are 5 HTML pages in this template using...

templatemo.com

 

무료 템플릿 사이트에서 템플릿 기본 틀을 보고 선정하였당!

템플릿 수정 전
템플릿 수정 후

 

참고로 Pod Talk 홈페이지는 템플릿을 무료로 배포하는 곳이며, 템플릿 수정도 가능하다!

https://templatemo.com/ 출처출처~

 

로그인/ 회원가입 페이지 기본 프론트 작업

 

로그인 / 회원가입 페이지 프론트 작업

회원가입 / 로그인 페이지 기본 메인페이지 컨셉을 유지하며 기본틀 만들어보았습니다.

더 보완하고 수정하여 프론트작업 마무리하고 다른 페이지 작업도 빠르게 진행하겠습니다.

 

로그인 페이지

 

회원가입 페이지

 

 

 

 

회원가입 / 로그인 템플릿은 간단하게 인파님 홈페이지에서 가져와 조금 수정을 진행하였고 더 수정해서 

보완 예정입니다. 

https://inpa.tistory.com/entry/CSS-%F0%9F%92%8D-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%ED%9A%8C%EC%9B%90%EA%B0%80%EC%9E%85-%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%8A%A4%ED%83%80%EC%9D%BC-%F0%9F%96%8C%EF%B8%8F-%EB%AA%A8%EC%9D%8C

 

[CSS] 🎨 로그인 / 회원가입 페이지 디자인 스타일 모음

Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 로그인 및 회원가입 페이지 디자인 요소들 모아 간추려 포스팅 해보았다. 급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를

inpa.tistory.com

출처  갓 인파님 짱짱

 

 

 

마무리하면서 현재 파이널 프로젝트를 진행하면서 국비 학원도 9월 초에 마무리를 한다

지금은 조금 정신이없지만 빠르게 정신차려 취업준비도 하고 열심히 공부도하면서 성장해야겠당

그럼 20000~~~