Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
59 commits
Select commit Hold shift + click to select a range
ce02768
Test: test commit
Yunil-dev Sep 8, 2024
82751d1
Fix:react/react-in-jsx-scope 규칙 비활성화 및 React 미사용 경고 수정
Yunil-dev Sep 8, 2024
1794473
Chore: 컴포넌트 분리 및 기본 JSX 추가
Yunil-dev Sep 8, 2024
1638417
Style: emotion-normalize 및 글로벌 스타일 적용
Yunil-dev Sep 8, 2024
0d90855
Style: 기본 메신저 스타일 적용
Yunil-dev Sep 10, 2024
7bb8177
Style: 기본 스타일 적용 및 버튼 이미지 삽입
Yunil-dev Sep 10, 2024
9897e9a
Style: Global 스타일 추가
Yunil-dev Sep 10, 2024
1d72721
Add: 사용자와 채팅대화가 담긴 정적 JSON 파일 추가(아직 연동되지 않음)
Yunil-dev Sep 10, 2024
64bcecb
Refactor: MessageItem파일을 두 개의 컴포넌트로 분리(OtherMessageItem, MyMessageItem)
Yunil-dev Sep 10, 2024
33e66ce
Feat: JSON 파일 불러오기
Yunil-dev Sep 10, 2024
2fb3aab
Feat: JSON 파일에 chatData 추가
Yunil-dev Sep 10, 2024
79c9ea6
Style: header와 input이 오른쪽으로 튀어나오는 현상 수정
Yunil-dev Sep 10, 2024
b7e6fc3
Style: 오버 스크롤 방지 기능 추가
Yunil-dev Sep 10, 2024
a31b063
Refactor: 불필요한 스타일 코드 삭제
Yunil-dev Sep 10, 2024
462bba5
Feat: 실시간 채팅 보내기 기능, focus 기능 추가
Yunil-dev Sep 11, 2024
c8a6789
Refactor: 가독성을 위해 스타일 코드 최하단으로 위치 이동
Yunil-dev Sep 11, 2024
e55168a
Design: 버튼 이미지 크기조정, 스크롤 길이 제한 수정, 테두리 색상 변경
Yunil-dev Sep 11, 2024
ee9e349
Chore : css import 에러처리를 위해 rules 추가
Yunil-dev Sep 11, 2024
8c75e69
Chore: emotion, emotion-normalize 라이브러리 추가
Yunil-dev Sep 11, 2024
b5dbbdd
Fix: 배포 후 이미지 경로 오류로 인한 버그 수정(assets 폴더 src 밖으로 이동)
Yunil-dev Sep 11, 2024
b2b03e5
Design: 메세지 박스 테두리 요소 수정
Yunil-dev Sep 11, 2024
6d8cd76
Refactor: json 이미지 경로 수정
Yunil-dev Sep 11, 2024
b46cfcc
feat: tsconfig.json 파일 추가 및 typescript 세팅
Yunil-dev Sep 17, 2024
431272c
fix: ts(2686)버그 발생으로 tsconfig compilerOptions 변경
Yunil-dev Sep 17, 2024
ca42c12
fix: HTMLElement 타입 지정 버그 수정
Yunil-dev Sep 17, 2024
5bd1cd0
feat: typescript 변환을 위한 모든 파일 확장자 변경(.jsx -> .tsx)
Yunil-dev Sep 17, 2024
94ba080
fix: 이미지 경로 에러를 위한 모듈 추가
Yunil-dev Sep 17, 2024
21966b9
fix: 서버 실행을 위한 파일 확장자 수정
Yunil-dev Sep 17, 2024
d0c2d25
fix: json 파일 경로 오류 수정, resolveJsonModule 옵션 추가
Yunil-dev Sep 18, 2024
af048df
fix: HTMLDivElement임을 명시
Yunil-dev Sep 18, 2024
d7530e1
fix: 클릭이벤트 타입 명시
Yunil-dev Sep 18, 2024
1080b7b
fix: 타입스크립트 ref 타입 지정으로 focus 에러 해결
Yunil-dev Sep 18, 2024
3da41a8
fix: props 타입 수정 및 null 가능성 제거
Yunil-dev Sep 18, 2024
8f2007d
feat: 상태관리를 위한 zustand 설치 및 세팅
Yunil-dev Oct 8, 2024
17eac9c
refactor: 정적 파일 구분을 위해 폴더 생성 후 이미지 경로 수정
Yunil-dev Oct 8, 2024
1a5d038
refactor: 정적 파일 구분을 위해 폴더 생성 후 이미지 경로 수정
Yunil-dev Oct 8, 2024
0a6a4ed
refactor: 재사용을 위한 사용자 json 파일의 이미지 경로 수정
Yunil-dev Oct 8, 2024
75cdf20
refactor: 페이지 추가 구현을 위해 pages 폴더 추가 후 각 페이지 생성
Yunil-dev Oct 8, 2024
ad5fc2c
feat: router 설정
Yunil-dev Oct 8, 2024
e2036c2
feat: json 데이터 추가 및 중복된 인터페이스 수정을 위해 types.ts 파일 생성
Yunil-dev Oct 10, 2024
42db91a
feat: 상태관리를 위한 recoil 추가
Yunil-dev Oct 10, 2024
de89380
feat: json 데이터 세팅
Yunil-dev Oct 10, 2024
1b12719
feat: 채팅 목록 페이지 UI 구현
Yunil-dev Oct 10, 2024
fab2f9a
feat: 모든 컴포넌트에서json 데이터를 불러올 수 있도록 atoms 함수 생성
Yunil-dev Oct 11, 2024
cd263a4
feat: 각 채팅방의 userId를 받아서 그에 맞는 채팅데이터를 불러오도록 구현
Yunil-dev Oct 12, 2024
d00f8ed
fix: 이미지 경로 수정으로 사용자 프로필 이미지 표시 문제 해결
Yunil-dev Oct 12, 2024
6dd4615
feat: 채팅 목록에서 유저가 나일 때 제외되도록 구현
Yunil-dev Oct 12, 2024
375dcf9
fix: 채팅방 위로 스크롤 시 헤더에 가려지는 현상 수정
Yunil-dev Oct 12, 2024
cf6e9e9
chore: 테스트용 테두리 스타일 제거
Yunil-dev Oct 12, 2024
b8f89c4
feat: 서버 접속 시 chatList 페이지로 넘어가게 useEffect로 경로 설정
Yunil-dev Oct 12, 2024
eea1273
chore: 로그 확인용 코드 삭제
Yunil-dev Oct 12, 2024
4da9315
chore: index.html에 앱 title 수정 및 아이콘 추가
Yunil-dev Oct 12, 2024
b782854
fix: vercel 배포 후 이미지 안뜨는 현상 해결을 위해 이미지 폴더 public으로 이동
Yunil-dev Oct 14, 2024
0ba6d1f
fix: vercel 새로고침 후 404 에러 뜨는 현상 수정 진행
Yunil-dev Oct 14, 2024
39044ea
fix: ChatListPage 경로 절대 경로에서 상대 경로로 수정하여 vercel 새로고침 후 404 에러 뜨는 현상 수정
Yunil-dev Oct 14, 2024
5f18155
feat: 배포 test
Yunil-dev Oct 14, 2024
6c82127
feat: vercel 배포 에러 해결을 위한 vercel.json파일 추가
Yunil-dev Oct 14, 2024
5cf5d4b
feat: 기본 경로로 ChatListPage 라우터 설정
Yunil-dev Oct 14, 2024
904cc5b
feat: 수정한 ChatListPage 경로 navigate에 반영
Yunil-dev Oct 14, 2024
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
11 changes: 11 additions & 0 deletions .vercel/README.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
> Why do I have a folder named ".vercel" in my project?
The ".vercel" folder is created when you link a directory to a Vercel project.

> What does the "project.json" file contain?
The "project.json" file contains:
- The ID of the Vercel project that you linked ("projectId")
- The ID of the user or team your Vercel project is owned by ("orgId")

> Should I commit the ".vercel" folder?
No, you should not share the ".vercel" folder with anyone.
Upon creation, it will be automatically added to your ".gitignore" file.
1 change: 1 addition & 0 deletions .vercel/project.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"orgId":"team_vMKbP1kr8uuBfpKZbXI7uLMv","projectId":"prj_GdxW3EvNqyu2yg4aRcOqBruMzzHu"}
3 changes: 3 additions & 0 deletions eslint.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,9 @@ export default [
'warn',
{ allowConstantExport: true },
],
'react/react-in-jsx-scope': 'off', // JSX에서 React 자동 import 규칙 비활성화

Choose a reason for hiding this comment

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

매번 react 오류 해결을 위해 import 해주는게 번거로웠는데 저도 사용해봐야겠어요 👍

'no-unused-vars': ['error', { varsIgnorePattern: '^React$' }], // React 변수에 대한 미사용 경고 무시
Comment on lines +36 to +37
Copy link

Choose a reason for hiding this comment

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

저도 이부분 사용해봐야할 것 같아요!

'react/no-unknown-property': ['error', { ignore: ['css'] }],
},
},
];
10 changes: 7 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,16 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link
rel="icon"
type="image/svg+xml"
href="/src/assets/icons/lysn-logo.png"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>React SNS</title>
<title>lysn</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