[개인 포트폴리오] [트위터 클론 SNS Deli] 분석 Part. 1
2024. 7. 8. 15:02ㆍ웹개발 포트폴리오
728x90
반응형
1. 데스크탑 주요 화면
2. 모바일 주요 화면
포트폴리오 개발 동기 : 더 사용자에게 개선된 경험을 줄 수 있는 웹개발자를 꿈꾸기에 실력 향상을 위해 React와 TypeScript를 사용해보고 싶었다. 마땅한 강의를 찾아보던 중 아래 강의를 발견하게 되었다.
https://nomadcoders.co/nwitter/lobby
기존에 JS강의를 잘 듣기도 했고, 강사 설명 스타일이 나와 맞기도 했기에 수강을 해보았고, 지인들의 니즈를 듣고 반영해서 완성해보았다.
파이어베이스를 처음 써봤는데 편리해서 매우 놀랐다.
아래는 개인 프로젝트의 파일 구조와 주요 기능을 정리한 것이다.
이후 게시글에서 코드 분석과 개인적으로 배운 점을 정리해보려 한다.
접속 링크 : https://nwitter-reloaded-ad7cb.web.app/
파이어베이스 기반이므로 구경은 하고 싶으나 가입이 꺼려진다면
E-mail : 1234@naver.com
PW: 12345678
이 계정으로 접속하면 된다.
728x90
반응형
'웹개발 포트폴리오' 카테고리의 다른 글
[개인 포트폴리오] [트위터 클론 SNS Deli] 분석 Part. 6 'protected-route.tsx' (0) | 2024.07.08 |
---|---|
[개인 포트폴리오] [트위터 클론 SNS Deli] 분석 Part. 5 'layout.tsx' & 'loading-screen.tsx' (0) | 2024.07.08 |
[개인 포트폴리오] [트위터 클론 SNS Deli] 분석 Part. 4 'media-query-file.ts' & 'global-style.ts' (0) | 2024.07.08 |
[개인 포트폴리오] [트위터 클론 SNS Deli] 분석 Part. 3 'main.tsx' (0) | 2024.07.08 |
[개인 포트폴리오] [트위터 클론 SNS Deli] 분석 Part. 2 'App.tsx' (0) | 2024.07.08 |