트위터 기반으로 Pet 전문 플랫폼을 만들 계획입니다.

프론트엔드/React

홍수성찬 2024. 1. 13. 19:28

프론트엔드 개발자로 취업을 준비하고 있습니다. 노마드 코더에서 자바스크립트, 타입스크립트, React, Next.js 등 프론트엔드 기술부터 기본적인 백엔드 기술까지 강의를 통해 많은 것을 얻었습니다.

저는 React, Next.js, TypeScript, Styled-Components로 개발하는 것을 선호합니다.

주도적인 개발 경험과 프론트엔드, 백엔드의 기본적인 기술에 대한 복습을 위해 이번 챌린지를 신청했습니다.

디자인 역량은 많이 부족하지만, 와이어프레임 인증합니다.

기본적인 레이아웃 구성은 트위터(X)와 비슷하게 구현할 계획입니다.

메인 색상은 Tailwind CSS에서 사용할 수 있는 색상 중 하나를 선택하려고 합니다. 현재 계획은 주황색입니다.

메인 환경은 PC의 웹 사이트로 구현할 계획이며, 여유가 될 경우에는 반응형 페이지로 구현하고, 다크모드를 추가할 계획입니다.

추가로 구현하고 싶은 것은 현재 계획에는 없지만, 위의 와이어 프레임 이미지에 나타나있는 모든 기능들을 구현하고 싶습니다.

아직 트위터 클론코딩 강의를 듣지 못해 챌린지 기간동안 제대로 따라갈 수 있을지 모르겠습니다. 그리고 모든 기능들을 기간 내에 구현할 수 있을지 걱정입니다.

이미지나 아이콘을 사용할 때는 요소 크기에 2배로 사이즈를 잡으면 된다고 알고 있습니다. 특히, '64x64' 사이즈일 경우에는 'svg' 확장자로 사용해야 하는 게 좋다고 합니다.

디자인을 구현할 때, 요소의 크기나 비율 등을 알고 싶다면 유튜브의 'Media Designer' 채널에서 어떻게 구현하는지 확인해보는 것도 좋다고 생각합니다.