Skip to content

Refactor/list page 애니메이션#57

Merged
CJewon merged 5 commits intoepic/list-pagefrom
refactor/list_page_애니메이션
Dec 23, 2024

Hidden character warning

The head ref may contain hidden characters: "refactor/list_page_\uc560\ub2c8\uba54\uc774\uc158"
Merged

Refactor/list page 애니메이션#57
CJewon merged 5 commits intoepic/list-pagefrom
refactor/list_page_애니메이션

Conversation

@CJewon
Copy link
Contributor

@CJewon CJewon commented Dec 22, 2024

✍️ Description

list page의 애니메이션 관련 리팩토링 PR 입니다.

  1. cardList에 hover 했을때 애니메이션 구현
  2. 답변하러가기 버튼에 hover 했을 때 애니메이션 구현
  3. 이름순, 최신순 버튼에 hover 했을 때, background-color 색 변경 구현
  4. 드롭다운 외부 클릭 시, 드롭 다운 창 닫히는 기능 구현

총 4가지입니다.

✅ Checklist

PR

  • Branch Convention 확인

    epic/ 에픽, feat/ 피쳐, fix/ 버그 수정, refactor/ 개선

  • Base Branch 확인
  • 적절한 Label 지정
  • Assignee 및 Reviewer 지정

Test

  • 로컬 작동 확인

Additional Notes

  • (없음)

@CJewon CJewon added Priority: Medium 🔖 우선순위 보통 Type: Refactor ♻️ 리팩토링 labels Dec 22, 2024
@CJewon CJewon requested a review from kimsoyoung96 December 22, 2024 15:42
@CJewon CJewon self-assigned this Dec 22, 2024
Copy link
Contributor

@kimsoyoung96 kimsoyoung96 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

애니메이션 동작이 오류없이 잘 실행됩니다! 수고하셨습니다 :)

@CJewon CJewon merged commit 4e26fee into epic/list-page Dec 23, 2024
1 check passed
ToKyun02 added a commit that referenced this pull request Dec 25, 2024
* Feat/리스트페이지 레이아웃 (#5)

* 🎨 style : 카드리스트 레이아웃

* 🎨  style : 헤더/정렬섹션 레이아웃, 카드리스트 컴포넌트 추가

* Feat/Pagination 기능 구현 (#10)

:sparkles: feat : Pagination 기능 구현

* Feat/pagination style 구현 (#12)

* 💄 style : Pagination Style 구현

* 💄 style : 디바이스 크기에 따른 마진 설정 추가

* Feat/리스트페이지 디자인 구현 (#14)

* 🎨  style : tailwind.config.js , index.scss 파일에 커스텀 스타일 추가

* 🎨  style : 리스트페이지 반응형 구현

* 🚚  chore : CardList 컴포넌트 파일 경로 이동 및 파일명 변경

* Epic/main 화면 구현 (#32)

* Feat/main 화면 레이아웃 구현 (#6)

* 🍱 chore : 기존 img_Banner.svg 파일 교체

* 🍱 chore : ic_Person.svg 파일에서 fill 색상 동적 적용을 위해 fill="black" 삭제

* ✨ feat : Main 화면 레이아웃 구현

* Feat/main form제출 구현 (#8)

:sparkles: feat: form 태그에 onSubmit 핸들러 추가

---------

Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>

* Feat/pagination 연동 (#35)

* ✨ feat : Pagination 컴포넌트 연동 구현

* 💄 chore : 드롭다운 커스텀 디자인 및 정렬 기능 연동

* 🎨 refactor : 불필요한 class 삭제

* 💄 chore : 드롭다운 리스트 포지션 설정

* 💄 chore : svg 이미지 스타일링 및 스타일 수정

* Feat/리스트페이지 페이지이동 기능 (#38)

* ✨  feat : '답변하러가기' 버튼 클릭 시 페이지 이동 기능 구현

* ✨  feat : 카드 클릭 시 개별피드로 이동 기능 구현

* 💄 style : 카드 cursor pointer 추가

* 💄 style : 질문 아이콘 및 페이지네이션 화살표 아이콘 회색 적용

* 💄 style : 드롭다운 리스트 shadow-1pt 추가

* Refactor/list-page (#43)

* 💄 style : 반응형 디자인 수정

* 💄 style : dropdown 리스트 패딩 추가

* ✨ feat : 카드리스트 로딩 스피너 구현

* ♻️ refactor : PropTypes 정의 상단으로 이동

* 💄 style : Actor 폰트 설정 추가 및 페이지네이션에 적용

* 🐛 fix : list page 사용자 배율 설정에 따른 반응형 처리 반영

* Epic/list page -> merge 브랜치 병합 (#45)

* Feat/리스트페이지 레이아웃 (#5)

* 🎨 style : 카드리스트 레이아웃

* 🎨  style : 헤더/정렬섹션 레이아웃, 카드리스트 컴포넌트 추가

* Feat/Pagination 기능 구현 (#10)

:sparkles: feat : Pagination 기능 구현

* Feat/pagination style 구현 (#12)

* 💄 style : Pagination Style 구현

* 💄 style : 디바이스 크기에 따른 마진 설정 추가

* Feat/리스트페이지 디자인 구현 (#14)

* 🎨  style : tailwind.config.js , index.scss 파일에 커스텀 스타일 추가

* 🎨  style : 리스트페이지 반응형 구현

* 🚚  chore : CardList 컴포넌트 파일 경로 이동 및 파일명 변경

* Feat/pagination 연동 (#35)

* ✨ feat : Pagination 컴포넌트 연동 구현

* 💄 chore : 드롭다운 커스텀 디자인 및 정렬 기능 연동

* 🎨 refactor : 불필요한 class 삭제

* 💄 chore : 드롭다운 리스트 포지션 설정

* 💄 chore : svg 이미지 스타일링 및 스타일 수정

* Feat/리스트페이지 페이지이동 기능 (#38)

* ✨  feat : '답변하러가기' 버튼 클릭 시 페이지 이동 기능 구현

* ✨  feat : 카드 클릭 시 개별피드로 이동 기능 구현

* 💄 style : 카드 cursor pointer 추가

* 💄 style : 질문 아이콘 및 페이지네이션 화살표 아이콘 회색 적용

* 💄 style : 드롭다운 리스트 shadow-1pt 추가

* Refactor/list-page (#43)

* 💄 style : 반응형 디자인 수정

* 💄 style : dropdown 리스트 패딩 추가

* ✨ feat : 카드리스트 로딩 스피너 구현

* ♻️ refactor : PropTypes 정의 상단으로 이동

* 💄 style : Actor 폰트 설정 추가 및 페이지네이션에 적용

* 🐛 fix : list page 사용자 배율 설정에 따른 반응형 처리 반영

---------

Co-authored-by: sybusay <sy_busay@naver.com>

* Refactor/list page 애니메이션 (#57)

* 💄 art : 카드리스트 hover 했을때 애니메이션 구현

* 💄 art : 답변하러가기 버튼에 hover 했을 때 애니메이션 구현

* 💄 art : 이름순, 최신순 버튼에 hover 할때, background-color 색 변경 애니메이션 구현

* 💄 art : 질문리스트에 hover 했을때 border 색 변경

* 💄 art : 드롭다운 외부 클릭시 드롭다운 창 닫히는 기능 구현

* Epic/feed 화면 구현 -> merge 브랜치 병합 (#55)

* Feat/Feed_UI 구현 (#11)

* request를 받아 질문 목록 생성 및 html 작업완료

* ✨ feat : tailwind 작업도중 커밋

* 📝 fix : png파일을 svg파일로 수정 및 question부분을 컴포넌트화 하기 위해 폴더 생성

* 💄 style : feat/Feed_화면_구현 반응형 웹 제작

* Feat/좋아요 싫어요 기능 (#16)

:sparkles: feat : 좋아요, 싫어요 기능 제작 및 컴포넌트화

* Feat/좋아요 싫어요 기능 (#31)

* ✨ feat : 좋아요, 싫어요 기능 제작 및 컴포넌트화

* 🔧 chore : netlify CD 셋업

* 🔧 chore : ci.yaml 파일 배포 설정 추가

* 🎨 feat : fetch 함수 코드 구조 수정 및 PR 관련 피드백 일부 적용

* :spakles: feat : 좋아요 싫어요 클릭했을때 증가하는 기능 추가

---------

Co-authored-by: Tokyun02 <developtk02@gmail.com>

* Feat/무한스크롤 구현 (#37)

* 🎨 refactor : intersection observer API 사용시, fetchQuestions 함수에 보내야하는 파라미터들이 추가될것 같아 fetchQuestion함수를 내부로 refactor 하는 작업을 함

* ✨ feat : 데이터 로딩을 확인하기 위해 데이터 불러오기 버튼을 임시 생성

* ✨ feat : 무한 스크롤 기능 구현

* Feat/modal 연동 (#40)

* Feat/modal 컴포넌트 레이아웃 구현 (#3)

* 🔧 chore : custom 색상 dim 추가

* ✨ feat : 포털 구현

* ✨ feat : Context Provider 구현

* ✨ feat : 모달 화면 구현

* 🔧 chore : 모달 및 Context Provider 적용

* 🔧 chore : 모달 컴포넌트 shadow 스타일 추가

* 🔧 chore : AppProvider 및 ModalPortal 컴포넌트 렌더링을 App 컴포넌트로 이관

* 🐛 fix : textarea의 상태 감지 오류 해결

* 🔧 chore : 모달 shadow 스타일 2pt->3pt 수정

* Feat/modal form제출 구현 (#4)

* 🐛 fix : 중첩 button 태그로 인한 하이드레이션 버그 해결

* ✨ feat : 모달 Form POST 요청 구현 완료

* ✨ feat : Feed페이지에서 질문 작성하기 Modal기능 구현 연결

* 💄 feat : 질문 작성하기 버튼 위치 고정과 일부 태그의 잘못된 CSS 수정

---------

Co-authored-by: Kim To Kyun <58878190+ToKyun02@users.noreply.github.com>

* Feat/modal 외부 스크롤 방지 (#44)

* 🔧 chore : netlify CD 셋업

* 🔧 chore : ci.yaml 파일 배포 설정 추가

* ✨ feat : 모달 외부 스크롤 방지 구현

* 🐛 fix : 유효성 검사 오류 수정

* 💄 style : textArea outline 색상 변경

* Feat/feed페이지 공용컴포넌트 적용 (#47)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* Feat/헤더 레이아웃 (#7)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* Feat/헤더 레이아웃 (#9)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* ✨ feat : 좋아요, 싫어요 기능 제작 및 컴포넌트화

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* Feat/답변 상태 표시 (#17)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 상태 표시 컴포넌트 구현

* Feat/토스트 구현 (#15)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/질문 내용 표시 (#19)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 질문 내용 표시 컴포넌트 구현

* 🔧 chore : netlify CD 셋업

* 🔧 chore : ci.yaml 파일 배포 설정 추가

* Feat/답변 내용 표시 (#18)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 내용 표시 컴포넌트 구현

* 🎨 feat : fetch 함수 코드 구조 수정 및 PR 관련 피드백 일부 적용

* :spakles: feat : 좋아요 싫어요 클릭했을때 증가하는 기능 추가

* Feat/질문 개수 표시 (#25)

* 🔧 chore : netlify CD 셋업

* ✨ feat: 질문 개수 표시 컴포넌트 구현

* 🔧 chore : ci.yaml 파일 배포 설정 추가

---------

Co-authored-by: Tokyun02 <developtk02@gmail.com>

* Epic/main 화면 구현 (#32)

* Feat/main 화면 레이아웃 구현 (#6)

* 🍱 chore : 기존 img_Banner.svg 파일 교체

* 🍱 chore : ic_Person.svg 파일에서 fill 색상 동적 적용을 위해 fill="black" 삭제

* ✨ feat : Main 화면 레이아웃 구현

* Feat/main form제출 구현 (#8)

:sparkles: feat: form 태그에 onSubmit 핸들러 추가

---------

Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>

* :sparkles: feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* :sparkles: feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* :truck: chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* :sparkles: feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* :art: chore : 토스트 애니메이션 동작 시간 수정 and :bug: fixed : 프로필 사진 렌더링 시 src 오류 해결

* Feat/QnA 리스트 구현 (#33)

* 🍱 chore : image 파일 추가

* ✨ feat : 질문 대상 프로필 이미지와 이름 추가

* ✨ feat : 질문 목록 불러오기 및 답변 상태, 질문 내용, 답변 내용 컴포넌트 추가

* ✨ feat : 질문 대상 불러오기

* ✨ feat : 질문 개수 표시, QnA 리스트 컴포넌트 추가

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* Feat/삭제하기 버튼 구현 (#36)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🚚 chore : 폴더명 시작글자 소문자 → 대문자 수정에 관한 커밋

* 🎨 feat : 피드 헤더 개선

* 🍱 chore : ic_Messages.svg 파일에서 fill 색상 동적 적용을 위해 fill="black" 삭제

* 🎨 feat : 답변 페이지와 헤더 페이지 로직 개선 및 컴포넌트 폴더 이름 수정

* ✨ feat : 생성 시간 포맷팅 함수 추가

* 💄 style : CountQuestion 스타일링

* 💄 style : AnswerStatus 스타일링

* 💄 style : QuestionContent 스타일링

* 💄 style : AnswerContent 스타일링

* 💄 style : CountFavorite 스타일링

* 💄 style : QnAList 스타일링

* 💄 style : Answer 스타일링

* 💄 style : Feed 스타일링

* 💄 chore : 삭제하기 버튼 클릭 후 질문 박스 이미지 렌더링 동작 추가

* Feat/피드 헤더 개선 (#41)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* 🚚 chore : 폴더명 시작글자 소문자 → 대문자 수정에 관한 커밋

* 🎨 feat : 피드 헤더 개선

* 🎨 feat : 답변 페이지와 헤더 페이지 로직 개선 및 컴포넌트 폴더 이름 수정

* 💄 chore : 삭제하기 버튼 클릭 후 질문 박스 이미지 렌더링 동작 추가

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🎨 feat : Feed 헤더 개선 및 Feed 페이지 수정

* ♻️ chore : Header 컴포넌트 적용

* ♻️ refactor : 모달 폼 제출 시 리스트 추가 로직 구현

* :refactor: chore : 리스트 추가에 따른 개수 표시 상태 변경 추가

* 💄 style : 모달  메신저 svg 스타일링 추가

---------

Co-authored-by: junAlexx <lep240927@gmail.com>
Co-authored-by: junAlexx <junrisexci@naver.com>
Co-authored-by: CJewon <112820744+CJewon@users.noreply.github.com>
Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>
Co-authored-by: LMS10 <ggb7410@naver.com>

* Refactor/좋아요 기능 개선 (#48)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* Feat/헤더 레이아웃 (#7)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* Feat/헤더 레이아웃 (#9)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* ✨ feat : 좋아요, 싫어요 기능 제작 및 컴포넌트화

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* Feat/답변 상태 표시 (#17)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 상태 표시 컴포넌트 구현

* Feat/토스트 구현 (#15)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/질문 내용 표시 (#19)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 질문 내용 표시 컴포넌트 구현

* 🔧 chore : netlify CD 셋업

* 🔧 chore : ci.yaml 파일 배포 설정 추가

* Feat/답변 내용 표시 (#18)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 내용 표시 컴포넌트 구현

* 🎨 feat : fetch 함수 코드 구조 수정 및 PR 관련 피드백 일부 적용

* :spakles: feat : 좋아요 싫어요 클릭했을때 증가하는 기능 추가

* Feat/질문 개수 표시 (#25)

* 🔧 chore : netlify CD 셋업

* ✨ feat: 질문 개수 표시 컴포넌트 구현

* 🔧 chore : ci.yaml 파일 배포 설정 추가

---------

Co-authored-by: Tokyun02 <developtk02@gmail.com>

* Epic/main 화면 구현 (#32)

* Feat/main 화면 레이아웃 구현 (#6)

* 🍱 chore : 기존 img_Banner.svg 파일 교체

* 🍱 chore : ic_Person.svg 파일에서 fill 색상 동적 적용을 위해 fill="black" 삭제

* ✨ feat : Main 화면 레이아웃 구현

* Feat/main form제출 구현 (#8)

:sparkles: feat: form 태그에 onSubmit 핸들러 추가

---------

Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>

* :sparkles: feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* :sparkles: feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* :truck: chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* :sparkles: feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* :art: chore : 토스트 애니메이션 동작 시간 수정 and :bug: fixed : 프로필 사진 렌더링 시 src 오류 해결

* Feat/QnA 리스트 구현 (#33)

* 🍱 chore : image 파일 추가

* ✨ feat : 질문 대상 프로필 이미지와 이름 추가

* ✨ feat : 질문 목록 불러오기 및 답변 상태, 질문 내용, 답변 내용 컴포넌트 추가

* ✨ feat : 질문 대상 불러오기

* ✨ feat : 질문 개수 표시, QnA 리스트 컴포넌트 추가

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* Feat/삭제하기 버튼 구현 (#36)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🚚 chore : 폴더명 시작글자 소문자 → 대문자 수정에 관한 커밋

* 🎨 feat : 피드 헤더 개선

* 🍱 chore : ic_Messages.svg 파일에서 fill 색상 동적 적용을 위해 fill="black" 삭제

* 🎨 feat : 답변 페이지와 헤더 페이지 로직 개선 및 컴포넌트 폴더 이름 수정

* ✨ feat : 생성 시간 포맷팅 함수 추가

* 💄 style : CountQuestion 스타일링

* 💄 style : AnswerStatus 스타일링

* 💄 style : QuestionContent 스타일링

* 💄 style : AnswerContent 스타일링

* 💄 style : CountFavorite 스타일링

* 💄 style : QnAList 스타일링

* 💄 style : Answer 스타일링

* 💄 style : Feed 스타일링

* 💄 chore : 삭제하기 버튼 클릭 후 질문 박스 이미지 렌더링 동작 추가

* Feat/피드 헤더 개선 (#41)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* 🚚 chore : 폴더명 시작글자 소문자 → 대문자 수정에 관한 커밋

* 🎨 feat : 피드 헤더 개선

* 🎨 feat : 답변 페이지와 헤더 페이지 로직 개선 및 컴포넌트 폴더 이름 수정

* 💄 chore : 삭제하기 버튼 클릭 후 질문 박스 이미지 렌더링 동작 추가

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🎨 feat : Feed 헤더 개선 및 Feed 페이지 수정

* ♻️ chore : Header 컴포넌트 적용

* ♻️ refactor : 모달 폼 제출 시 리스트 추가 로직 구현

* :refactor: chore : 리스트 추가에 따른 개수 표시 상태 변경 추가

* 💄 style : 모달  메신저 svg 스타일링 추가

* ♻️ refactor : 좋아요 기능 개선

* ♻️ refactor : 0개일 때는 카운트 안보이도록 로직 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>
Co-authored-by: junAlexx <junrisexci@naver.com>
Co-authored-by: CJewon <112820744+CJewon@users.noreply.github.com>
Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>
Co-authored-by: LMS10 <ggb7410@naver.com>

* Feat/공유하기 기능 구현 (#50)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* Feat/헤더 레이아웃 (#7)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* Feat/헤더 레이아웃 (#9)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* Feat/답변 상태 표시 (#17)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 상태 표시 컴포넌트 구현

* Feat/토스트 구현 (#15)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/질문 내용 표시 (#19)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 질문 내용 표시 컴포넌트 구현

* 🔧 chore : netlify CD 셋업

* 🔧 chore : ci.yaml 파일 배포 설정 추가

* Feat/답변 내용 표시 (#18)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 내용 표시 컴포넌트 구현

* Feat/질문 개수 표시 (#25)

* 🔧 chore : netlify CD 셋업

* ✨ feat: 질문 개수 표시 컴포넌트 구현

* 🔧 chore : ci.yaml 파일 배포 설정 추가

---------

Co-authored-by: Tokyun02 <developtk02@gmail.com>

* Epic/main 화면 구현 (#32)

* Feat/main 화면 레이아웃 구현 (#6)

* 🍱 chore : 기존 img_Banner.svg 파일 교체

* 🍱 chore : ic_Person.svg 파일에서 fill 색상 동적 적용을 위해 fill="black" 삭제

* ✨ feat : Main 화면 레이아웃 구현

* Feat/main form제출 구현 (#8)

:sparkles: feat: form 태그에 onSubmit 핸들러 추가

---------

Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>

* :sparkles: feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* :sparkles: feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* :truck: chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* :sparkles: feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* :art: chore : 토스트 애니메이션 동작 시간 수정 and :bug: fixed : 프로필 사진 렌더링 시 src 오류 해결

* Feat/QnA 리스트 구현 (#33)

* 🍱 chore : image 파일 추가

* ✨ feat : 질문 대상 프로필 이미지와 이름 추가

* ✨ feat : 질문 목록 불러오기 및 답변 상태, 질문 내용, 답변 내용 컴포넌트 추가

* ✨ feat : 질문 대상 불러오기

* ✨ feat : 질문 개수 표시, QnA 리스트 컴포넌트 추가

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* Feat/삭제하기 버튼 구현 (#36)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🚚 chore : 폴더명 시작글자 소문자 → 대문자 수정에 관한 커밋

* 🎨 feat : 피드 헤더 개선

* 🎨 feat : 답변 페이지와 헤더 페이지 로직 개선 및 컴포넌트 폴더 이름 수정

* 💄 chore : 삭제하기 버튼 클릭 후 질문 박스 이미지 렌더링 동작 추가

* ✨ feat : 카카오톡 공유하기 기능 구현

* ✨ feat : 페이스북 공유하기 구현

---------

Co-authored-by: junAlexx <lep240927@gmail.com>
Co-authored-by: junAlexx <junrisexci@naver.com>
Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>

* Refactor/feed 스타일 개선 (#52)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* Feat/헤더 레이아웃 (#7)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* Feat/헤더 레이아웃 (#9)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* Feat/답변 상태 표시 (#17)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 상태 표시 컴포넌트 구현

* Feat/토스트 구현 (#15)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/질문 내용 표시 (#19)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 질문 내용 표시 컴포넌트 구현

* 🔧 chore : netlify CD 셋업

* 🔧 chore : ci.yaml 파일 배포 설정 추가

* Feat/답변 내용 표시 (#18)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 내용 표시 컴포넌트 구현

* Feat/질문 개수 표시 (#25)

* 🔧 chore : netlify CD 셋업

* ✨ feat: 질문 개수 표시 컴포넌트 구현

* 🔧 chore : ci.yaml 파일 배포 설정 추가

---------

Co-authored-by: Tokyun02 <developtk02@gmail.com>

* Epic/main 화면 구현 (#32)

* Feat/main 화면 레이아웃 구현 (#6)

* 🍱 chore : 기존 img_Banner.svg 파일 교체

* 🍱 chore : ic_Person.svg 파일에서 fill 색상 동적 적용을 위해 fill="black" 삭제

* ✨ feat : Main 화면 레이아웃 구현

* Feat/main form제출 구현 (#8)

:sparkles: feat: form 태그에 onSubmit 핸들러 추가

---------

Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>

* :sparkles: feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* :sparkles: feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* :truck: chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* :sparkles: feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* :art: chore : 토스트 애니메이션 동작 시간 수정 and :bug: fixed : 프로필 사진 렌더링 시 src 오류 해결

* Feat/QnA 리스트 구현 (#33)

* 🍱 chore : image 파일 추가

* ✨ feat : 질문 대상 프로필 이미지와 이름 추가

* ✨ feat : 질문 목록 불러오기 및 답변 상태, 질문 내용, 답변 내용 컴포넌트 추가

* ✨ feat : 질문 대상 불러오기

* ✨ feat : 질문 개수 표시, QnA 리스트 컴포넌트 추가

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* Feat/삭제하기 버튼 구현 (#36)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* 🚚 chore : 폴더명 시작글자 소문자 → 대문자 수정에 관한 커밋

* 🎨 feat : 피드 헤더 개선

* 🎨 feat : 답변 페이지와 헤더 페이지 로직 개선 및 컴포넌트 폴더 이름 수정

* 💄 chore : 삭제하기 버튼 클릭 후 질문 박스 이미지 렌더링 동작 추가

* ✨ feat : 카카오톡 공유하기 기능 구현

* ✨ feat : 페이스북 공유하기 구현

* 💄 style : Feed페이지 전체 높이 설정 및 페이지 배경색, 헤더 배경색 지정

* 💄 style : 질문 개수 텍스트 actor 폰트 설정

* :recylce: style : 스크롤 없어질 경우 해당 크기만큼 모달 버튼 이동

* 💄 style : 미답변 상태 시 AnswerStatus 컬러 번경

* 💄 style : Feed 페이지 bottom padding 수정

* 💄 style : 디바이스 크기별 피드페이지 padding bottom 통일

* 💄 style : 폰트 actor 부분 적용

---------

Co-authored-by: junAlexx <lep240927@gmail.com>
Co-authored-by: junAlexx <junrisexci@naver.com>
Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>
Co-authored-by: CJewon <112820744+CJewon@users.noreply.github.com>

* Fix/feed redirection (#54)

* 🔧 chore : netlify CD 셋업

* 🔧 chore : ci.yaml 파일 배포 설정 추가

* 🐛 fix : 존재하지 않는 피드 리디렉션 추가

* 🔀 merge : merge 브랜치 병합

* 🐛 fix : 무한스크롤 버그 수정

* ♻️ refactor : 디바이스 높이 별 limit 값 동적 설정

* 🐛 fix : questionList 상태 감지 오류 해결

---------

Co-authored-by: CJewon <112820744+CJewon@users.noreply.github.com>
Co-authored-by: junAlexx <lep240927@gmail.com>
Co-authored-by: junAlexx <junrisexci@naver.com>
Co-authored-by: Minseo Lee <90029564+LMS10@users.noreply.github.com>
Co-authored-by: LMS10 <ggb7410@naver.com>

* Epic/answer 화면 구현 -> merge 브랜치 병합 (#60)

* Feat/헤더 레이아웃 (#7)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/헤더 레이아웃 (#9)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/답변 상태 표시 (#17)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 상태 표시 컴포넌트 구현

* Feat/토스트 구현 (#15)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/질문 내용 표시 (#19)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 질문 내용 표시 컴포넌트 구현

* Feat/답변 내용 표시 (#18)

* 📦 chore: prop-types 설치 및 의존성 업데이트

* ✨ feat: 답변 내용 표시 컴포넌트 구현

* Feat/질문 개수 표시 (#25)

* 🔧 chore : netlify CD 셋업

* ✨ feat: 질문 개수 표시 컴포넌트 구현

* 🔧 chore : ci.yaml 파일 배포 설정 추가

---------

Co-authored-by: Tokyun02 <developtk02@gmail.com>

* Feat/QnA 리스트 구현 (#33)

* 🍱 chore : image 파일 추가

* ✨ feat : 질문 대상 프로필 이미지와 이름 추가

* ✨ feat : 질문 목록 불러오기 및 답변 상태, 질문 내용, 답변 내용 컴포넌트 추가

* ✨ feat : 질문 대상 불러오기

* ✨ feat : 질문 개수 표시, QnA 리스트 컴포넌트 추가

* Feat/삭제하기 버튼 구현 (#36)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/피드 헤더 개선 (#41)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* 🚚 chore : 폴더명 시작글자 소문자 → 대문자 수정에 관한 커밋

* 🎨 feat : 피드 헤더 개선

* 🎨 feat : 답변 페이지와 헤더 페이지 로직 개선 및 컴포넌트 폴더 이름 수정

* 💄 chore : 삭제하기 버튼 클릭 후 질문 박스 이미지 렌더링 동작 추가

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/QnA 리스트 스타일링 (#42)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* Feat/Feed_UI 구현 (#11)

* request를 받아 질문 목록 생성 및 html 작업완료

* ✨ feat : tailwind 작업도중 커밋

* 📝 fix : png파일을 svg파일로 수정 및 question부분을 컴포넌트화 하기 위해 폴더 생성

* 💄 style : feat/Feed_화면_구현 반응형 웹 제작

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* ✨ feat : 좋아요, 싫어요 기능 제작 및 컴포넌트화

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* Feat/좋아요 싫어요 기능 (#16)

:sparkles: feat : 좋아요, 싫어요 기능 제작 및 컴포넌트화

* :art: feat : fetch 함수 코드 구조 수정 및 PR 관련 피드백 일부 적용

* :spakles: feat : 좋아요 싫어요 클릭했을때 증가하는 기능 추가

* :sparkles: feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* :sparkles: feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* :truck: chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* :sparkles: feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* :art: chore : 토스트 애니메이션 동작 시간 수정 and :bug: fixed : 프로필 사진 렌더링 시 src 오류 해결

* :bug: fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* :truck: chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* :truck: chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* 🍱 chore : ic_Messages.svg 파일에서 fill 색상 동적 적용을 위해 fill="black" 삭제

* :sparkles: feat : 생성 시간 포맷팅 함수 추가

* 💄 style : CountQuestion 스타일링

* 💄 style : AnswerStatus 스타일링

* 💄 style : QuestionContent 스타일링

* 💄 style : AnswerContent 스타일링

* 💄 style : CountFavorite 스타일링

* 💄 style : QnAList 스타일링

* 💄 style : Answer 스타일링

* 💄 style : Feed 스타일링

* :art: feat : Feed 헤더 개선 및 Feed 페이지 수정

---------

Co-authored-by: junAlexx <lep240927@gmail.com>
Co-authored-by: CJewon <112820744+CJewon@users.noreply.github.com>
Co-authored-by: junAlexx <junrisexci@naver.com>

* Feat/케밥 구현 (#51)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* 💄 chore : Answer 페이지 레이아웃 보완 및 삭제완료 토스트 애니메이션 2초로 수정

* 🎨 chore : Answer페이지 오류처리 로직 개선(리디랙션) 및 Proptypes에 isRequired 추가

* ✨ feat : 케밥 메뉴 레이아웃 및 동작 구현

---------

Co-authored-by: junAlexx <lep240927@gmail.com>

* Feat/케밥 질문삭제 구현 (#53)

* ✨ feat : 질문삭제 컴포넌트로 분리

* ✨ feat : 질문삭제 컴포넌트 구현

* Feat/answer 무한스크롤 구현 (#49)

* 🎨  style : fill-gray-40 스타일 중복적용 삭제

* ✨  feat : 공용컴퍼넌트 적용 및 무한스크롤 기능 추가

* Feat/케밥 답변삭제 구현 (#56)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* ✨ feat : 답변 등록 구현

* ✨ feat : 케밥 답변삭제 구현

* ✨ feat : 답변 삭제 버튼 클릭 시 원래 상태로 렌더링 되는 기능 구현

* ♻️ chore : textarea 초기화

* 🎨 chore : 필요없는 주석 삭제 및 코드 정리

---------

Co-authored-by: junAlexx <lep240927@gmail.com>
Co-authored-by: Tokyun02 <developtk02@gmail.com>

* Feat/케밥 답변거절 구현 (#58)

* ✨ feat : 피드 헤더 레이아웃 구현

* 💄 chore : 공유하기 버튼 svg 스타일링

* ✅ chore : 프로필 사진 및 이름 불러오는 handleLoad 함수 구현(테스트용)

* 🍱 chore : 헤더이미지파일 추가 및 코드 수정

* 💄 chore : PR 리뷰 내용 반영하여 스타일 수정

* ✨ feat : URL 복사 알림용 토스트 구현 시작

* 💄 chore : 토스트 기본 레이아웃 구현

* ✨ chore : URL버튼 클릭시 클립보드에 현재 URL 복사하는 handleCopyUrl추가 및 onClick 구현

* ✨ chore : npm prop types 다운로드, 링크 복사 버튼 클릭 시 토스트 메시지 보여주는 동작 구현

* 💄 chore : 토스트 애니메이션 효과 구현, tailwind.config.js 수정

* 💄 chore : 토스트 애니메이션 개선 및 tailwind.config.js 수정

* ✨ feat : 삭제하기 버튼 기본 레이아웃 및 스타일 작업

* ✨ feat : 삭제하기 버튼 클릭 시 로컬id 삭제 및 루트로 이동 기능

* 🚚 chore : toast 컴포넌트 및 파일 이름을 toastUrlCopy로 변경

* ✨ feat : 삭제하기 버튼 클릭 시 삭제 완료 안내 토스트 구현

* 🎨 chore : 토스트 애니메이션 동작 시간 수정 and 🐛 fixed : 프로필 사진 렌더링 시 src 오류 해결

* 🐛 fixed: prettier 문제로 발생한 빌드 오류 수정에 관한 커밋

* 🚚 chore : 첫글자 소문자로 적은 폴더 이름 대문자로 변경, 기존 toast 컴포넌트와 폴더 이름을  toastUrlCopy로 변경

* 🚚 chore : 로컬에서 폴더명을 수정했으나 원격에서 인식하지 못해 다시 원상복구 시키는 커밋입니다.

* ✨ feat : 답변 등록 구현

* ✨ feat : 케밥 답변삭제 구현

* ✨ feat : 질문삭제 컴포넌트로 분리

* ✨ feat : 질문삭제 컴포넌트 구현

* ✨ feat : 답변 삭제 버튼 클릭 시 원래 상태로 렌더링 되는 기능 구현

* ♻️ chore : textarea 초기화

* ✨ feat : 케밥 답변거절 구현

---------

Co-authored-by: junAlexx <lep240927@gmail.com>
Co-authored-by: junAlexx <junrisexci@naver.com>
Co-authored-by: LMS10 <ggb7410@naver.com>

* ✨ feat : 케밥 답변수정 구현…
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Priority: Medium 🔖 우선순위 보통 Type: Refactor ♻️ 리팩토링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants