🎯 Intro Next.js 를 꽤 오랜 기간 사용하다 보니 프론트에서 서버(getServerSideProps, getInitialProps)를 사용할 수 있는 점 이 상당히 매력적이라는걸 느끼는 것 같다. 위 두 가지 방식(getServerSideProps, g

2022년을 시작하면서 마음이 맞는 주니어들끼리 모여서 사이드 프로젝트를 새롭게 시작하였다.부트캠프 출신 개발자들을 타겟으로 하는 인증 기반의 커뮤니티를 주제로 사이드 프로젝트를 진행하였는데, 그 과정에서 앱 배포가 꼭 필요해서 내가 앱 부분을 맡아서 하기로 했다.기술

🎯 Intro 최근 사이드 프로젝트에서 앱 개발이 필요해 하이브리드 앱 을 만들고 있는데, React Native 와 Webview 를 이용하여 앱을 구현하고 있다. 웹뷰 기반의 하이브리드앱을 구현하면서 여러 문제에 부딪혔었는데, 대부분은 구글링의 힘으로 해결이

Intro > 2021년은 SSAFY 수료, 취업이라는 키워드가 있어 나에게 참 의미가 많은 1년이었다. > >제목은 2021 회고이지만, 비전공에서 개발자라는 꿈을 향해 달려왔고, 그 결과로 주니어 개발자가 되고 첫 회고인만큼 사실상 2019 ~ 2021까지의 생각

Infinite Scroll 은 말그대로 무한한 스크롤을 의미한다. 스마트폰이 대중화 되면서, 모바일웹이나 앱에서 페이지네이션을 통한 데이터 더 불러오기 방식은 사용자에게 큰 불편함을 불러일으킨다. 인피니티 스크롤은 이러한 관점에서 작은 스크린에서 단순 스크롤로 데이터

📌 Intro React는 16 버전부터 앱의 하위 컴포넌트 트리에서 발생하는 자바스크립트 에러를 기록하며 깨진 컴포넌트 트리 대신 폴백 UI를 보여주는 ErrorBoundary라는 개념을 도입하였다. ErrorBoundary를 통해 컴포넌트에서 에러가 발생했을

Next js 는 CSR과 SSR이 결합되어 있는 형태(나아가서 SSG까지..)라 다른 프론트 프로젝트 배포보다 신경 써야 할 일이 많다. Next js로 만든 웹 애플리케이션을 배포하고, CI/CD를 통한 자동화를 하는 방법은 크게 다음과 같이 나눌 수 있을 것이

React-use-Form을 사용하다 보면, useRef를 연결하여 사용할 일(스크롤 관련이나, 포커싱 관련 이벤트를 처리할 때)이 종종 있다.예를 들어, textarea의 인풋 창을 수정할 때 value의 높이에 따라 textarea의 크기를 조절할 때가 있다.

사용자가 뒤로가기를 눌렀을 때, 이를 막는 팝업을 띄우는 이슈를 처리할 일이 생겼다.