Community

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

← Go back
[트위터 클론코딩] 와이어프레임
#twitter_clone
2개월 전
1,843
1

(1) 자기 소개

안녕하세요. 학교졸업 후 번아웃이 강하게 와 무기력하게 시간을 버리다가 정신차리고 올해 봄부터 퍼블리싱 국비학원을 다니다가 프론트앤드 공부를 다시 시작한 취업준비생입니다.

학교에서는 배워도 html,css,js정도로만 배웠었는데, 번아웃 후 열정을 가지고 스스로 공부를 시작하니, react, nextjs, tailwindcss, authjs 등 다양한 라이브러리와 프레임워크를 배우게 되었습니다. 아직은 초보라 미숙하지만 이번 기회에 트위터 클론코딩을 하면서 리엑트와 친해지면 좋을 것 같아 챌린지에 도전하게 되었습니다. 제가 프론트앤드 공부를 다시 시작할 수 있게 도와준 것은 당연 노마드코드 JS 챌린지였습니다. 그것을 시작으로 지금 하나씩 챌린지 격파하면서 프론트앤드를 배우고 있습니다😊😊


(2)


(3) 포인트 색상 / 로고/ 기타 구현하고 싶은 사항

  • 로고: 미정

  • 포인트 색상: 차가운 흰색+ 파란계열, 영수증 같은 느낌

  • 기타 구현사항: 가능하다면 해시태그기능이나 gif api, 북마크 기능을 추가하고 싶습니다.


(4) 고민 & 공유하고싶은 팁

  • 고민

    퍼블리싱 배울 때 아름다운 웹페이지를 많이 보았기에, 눈은 높아졌는데 제가 실제로 만드는 것은 디자인이 만족스럽지 못해서 슬프네요 ㅋㅋ 색을 거의 안쓰는 웹페이지는 처음 제작하는거라 걱정이 많이 되는데 디자인이 잘 나오면 좋겠습니다. 이미지를 돋보이게 하는 소셜미디어를 만드는 게 목표라 최대한 단조롭게 만들어보려고 하는데, 단조로울수록 디자인이 어렵다는 걸 알고 있기에 매우 긴장됩니다.

  • 공유하고싶은 팁: figma는 shift+a 면 auto layout으로 변환되어 균형적인 디자인이 가능합니다. dev모드로 전환했을때, 디자인을 분석하기도 쉽고요! 와이어프레임이나 시안을 제작할 때 figma를 애용하면 후에 css작업할 때 훨씬 편해집니다.

1 comment