개발 일기/ELICE AI 7th 2023. 9. 6.
Cursor based Pagination - Infinite Scroll 구현 (React, Scroll Event)
Cursor based Pagination - Infinite Scroll 구현 (React, Scroll Event) 커서 기반 페이지네이션 구현 과정 - 스크롤 탐지 이벤트로 무한 스크롤 페이지 만들기 엘리스 AI트랙 7기 2차 프로젝트: 채식 장려 커뮤니티 (1) 엘리스 AI 7기 2차 프로젝트를 진행하면서 인피니트 스크롤을 구현했다. 시간이 꽤 지났지만 도전했던 부분들에 대해 하나씩 써보려 한다. 첫 번째로 가장 기억에 남는 무한 스크롤이다. 프로젝트 내 적용된 파일들 - github 바로가기 전체 게시물 페이지 게시물 검색 페이지 게시물 상세 - 댓글 무한 스크롤 Contents 구현 배경 논리 구조 offset 방식 vs cursor 방식 Scroll Event Cursor Based Pagi..
개발 일기/ELICE AI 7th 2023. 7. 3.
엘리스 AI트랙 7기 2차 프로젝트: 채식 장려 커뮤니티 <오채완> (1)
엘리스 AI트랙 7기 2차 프로젝트: 채식 장려 커뮤니티 기획 2023/05/29~2023/06/02 개발 2023/06/03~2023/06/17 프로젝트가 끝나고 꽤 긴 시간이 지났다... 프론트엔드 전반에 걸쳐 손을 안 거친 부분이 없어 어떻게 써야 할지 고민만 하다가 2주가 지나 버렸다. (엄청 지난 줄 알았는데 생각보다 양호함) 미루고 미루다가 서버 이슈로 이전에 발표용/소장용으로 남긴 캡처들로 대신해야 한다.... 일단 서비스 개요와 페이지 구성 정도만 업로드하고, 기술적 구현 부분은 차근차근 올려 보겠다. 분석한 데이터를 바탕으로 인사이트를 얻어 서비스를 구상하고, 이것을 직접 웹사이트에 구현해 보았다. 이전 프로젝트에서 구현했던 것들이 대부분이라 큰 어려움 없이 만들 수 있었지만, 댓글에 답..
개발 일기/ELICE AI 7th 2023. 5. 18.
엘리스 AI트랙 7기 1차 프로젝트: 포트폴리오 공유 웹 서비스 <백투더퓨처>
엘리스 AI트랙 7기 1차 프로젝트: 포트폴리오 공유 웹 서비스 2023/04/24~2023/05/06 개발자 연습생으로서 첫 번째 프로젝트가 끝났다. 프로젝트 시작 직전엔 취업 준비를 병행한답시고 시간을 100% 투자하지 못했어서 강의 진도를 따라가는 것에 급급한 상태였다. 게다가 바로 직전 주말에는 회사 필기와 기사 실기 시험을 봤는데, 일요일 첫 미팅을 마칠 때까지 ‘나만 진도 못 따라잡아서 민폐가 되면 어떡하지…’ 라는 생각만 들었다. 집중할 수 있는 마음가짐을 갖기 위해서 프로젝트와 이후의 엘리스 과정에 신경을 완전히 쏟아야겠다고 다짐했다. 일요일 시험을 보고 나오면서 집에 전화를 걸어 수료 전까지는 1순위 회사들을 제외한 곳들은 지원하지 않고 개발 공부에 집중하겠다고 얘기했다. 지키고 있는진 ..
