준영이의 성장일기(FrontEnd)

이번에는 반응형 디자인 관련하여 발생한 이슈를 해결했던 과정을 정리하고자 한다. 네이버에 다니시는 선배님의 피드백이 있었는데 카카오톡에서 발췌한 일부 내용은 다음과 같았다. 특히 말씀해주신 이슈들중에서 1번 이슈에 대해서 해결했던 과정을 정리하고자 한다. 모바일 디바이스 기반에서 메인화면을 스크롤을 했을때 빈 흰 화면이 보이는 이슈가 있는거 같다.  위에 상술한 문구가 이해가 안간다면 해당 화면을 보면 이해할 수 있다.  body { height: 100dvh; overflow: hidden;} 일단 메인페이지의 상위 요소인 body에 스크롤을 방지하고자 overflow: hidden을 적용하였고 뷰포트의 높이를 동적으로 조절하고자 100dvh로 설정하였다. 다만 이렇게 할 경우 발생하는 문제는 만약..

2024년 9월부터 본격적으로 서류를 넣어본 나 😂. 주변 선배들이나 취업을 하신 현업자들의 말을 들어보면 4학년 2학기부터 지원을 해봐야 좋다고 말하셨다. 이번 하반기에 덤벼 보면서 다들 어떤 의미로 말씀 해주셨는지 알 수 있었던 2024년 하반기 였다 ㅎㅎ 서류는 대략 120+개를 넣었고 서류합격은 대략 20+개 정도 한거 같다. 주변 개발자 분들과 취준 단톡방에 물어보니 서류 합격률이 높은 편이라고 하셨다.. 그래서 나름 위안?을 가지기는 했지만 IT 직군의 취업 난이도를 알 수 있었던 2024년 하반기 였다. 이번 하반기에 지원함으로써 나의 약점과 부족한 점(ex. 코딩테스트)을 알 수 있었고 이런 점 때매 4학년 2학기부터 지원을 해보라고 하는거구나를 몸소 느꼈다. 인생에서 판교를 가볼까? 이..

https://react-query.kro.kr/docs/guides-and-concepts/prefetching-router-integration Prefetching & Router Integration – React Query 한글 문서Nextra: the next docs builderreact-query.kro.kr 오늘은 총 2개의 블로그를 작성하게 됐는데 해당 내용은 특히 우리 프로젝트에 적용해서 성능을 개선할 수 있겠다는 강한 느낌과 확신을 받았다.  현재 위에 Tab을 보면 달력 ~ 서재 까지 4개의 Tab이 존재하고 각각 라우팅에 따라서 해당 페이지의 컴포넌트가 렌더링 된다. 달력 페이지로 라우팅을 시도할 때 다른 페이지와 다르게 일정 시간 렌더링의 지연이 있는것을 발견했다. 나는 특히..

https://react-query.kro.kr/docs/guides-and-concepts/optimistic-updates Optimistic Updates – React Query 한글 문서Nextra: the next docs builderreact-query.kro.kr 이번에 정리해볼 내용은 tanstack-query 개념 중 하나인 Optimisitc Update에 대해서 정리하고자 한다. 공식문서 챕터를 읽어보면서 내가 진행하고 있는 프로젝트에 적용해볼 좋은 기술임을 느꼈고 이번 기회를 통해서 정리하게 되었다. 나는 사용자 경험 개선에 관심이 많기 때문에 해당 내용이 재밌게 술술 읽혔다.  개념: '낙관적 업데이트' 라고 하며 서버의 실제 응답을 기다리지 않고, 예상되는 결과를 미리 UI에..