뒤에 귀여운 메타몽 친구와 한 컷! TMI지만 주인장이 가장 좋아하는 캐릭터가 바로 메타몽이다. 표정도 너무 귀엽도 존재 자체가 너무 귀엽기 때문이다. 그냥 귀여운건 다 좋아하지만,,,, 메타몽 이야기로 빠졌지만 우리 토토도 잘 자라고 있다. 넓은 화분에 도도하게 성장중~ 물은 3일? 4일?에 한번씩 주고 있는데, 지난번처럼 말라버려서 힘들어하는 일이 없었으면 좋겠다. 연휴일때는 진짜 집에 가지고 와서 물을 줘야하나 생각도 든다. 우리 토토 말라 죽으면 안돼 ㅠㅠ

쑥쑥? 자라고 있는 우리의 토마토 ( 토토 )! 신기하다 작은 씨앗이 이렇게 물만 먹고 새싹이 되고 점점 성장하는게.... 어딘가 책에서 녹색 인간이라는 유전자 조작으로 인간이 식물과 결합해서 광합성을 통해 양분을 만드는 이야기를 본적이 있는 것 같은데, 광합성이라는게 일어나마 어떤 느낌일지 궁금하다. 햇빛을 받으면 배가 부르는 건가?? ㅋㅋㅋㅋ 식물에게 배가 부르다는 개념이 통할지는 모르겠지만 빛을 가지고 덩치를 키우다니 학생때 배운 개념이지만 지식으로 아는 것과 이것을 실제로 보는 것은 다르다. 몇번의 식물을 키웠지만 볼때마다 씨앗에서 새싹이 되는 과정은 신기하다.

프론트엔드 개발을 할 때 개인적으로 가장 중요하다고 생각하는 것이 컴포넌트의 재사용이다. 비슷한 기능을 하는 컴포넌트를 여러개를 만들게되면 공통되는 사항을 수정해야 하는 경우 각각 수정해야한다. 그렇다고 하나의 컴포넌트에 props를 사용해서 덕지덕지 컴포넌트의 옵션을 주게되면 그것 역시 유지 보수 측면에서 어려움이 존재했다. 항상 적절한 props와 재사용성의 사이에서 고민하다가 최대한 동일한 UI를 하나의 컴포넌트에서 관리하기 위해서 Atomic Design Pattern을 채택했다. Atomic Design Pattern Atomic Design Pattern을 공부하다보면 볼 수 있는 이미지 입니다. 각각 단계에서의 역할이 있는데, Atoms : 최소한의 디자인 단위, 더이상 쪼갤 수 없다. Mo..

아니 이럴수가... 새싹이 삐죽 솟아올랐어요!!! 미리 이야기하지만 여기서의 5일차는 5일째 날이 아니고 글을 올린 날짜를 말합니다.... 회사에서 키우고 있기 때문에 주말 등 사진을 찍을 수 없는 날이 있어서 올리는 기준으로 쓰겠다! 내 블로그니 제 마음입니다.... 그나저나 개발 글도 슬슬 써야하는데,,,, 공부만하고 공부한걸 쓰질 않는,,, 잉여 그자체인 주인장입니다... 허허 요즘 HeadLess UI Pattern에 푹 빠져서 Atomic Design Pattern과 잘 결합시키는 방법을 생각하구 있는데 이거에 대해서도 글을 한번 쓰겠습니다! 돌아온다!

해피뉴이어~~ 22년도에 시작한 블로그가 10월~부터 삐걱삐걱하면서 글이 뜸했는데, 다시 블로그를 살리려고 토마토를 키우고 있는 잉여입니다. 24년도 잘 부탁드리고 많이 봐주세요. 그나저나 토마토는 가운데에 삐죽 싹이 자라났답니다?! 이제 본격적으로 토마토를 키우는 맛이 생기겠군요!!!

무엇을 기대하셨나요?? 그저 황무지입니다만,,,, 지금쯤 되니 슬슬 걱정되기 시작합니다. 우리 토마토가 자라고 있는건지.... 아니면 발아를 실패했는지,,,, 잘 자라고 있었으면 좋겠지만 몇번의 실패가 있어서 걱정이 되네요 실은 지금 말고도 몇번 토마토를 심었는데 잘 자라지 않고 발아를 못해서 저주받은 땅이 아닐까 생각하고 있는 상태입니다.

모달창 등에서 position을 fixed를 주고 화면을 꽉 채우기 위해서 vh를 100을 주는 경우가 있다. 안드로이드 또는 PC 화면에서는 문제가 없는데 아이폰에서 100vh를 사용하는 경우 사파리에서 아래에 웹사이트 바가 생겨서 깨지는 경우가 발생한다. 이때의 해결 방법으로 window.innerHeight * 0.01 이라는 값을 세팅해서 선언해준다고 한다. 그리고 document에 스타일 속성을 줘서 넣어준 다음 해결하는 방법이 일반적인 방법이다. let vh = 0; useEffect(() => { vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', `${vh}px`); }, []); // 사용 h..

당연히 변화가 있을리가 없다 ㅋㅋㅋㅋ 그렇다고 안쓰면 심심하기 때문에 우리 토토가 자라고 있는 흙 사진을 찍어서 올린다!! 나중에 이 흙에서 나도 모르게 싹이 자라고 있겠지?