profile
프론트엔드 개발자
post-thumbnail

[iOS/Android] 커뮤니티 앱 심사 리젝(Reject) 사유 정리 및 배포 후기

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

2022년 5월 1일
·
0개의 댓글
post-thumbnail

[React Native] Webview에 Stack Navigation 적용하기

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

2022년 2월 5일
·
0개의 댓글
post-thumbnail

주니어 프론트엔드 개발자의 2021 회고

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

2022년 1월 2일
·
2개의 댓글
post-thumbnail

[React] Infinite Scroll 구현 (IntersectionObserver)

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

2021년 12월 4일
·
0개의 댓글
post-thumbnail

[React] ErrorBoundary 사용하여 에러 핸들링 하기

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

2021년 10월 30일
·
0개의 댓글
post-thumbnail

[Next js] Serverless + Github Actions으로 Next js 배포 및 자동화(CI/CD)하기

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

2021년 9월 24일
·
0개의 댓글
post-thumbnail

[React Hook Form] useRef 연결하여 사용하기

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

2021년 8월 16일
·
1개의 댓글
post-thumbnail

[React + Javascript] 뒤로가기 막기(이벤트 최소화)

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

2021년 7월 31일
·
0개의 댓글