모바일 지원

프로젝트/블로그 만들기 - NETAM
NETAMlog[4] 검색 기능과 에러덩어리 이미지 컴포넌트
오늘의 한 일 오늘은 검색 기능을 완성시켰다. 코드는 Brad Traversy's Devspace에서 가져와 일정 부분 내 필요에 맞게 고쳤다. 그리고 본문에서 검색하는 것도 일단은 빠르게 계산할 수 있을 것 같아서 결국 마크다운 파일 자체를 파싱하는 것과 다름없다.(그러고 보니 나중에 vercel로 deploy하고 나면 이렇게 하기 힘들거 같은데 따로 방법을 찾아봐야겠다.) Z-index는 이상하다 이전 글에 katex가 목차 위로 렌더링되는 현상이 있었는데 이번에는 이미지가 그런 현상을 일으키길래 원래 이런 일을 담당하는 z-index에 대해 더 깊게 알아보았다. 알고보니 부모 태그가 자식의 z-index를 막지 않아야 하며 position이 z-index와 함께 설정되어 있어야 한다는 것이다..
→2021.10.01
프로젝트/블로그 만들기 - NETAM
NETAMlog[3] 드디어 진전이...? 모바일 지원
오늘의 한 일 오늘 메인으로 한 일은 모바일 지원입니다. 아직 할일이 많이 남았고 안 만든 페이지도 많은데 이건 비교적 천천히 해도 되는 일이라 가장 중요한 블로그 페이지와 네비게이션을 사이즈에 맞게 조정되도록 했습니다. 보시다시피 디자인 자체는 간단하고 좌측 상단의 아이콘을 통해 토글할 수 있습니다. 이 부분에서 시간을 많이 잡아먹었는데 여기엔 두 가지 이유가 있습니다. 첫 번째로는 이거 어떻게 만들지 찾다가 결국 그냥 useState로 버튼 만드는 방법을 자각하는데 시간이 많이 들었습니다. 리액트에 좀 더 익숙해질 필요가 있나 봅니다. 두 번째로는 화면 크기가 변할 때 네비게이션이 자동으로 열리는 것이었습니다. 이제와서 생각해보면 굳이 유저가 화면 크기를 조절할 필요가 있을까 싶지만 어쨌든 이런 디테..
→2021.09.25

• 이전
• 1
• 다음