Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
77 commits
Select commit Hold shift + click to select a range
c586fd8
style: title 변경 및 icon 설정
ZUITOPIA Sep 8, 2024
876be0b
feat: 필요한 이미지 및 데이터 json 파일 세팅
ZUITOPIA Sep 8, 2024
9ddbb9f
feat: 컴포넌트 나누고 폴더에 위치
ZUITOPIA Sep 8, 2024
301d127
feat: 기본 기능 구현
ZUITOPIA Sep 10, 2024
298c24e
style: 기본 스타일 구현중
ZUITOPIA Sep 10, 2024
c4f33c1
style: 채팅 디자인 진행중
ZUITOPIA Sep 10, 2024
a16e310
style: 채팅방 css -> emotion 적용
ZUITOPIA Sep 10, 2024
9183d00
style: Header 스타일 적용
ZUITOPIA Sep 10, 2024
d3fe3a9
style: 프로필 위치 변경
ZUITOPIA Sep 10, 2024
b655227
feat: 헤더와 바디 다른 것처럼 분리
ZUITOPIA Sep 10, 2024
ac7e32d
style: 채팅창 너비 수정
ZUITOPIA Sep 10, 2024
4f60550
style: 스크롤 관련 스타일 적용
ZUITOPIA Sep 10, 2024
3b280ab
style: 기본 디자인 구현 완료
ZUITOPIA Sep 10, 2024
4dad821
feat: isSender 값 boolean으로 변경, 디자인 추가 수정
ZUITOPIA Sep 11, 2024
93800c6
style: 자잘한 스타일 수정
ZUITOPIA Sep 11, 2024
094c39f
feat: 채팅의 가장 최신 내용부터 보여주기
ZUITOPIA Sep 11, 2024
b76abbf
feat: 기능 구현 완료, 추후 코드 리팩토링 예정
ZUITOPIA Sep 11, 2024
c7c2139
feat: main 브랜치에도 기능 추가
ZUITOPIA Sep 12, 2024
4ff6679
fix: 빌드 에러 해결중
ZUITOPIA Sep 12, 2024
6b81582
fix: 빌드에러 수정중
ZUITOPIA Sep 12, 2024
76186a7
style: 버튼 스타일 미세 수정
ZUITOPIA Sep 12, 2024
d1d1a80
fix: 빌드 에러 수정중
ZUITOPIA Sep 12, 2024
9a32096
fix: 빌드에러 수정중
ZUITOPIA Sep 12, 2024
cc8d489
fix: 빌드에러 수정중
ZUITOPIA Sep 12, 2024
e4b8822
fix: 빌드에러 수정중
ZUITOPIA Sep 12, 2024
24fe063
fix: 빌드에러 수정중
ZUITOPIA Sep 12, 2024
b3ecef0
fix: 빌드에러 수정중
ZUITOPIA Sep 12, 2024
c6a81c7
fix: 빌드에러 해결 시도
ZUITOPIA Sep 12, 2024
97f37a0
fix: 빌드에러 수정중
ZUITOPIA Sep 12, 2024
69aa55f
fix: 빌드에러 해결중
ZUITOPIA Sep 12, 2024
e9371e8
fix: 빌드에러 해결중
ZUITOPIA Sep 12, 2024
3ba0b0b
fix: 빌드에러 해결중
ZUITOPIA Sep 12, 2024
1ef7c98
fix: 빌드에러 해결중
ZUITOPIA Sep 12, 2024
e74a79d
fix: 빌드에러 해결중
ZUITOPIA Sep 12, 2024
40126f8
fix: 빌드에러 해결중
ZUITOPIA Sep 12, 2024
0202bba
fix: 이미지 안 뜨는 현상 수정
ZUITOPIA Sep 12, 2024
a02bac3
fix: 화면 안나오는 현상 수정중
ZUITOPIA Sep 12, 2024
6a96af3
fix: 화면 안나오는 현상 수정중
ZUITOPIA Sep 12, 2024
44f6d85
refactor: ChatFooter에서 ChatInput으로 이름 변경
ZUITOPIA Sep 16, 2024
db5f9e0
refactor: json 파일 fetch 말고 import로 단순하게 가져오기
ZUITOPIA Sep 16, 2024
c64aff7
refactor: 메시지 변경될 때만 수신자 업데이트
ZUITOPIA Sep 16, 2024
98d536c
refactor: 시간을 기준으로 정렬하는 코드 위치 변경
ZUITOPIA Sep 16, 2024
880e03a
refactor: return 두번 나오지 않도록 컴포넌트 빼내기
ZUITOPIA Sep 16, 2024
7fc3a17
refactor: 글로벌 스타일 따로 파일로 빼내기
ZUITOPIA Sep 16, 2024
1a89296
refactor: date-fns 사용하기
ZUITOPIA Sep 16, 2024
cd75a16
refactor: 지난 과제 때 만들어 두었던 useInput 훅, UI 파일 가져오기
ZUITOPIA Sep 16, 2024
a8754da
refactor: UI 파일에서 Text 스타일 import 하여 사용하기
ZUITOPIA Sep 16, 2024
066a3d6
feat: UI 파일 Text 부분 ts로 변경 및 theme 추가
ZUITOPIA Sep 17, 2024
5ac4887
feat: UI 에 Block, Img 생성
ZUITOPIA Sep 18, 2024
d1b5e15
feat: Img 스타일 적용하면서 png에서 svg로 수정, 파비콘 경로 수정
ZUITOPIA Sep 18, 2024
7c58a3a
feat: global style ts로 변경 및 글꼴 변경
ZUITOPIA Sep 18, 2024
0c9a948
feat: main, App jsx에서 tsx로 변경
ZUITOPIA Sep 18, 2024
c79d346
feat: ChatBody jsx에서 tsx로 변경
ZUITOPIA Sep 18, 2024
00a9798
feat: ChatHeader jsx에서 tsx로 변경
ZUITOPIA Sep 18, 2024
b025b43
feat: Message jsx에서 tsx로 변경
ZUITOPIA Sep 18, 2024
5d5dee9
feat: jsx에서 tsx로 모두 변경 완료
ZUITOPIA Sep 18, 2024
d83666f
Merge pull request #1 from ZUITOPIA/typescript-sns
ZUITOPIA Sep 18, 2024
f48d10a
fix: 배포 시 화면 안 나오는 현상 수정중
ZUITOPIA Sep 18, 2024
3c9bc2f
fix: 배포 안 되는 현상 해결 진행중
ZUITOPIA Sep 18, 2024
6e69fbc
fix: 배포 안 되는 현상 해결중
ZUITOPIA Sep 18, 2024
7f371d1
fix: 배포 안 되는 현상 해결중
ZUITOPIA Sep 18, 2024
fd45857
fix: 배포 안 되는 현상 해결중
ZUITOPIA Sep 18, 2024
cc4ad67
feat: import 시 파일 형식은 빼기
ZUITOPIA Sep 18, 2024
0958fa3
feat: 기능 구현 전 router 설정
ZUITOPIA Oct 7, 2024
7337fef
feat: 푸터 컴포넌트 생성
ZUITOPIA Oct 8, 2024
aa7c446
feat: 메세지 데이터 파일 수정, 대화창 리팩토링
ZUITOPIA Oct 8, 2024
c550b53
feat: 이미지 경로 수정하여 프로필 뜨도록
ZUITOPIA Oct 8, 2024
18b7ce0
docs: 불필요한 import 삭제
ZUITOPIA Oct 8, 2024
369c830
feat: 데이터 가져와서 목록으로 보이도록 구현
ZUITOPIA Oct 8, 2024
8b14e05
feat: DM 목록에서 클릭 시 해당 user와의 대화창으로 넘어가도록
ZUITOPIA Oct 8, 2024
4207168
feat: 파일 구조 재조정
ZUITOPIA Oct 8, 2024
b0fd928
feat: recoil 세팅
ZUITOPIA Oct 8, 2024
f6b50ce
feat: 상태관리 라이브러리 도입하여 재구현
ZUITOPIA Oct 9, 2024
20d078d
feat: 새로운 메세지 입력 시 전역 데이터에 추가하는 기능 구현
ZUITOPIA Oct 9, 2024
dcf8579
fix: vercel 배포 url 페이지 이동 시 404 뜨는 에러 해결하기 위해 json 파일 추가
ZUITOPIA Oct 10, 2024
2794f92
update
Mar 26, 2025
0b26e2b
update
ZUITOPIA Mar 26, 2025
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

또한 투두리스트 만들기로 리액트를 가볍게 맛보았다면 이번에는 비슷한 기능이지만 한번 더 React의 기초적인 사용법에 익숙해지고, 다양한 hook을 활용해 수 있는 미션이 되었으면 좋겠습니다!

혹시 어려움이 있거나 도움이 필요하다면 언제든지 저를 불러 주세요 🙋‍♀️🏃🏻‍♀️
혹시 어려움이 있거나 도움이 필요하다면 언제든지 저를 불러주세요 🙋‍♀️🏃🏻‍♀️

<br/>

Expand Down Expand Up @@ -39,7 +39,7 @@

- `useEffect` 와 `useRef`는 어떠한 상황에서 사용하나요?
- `useState` `useEffect` `useRef` 이외에 어떤 hook들이 존재하나요?
- Custom hook은 언제 사용할까요?
- Custom hook은 언제 사용할까요 ?

<br/>

Expand Down
14 changes: 14 additions & 0 deletions emotion.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import '@emotion/react';
import {
ColorsTypes,
FontSizeTypes,
FontWeightTypes,
} from './src/components/styles/theme';

declare module '@emotion/react' {
export interface Theme {
color: ColorsTypes;
fontWeight: FontWeightTypes;
fontSize: FontSizeTypes;
}
}
6 changes: 3 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" href="/images/icon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>React SNS</title>
<title>ZUITOPIA DM 💌</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
Loading