Community

개발자 99% 커뮤니티에서 수다 떨어요!

← Go back
[일반부문] 리액트 한달차가 만든 트위터클론
#twitter_clone
2년 전
3,241
2

1. URL

https://hi6724.github.io/ntwitter/#/

undefined

홈화면

undefined

1.2 이미지 업로드 시 1대1 비율로 자르는 화면

undefined

1.3 프로필 페이지

2. 자기소개

저는 일본에서 유학생활중인 컴공과 대학생입니다. 학교에서 코딩 관련된걸 배우긴 하는데, 무언가를 만들실력은 없고, 그러다 보니 코딩에대한 흥미가 떨어져있었습니다.

그러던중에 노마드 코더를 보고 처음부터 차근차근 하다가 한달전쯤부터 리액트 공부하기 시작했는데, 마침 이런 기회가 있어서 도전해보았습니다.

3. 서비스 소개

9/22 => CSS를 조금 변경했고 댓글기능을 만들었습니다

노마드코더의 트위터 강의를 듣고 따라만든거에 몇가지 기능을 추가했습니다.

1. 프로필 사진을 수정할 수 있습니다

2. 한번에 5개씩의 트윗만 보여주고 다음페이지 이전페이지 버튼을 만들었습니다

3. 다른사람의 프로필 또는 자신의 프로필에 들어가면 그사람이 쓴글을 볼수 있습니다

4. 스마트폰에서도 작동하도록 CSS를 작성했습니다

5. 사진을 올릴때 다른 비율의 사진을 허용하면 사진이 찌부러 지는 현상이 싫어서, 모든 사진을 1대1 비율로만 업로드 가능하게 수정했습니다.

6. 좋아요 기능

이건 추가한 기능은 아닌데, 이미지의 용량도 최대 3mb까지만 올릴수 있도록 제한해 두었습니다.

아직은 너무 초라하지만 26일 까지 점점더 기능을 확장시키고 싶습니다. 지금은 베타버전이라고 생각해 주시면 감사하겠습니다 ㅜㅜ

4. 개발 과정

저번달부터 인스타 클론강의를 결제해서 듣고 있었습니다. 그러다가 저번주에 트위터 컨테스트 글을 보고 그날 부터 트위터 강의를 들었습니다. 강의로 듣고 따라할때는 내가 이정도는 할수 있지 라는 마인드 였는데, 막상 직접 해보니 정말 적은기능만 추가해도 힘들더라고요 ㅜㅜ 하면서 많이 했다고 생각했는데 막상 하고보니까 너무 초라하네여 ㅜㅜ 더 노력하겠습니다

5. 앞으로의 계획

26일까지 일주일정도 남았기 때문에 몇가지 기능을 더 추가해보고 싶습니다.

우선 지금 만들고 있는 기능이 댓글기능인데, 거의 다 완성했기 때문에 댓글기능은 무조건 추가하고 싶습니다. 그리고 팔로워 팔로잉 기능과 DM기능도 추가하고 싶지만, 그전에 css를 좀더 가다듬고 싶습니다.

이번에는 실력이 부족해서 참가에 의의를 두고있는데, 다음에 이런게 한번 더 있으면 그 때는 더 공부해서 상에도 도전하고 싶습니다.

2 comments