본문 바로가기

전체 글25

Spring 무한스크롤 구현 (2) - 오프셋 기반 페이지네이션 이전 글에서 무한스크롤, 커서 기반 페이지네이션에 대해 소개했습니다. 🤔 오프셋 기반은 언제 사용할까? 이전 글에서 언급했던 대로 오프셋 기반 페이지네이션은 커서 기반 페이지네이션에 비해 성능상 떨어집니다. 하지만 이는 offset 값이 커짐에 따라 발생하는 단점이기 때문에 조회할 데이터의 양이 많지 않다면 오프셋 기반 페이지네이션도 충분히 활용할 수 있습니다. 커서 기반 페이지네이션은 정렬 조건이 복잡해지면 복잡해질수록 커서를 선정하는데 어려움이 있습니다. 하지만 오프셋 기반 페이지네이션은 Pageable 인터페이스를 활용해 데이터 정렬을 편리하게 할 수 있습니다. 👉 조회할 데이터가 많지 않거나 정렬 조건이 복잡할 경우 오프셋 기반 페이지네이션을 활용해보자. 🛠 오프셋 기반 페이지네이션 구현 오프셋 .. 2023. 1. 1.

Spring 무한스크롤 구현 (1) - 커서 기반 페이지네이션 🧐 페이지네이션이란? 콘텐츠를 여러 페이지로 나누고, 이전 혹은 다음 페이지로 넘어가거나 특정 페이지로 넘어갈 수 있는 링크를 페이지 상단이나 하단에 배치하는 방법 쇼핑몰 하단, 검색 결과 하단에서 익숙하게 찾아보실 수 있습니다. 🧐 무한스크롤이란? 브라우저 또는 스마트폰에서 스크롤 막대가 하단에 도달하는 것을 방지하는 것을 말합니다. 사용자가 페이지를 더 아래로 스크롤 할 때마다 새로운 콘텐츠가 추가됩니다. 인스타그램 피드, 쇼핑몰 상품 리스트를 아래로 스크롤하다 보면 잠깐의 로딩을 거치고 컨텐츠가 추가되는 경험을 하신적 있죠?! 무한스크롤을 적용한 경우입니다. 🧐 커서 기반이 뭔데? 흔히 무한 스크롤을 구현할 때 두 가지 방법을 사용합니다. 1. 오프셋 기반 페이지네이션 2. 커서 기반 페이지네이션 .. 2023. 1. 1.

Github Actions, AWS CodeDeploy를 활용한 CI/CD - Node.js(2) AWS CodeDeploy를 활용해서 자동 배포를 하기 위해서는 AWS에서 관련 설정들을 해줘야 합니다. 🚀 AWS S3 버킷 생성 Github Actions에서 빌드한 프로젝트를 AWS에 저장하기 위한 S3 버킷이 필요합니다. AWS > S3 > 버킷 > 버킷 만들기를 눌러줍니다. 버킷 이름만 지정한 후 다른 설정들은 그대로 두고 버킷 만들기를 눌러 버킷을 생성해줍니다. 🚀 EC2 IAM 설정 EC2가 S3와 CodeDeploy를 이용할 수 있도록 권한 설정을 해줘야합니다. AWS > IAM > 액세스 관리 > 역할 > 역할 만들기를 눌러줍니다. 위와 같이 선택하고 다음을 눌러줍니다. AWSCodeDeployFullAccess AmazonS3FullAccess 두 가지 권한을 선택해주고 다음을 눌러줍니.. 2023. 1. 1.

Github Actions, AWS CodeDeploy를 활용한 CI/CD - Node.js(1) 🤔 CI/CD란? ⭐️ CI CI는 Continuous Integration의 약자로 지속적인 통합을 의미합니다. 쉽게 말하면 빌드/테스트 자동화 과정이라고 할 수 있는데, CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 발생할 때마다 Build, Test를 수동으로 하지 않아도 프로그램이 자동으로 이러한 과정들을 진행해줍니다. ⭐️ CD CD는 Continuous Delivery 또는 Continuous Deployment의 약자로 지속적인 제공, 지속적인 배포를 의미합니다. CI 과정을 거치면 Build, Test 과정을 모두 거치기 때문에, 배포 단계 전에 애플리케이션에 문제가 없는지 검증이 가능합니다. 문제가 없다는 것이 검증이 되면, 검증된 애플리케이션을 실제 프로덕션.. 2023. 1. 1.

[회고] 2022년을 마무리하며 끄적끄적 2023년도 더욱 열심히 살아가기 위해! 2022년을 돌아보는 시간을 가져보자! 2022년의 키워드는 폭풍 성장이 아닐까 싶다.. 🙊 서버 개발 1년차 벌써 서버 개발을 처음 시작한지 1년하고도 2개월 정도가 지났다. 14개월이라는 시간 동안 성장 하나만을 바라보고 정말 열심히 살아왔는데 돌이켜보면 스스로 대견하다.. 정말 다양한 기술을 처음 접했고 아무것도 모르던 작년과는 비교할 수 없을 정도로 많이 성장했다. 🙊 팀 프로젝트 10회 이상 참여 2021년 10월에 해커톤에 나가면서 서버 개발을 시작했고 몸으로 부딪히며 배우는 것이 빠르게 성장하는 길이라고 생각했다. 그 후로 공모전 중독이냐는 말을 들을 정도로 매일 에브리타임, 캠퍼스픽 공모전을 확인하며 다양한 대회에 참가했다. 팀빌딩 과정에서 팀원을 .. 2023. 1. 1.

[SOPT] 30기 솝커톤 후기 🐷 인트로 SOPT 회원이라면 누구나 참여하고 싶은 솝커톤! 밤새 솝커톤을 마치고 집에 돌아와 최대한 생생한 기억으로 후기를 작성해보려 한다. 코로나 거리두기 제한이 해제됨에 따라 이번 해커톤은 전체 오프라인으로 진행되었다. 인원 수 제한이 있어서 파트 별 선착순으로 신청을 받았는데 다행히도 신청에 성공했다. 다양한 팁 주신 OB 분들 감사합니다.. 🐷 👻 주제 이번 30기 솝커톤은 주제는 일상이었다. 워낙 포괄적인 주제라 다양한 아이디어들이 나오겠다는 생각을 했고 우리 팀은 곧바로 아이데이션에 들어갔다. 우리 팀은 협업 툴인 Notion을 활용해서 아이데이션을 진행했는데, 브레인스토밍을 하듯이 자유롭게 아이디어를 적어나가며 발산하는 과정을 거치고, 아이디어를 추리는 수렴, 최종적인 아이디어 확정, 디벨.. 2022. 12. 31.

[SOPT] 30기 서버파트 합격 후기 이 글은 THE SOPT 30기 서버파트에 최종합격하기까지의 과정과 후기를 담은 글입니다. 제가 그랬던 것처럼 이 글을 읽는 분들에게도 도움이 됐으면 좋겠습니다.. 🤩 🤩 지원 동기 SOPT에서는 파트별로 세미나, 솝커톤, 앱잼과 같은 다양한 활동을 합니다. 열정이 가득한 사람들이 높은 경쟁률을 뚫고 모이기 때문에 완성도 높은 프로젝트에 참여할 기회가 많을 것 같다고 생각했습니다. 백엔드 개발에 입문한 지 5개월밖에 안 됐지만 실력을 키우기 위해 해커톤에 5회 참여하고 스타트업에서 일한 경험도 있기 때문에 이런 열정을 어필한다면 합격할 수 있겠다는 생각으로 지원을 결심하게 됐습니다. 🤩 서류 지원 SOPT 서류는 다른 동아리들에 비해 작성할 내용이 많은 편입니다. 매 기수 다르지만 보통 600-800자 .. 2022. 12. 31.

이전 1 2 3 다음

티스토리툴바