2023.06.16
오늘은 초미세 먼지 나쁨이다.. 🥲
왜 나쁨이야.. 아침에 창문 열고 상쾌하게 하루를 시작하고 싶은데.. 😤
어제는 개인 학습으로 피그마로 카톡 PC를 클론하였다.
다 구현하지는 못하고 친구 목록 창만 구현했다.
제일 말썽이었던 것은 아이콘 위에 마우스를 올리면 배경색이
바뀌면서 사용자에게 클릭을 할 수 있다는 것을 표시해주는 건데
자꾸 마우스를 올리면 크기가 달라져 부자연스러워 보였다.
이걸 구현하고자 여러번 수정하였고, 꽤 많은 시간을 투자했다. 🥹
일단 배경이 없는 아이콘과 동일한 크기와 위치여야 한다.
나는 기본 아이콘 옆으로 배경과 합쳐진 아이콘을 두었는데
마우스를 올리면 덜컹거리는 것처럼 구현되어서
동그란 배경만 크기를 다르게 해주었고,
아이콘과 배경을 합친 아이콘을 씌운
각 프레임의 크기보다 작게 지정해주었다.
프레임보다 크면 저절로 프레임 크기로 맞춰진다.
아무튼 그리하여 정규 학습이 끝나고 4시간 30분 정도 했다.
집중하다보니 점심도 거르고 저녁도 대충먹었다..
배고파서 새벽 2시에 잤다는.. 😂
어느 정도 피그마의 작동 원리를 알게 되었고,
컴포넌트와 상태를 지정해주는 것을 통해 상태 관리를 배웠던
지난 학습들이 대략적으로 어떻게 진행되는지 그림이 그려졌다.
하나 하나 일일이 해야 하는 노가다지만, 나름 재밌었다.
오늘은 리액트 Component Driven Development를 배우는 날이다.
솔로 학습이라 너무 좋다! 🤓😋
오늘 하루 재밌게 하면서
이번 한 주 마지막 학습 잘 마무리 지어보자!! 😙 🎶
developerpyk