styled-component

Practice

반응형 페이지로 전체 레이아웃 설정하기 (styled-component)

여전히 천천히 사이드 프로젝트를 진행중이다. 뭔가 진행사항이 빠르지 않아서 조금씩 조급해지곤 한다. 그럼에도 진행하면서 얻었거나 고심하게된 부분들에 대해서 포스팅을 같이 진행하는 것이 현재 진행중인 프로젝트를 다시 한번 되짚어볼 수 있을 거라 생각해 오늘도 포스팅을 해보려한다. 이번 포스팅은 로그인 이후 실제로 사용하게 될 페이지들에 대한 전체적인 레이아웃을 작업하는 과정이다. 아무래도 특정한 디자인 시트를 가지고 작업하는 것이 아니기 때문에, 각 페이지마다 배치를 고려하여야 하고 많은 레퍼런스도 참고해야하는 번거로움이 생긴다. 우선 어떤 기능들이 사용될 것이며 어떠한 서비스를 제공하고 싶은지에 대해서 생각해보자 사이드 프로젝트의 컨셉은 우리가 사용하는 옷장을 디지털로 옮기자이며 사용하는 유저는 손쉽게 ..

Practice

[Closet] Next.js + Typescript 로 초기 셋팅을 해보자

지금 작성되는 포스트는 연습하는 과정이라 잘못됬을 수 있으니, 개발 일기로서 참고를... 옷 사고 싶은데 예산이 없다.. 쇼핑몰 사이트에서 옷을 사려고 할 때마다, 집 옷장을 뒤적거리는 적이 많았다. 예산은 한정적이지만 그래도 괜찮은 옷이나 신발은 사고 싶었고, 자연스럽게 효율적으로 구매를 하게 되었다. 그러다 보니 가지고 있는 옷이나 비슷한 스타일의 옷은 좀 회피하고자 하고, 필요하면서도 가지고 있는 옷들과 잘 어울릴 수 있는 옷을 사려고 하였다. 결론은 매번 인터넷 쇼핑 할 때마다 옷장을 뒤적거리면서 사이즈도 체크하고, 옷 색깔도 확인하고... 귀찮다. 결론은 귀차니즘. 한번에 메모지에 정보들을 다 적어놓고, 그 다음에 메모지 참고하면서 쇼핑을 하려고 시도하였는데, 뭔가 이미지도 있음 좋을 듯 싶었고..

Yelihi
'styled-component' 태그의 글 목록