Git Product home page Git Product logo

save-my-youth's Introduction

청년을 구해줘

청년을 구해줘

save-my-youth

"청년을 구해줘!"는 청년들을 위한 청약 정보를 한눈에 쉽게 살펴볼 수 있는 웹사이트입니다.



프로젝트 개요

image

역세권 청년주택에 거주하고 있고, 앞으로 다른 곳으로 이사가고 싶어서 청약을 넣을 예정인 청년,독립을 하고 싶은 청년, 부모와 떨어져서 성장할 수 있는 기회를 놓치지 않길 바라는 청년.

이유는 다르지만 청년청약에 관심을 가지고 있습니다. 그렇지만 청약 공고가 올라오는 사이트가 모두 달라 따로 찾아보아야 하게 때문에 청약 공고를 한 눈에 볼 수 있게 하는 사이트입니다.

image



⚡️ Skills

Front-end

react type_script

  • React 18 로 사용자와의 상호작용이 많은 웹 페이지를 효율적으로 구현하고 관리했어요.
  • Typescript 를 사용해 빌드 시에 오류를 미리 찾아, 코드 안정성을 높였어요. 또한 동료와의 커뮤니케이션이 원활해졌어요.

Back-end

wagtail django-ninja

  • Wagtail로 웹 어플리케이션 서버를 구축했어요.
  • Django-ninja를 사용해 API를 통신을 구현했어요.
  • 백엔드는 Heroku를 이용해 배포했어요.



🏠 Members

프론트엔드

퉁이리(PL) 헬렌 플로라 매직타로
tooooo1 helen flora magictaro
tooooo1 hotbreakb Lela12 kmin-jeong

백엔드

다츠
dartz
DARTZ

디자이너

제이미
jamey
제이미

✍️CONVENTION✍️

태그 설명
Feat: 새로운 기능을 추가할 경우
Fix: 버그를 고친 경우
Design: CSS 등 사용자 UI 디자인 변경
!BREAKING CHANGE: 커다란 API 변경의 경우
!HOTFIX: 급하게 치명적인 버그를 고쳐야하는 경우
Style: 코드 포맷 변경, 세미 콜론 누락, 코드 수정이 없는 경우
Refactor: 프로덕션 코드 리팩토링
Comment: 필요한 주석 추가 및 변경
Docs: 문서를 수정한 경우
Test: 테스트 추가, 테스트 리팩토링(프로덕션 코드 변경 X)
Chore: 빌드 테스트 업데이트, 패키지 매니저를 설정하는 경우(프로덕션 코드 변경 X)
Rename: 파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우
Remove: 파일을 삭제하는 작업만 수행한 경우

save-my-youth's People

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

jwun95 kmin-jeong lela12 2-now tooooo1

save-my-youth's Issues

Remove: 배포 전 작업

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

불필요 제거

Description

제거

Feat: TabBar 컴포넌트 추가

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

탭바 컴포넌트 추가

Description

탭바 컴포넌트 생성 요청으로 기능 추가

Feat: 마이페이지 컨텐츠 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • 마이페이지 기본 정보
  • 좋아요 리스트 구현

Description

  • 마이페이지 기본 정보 및 좋아요 리스트 관련 구현

Feat: 사이드바 라우팅

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

사이드바에서 해당 페이지로 이동

Refactor: 검색 페이지 리뉴얼

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

검색페이지 리뉴얼

Description

검색페이지를 업그레이드합니다!

Fix: ServiceMenu component 수정

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

수정합니다.

Description

불필요 요소 전체 삭제

Feat: 사이드바 헤더 구현 & 버그 수정

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • 사이드바 헤더 구현
  • 햄버거 버튼이 눌리지 않았을 때도 보이는 문제 해결
  • 사이드바 나왔을 때 배경 검은색
  • 길이 100%

Style: 메인페이지 디자인 반영

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

디자인 변경!

Description

메인디자인

Style: import 방식 변경 (컴포넌트)

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

코드 최적화 (index 활용)

Description

index를 사용하여 코드를 최적화로 불필요 코드 제거

Feat: 로그인 페이지 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • 로그인 페이지 구현

Description

Feat: 상세페이지 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

상세페이지 구현

Description

상세페이지를 구현합니다.

Fix: 경고 개선

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

svg 경고 개선

Description

위와 동일

FIx: 메인 페이지 불필요 요소 제거

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

불필요 요소 제거

Description

제거 작업

Feat: 헤더 기능 추가

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

메인페이지가 아닌 다른 페이지의 헤더 기능 추가

Description

햄버거버튼 연동

!HOTFIX: 버그 수정

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

버그 수정

Description

버그 수정

Feat:검색 리스트 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

검색 후에 리스트 나오게 하기

Description

Feat: recoil 추가

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

중앙 상태관리

Description

recoil 적용

Feat: 사이드바 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

메인 페이지 우측에 들어가는 사이드바 구현

Feat: API 연동

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

커스텀 훅 생성

Description

커스텀 훅을 만들어서 api 연동을 진행합니다.

Feat: 메인 페이지 카드

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • 오늘의 청약 카드 구현

Feat: 라우터 연동

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

페이지 라우팅

Description

라우터 연동합니다.

Feat:검색 리스트 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

검색 디테일 구현 후 => api연동 시도

Description

Fix: 메인 페이지 슬라이더

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • API 호출 후 값 수정
  • 애니메이션 수정

Refactor: 메인 페이지 사용자 경험 적용

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

image

메인 페이지 미션 수행

Fix:불필요한 부분 제거

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

컴포넌트에서 불필요한 부분 제거

Description

Chore: 패키지 재정비

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

패키지 재정비

Description

패키지 재정비

Feat: 폰트 추가

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

폰트를 추가합니다.

Description

폰트추가

Feat: 배포 링크 생성

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

배포 링크 커스텀

Description

배포~@

Feature: 청약 좋아요 갯수 구현

Issue Type

ex) 기능 추가 / 기능 삭제 / 버그 수정 / 의존성, 환경 변수, 빌드 관련 코드 업데이트

  • 기능 추가

Summary

청약 좋아요 갯수 구현

Description

  • 마이페이지에서 좋아요 갯수 나타내는 기능 구현

스크린샷

Feat: 구글 로그인

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • 구글 연동

Docs: issue, pull request 탬플릿 추가

Issue Type

ex) 기능 추가 / 기능 삭제 / 버그 수정 / 의존성, 환경 변수, 빌드 관련 코드 업데이트

  • 문서 작성

Summary

issue, pull request 템플릿 작성

Description

  • issue, pull request 템플릿 작성한다.

Fix: 메인 페이지 헤더와 사이드바 수정

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • 메인 헤더 버튼 추가
  • 사이드바 스타일(컴포넌트) 변경

Feat: 마이페이지 헤더 구현

Issue Type

ex) 기능 추가 / 기능 삭제 / 버그 수정 / 의존성, 환경 변수, 빌드 관련 코드 업데이트

  • 기능 추가

Summary

마이페이지 헤더 구현

Description

  • 마이페이지 헤더를 구현한다.

Feat: 공용 헤더 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • 공용 헤더 구현

Description

Feat: 검색페이지 api연동

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

검색페이지에 api를 연동한다

Description

Feat: 고객 센터 페이지 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • 고객 센터 페이지 구현

Description

Feat: 컬러 정의

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

색상 정의

Description

색상을 정의합니다.

Feat: Tab 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

Tab 구현

Description

TabBar를 기능을 추가합니다.

Feat: 알림 설정 페이지 구현

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

  • 알림 설정 페이지 구현

Description

Feat: 상세페이지 구체화

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

탭바를 통한 컴포넌트 추가

Description

탭바를 통한 컴포넌트 추가

Fix: 메인 페이지 아이콘 변경

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

기울어진 느낌표 추가

Fix: 사이드바 가리기

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

사이드바가 오른쪽에서 보이는 문제 해결

Feat: 배포 요소 추가 (아이템)

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

배포 요소 추가

Description

파비콘 등

!HOTFIX: 경고 제거

Issue Type (하나 이상의 Issue 타입을 선택해주세요)

  • 기능 추가
  • 기능 삭제
  • 버그 수정
  • 의존성, 환경 변수, 빌드 관련 코드 업데이트

Summary

warning 해결

Description

warning 해결

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.