서비스명

<aside> 💡 서비스 소개

</aside>

🚀 Stacks

BACKEND

<aside> <img src="https://img.icons8.com/?size=100&id=A3Ulk2RcONKs&format=png&color=000000" alt="https://img.icons8.com/?size=100&id=A3Ulk2RcONKs&format=png&color=000000" width="40px" /> Spring

</aside>

<aside> <img src="https://img.icons8.com/?size=100&id=A3Ulk2RcONKs&format=png&color=000000" alt="https://img.icons8.com/?size=100&id=A3Ulk2RcONKs&format=png&color=000000" width="40px" /> Spring Data JPA

</aside>

<aside> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTtncIJKOnQTU-M7OR31XuKG1G3NpgWnBY8G58OiPKrrd8JC-0ezjLBSSx164M0qDKF6sY&usqp=CAU" alt="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTtncIJKOnQTU-M7OR31XuKG1G3NpgWnBY8G58OiPKrrd8JC-0ezjLBSSx164M0qDKF6sY&usqp=CAU" width="40px" /> MySQL

</aside>

<aside> <img src="https://img.icons8.com/?size=100&id=pHS3eRpynIRQ&format=png&color=000000" alt="https://img.icons8.com/?size=100&id=pHS3eRpynIRQ&format=png&color=000000" width="40px" /> Redis

</aside>

FRONTEND

<aside> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRnL6RSvqGaQKadF4Q5q2rnCpSrFH1atFw9eVYNarpROZUrqbbtuducsFRacmVkd28DKWw&usqp=CAU" alt="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRnL6RSvqGaQKadF4Q5q2rnCpSrFH1atFw9eVYNarpROZUrqbbtuducsFRacmVkd28DKWw&usqp=CAU" width="40px" /> React

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/3c793912-0294-456e-ba59-f7da91aea06d/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/3c793912-0294-456e-ba59-f7da91aea06d/246e5bf0-1549-49d0-af01-05da5d24a10e/pngwing.com_(3).png" width="40px" /> HTML

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/3c793912-0294-456e-ba59-f7da91aea06d/5e68322b-c560-4299-9d9c-1b80fc230e0e/pngwing.com_(1).png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/3c793912-0294-456e-ba59-f7da91aea06d/5e68322b-c560-4299-9d9c-1b80fc230e0e/pngwing.com_(1).png" width="40px" /> CSS(SCSS)-미정

</aside>

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/3c793912-0294-456e-ba59-f7da91aea06d/7af6be04-2c26-4550-8d24-86f0f8ece3c0/tsImg.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/3c793912-0294-456e-ba59-f7da91aea06d/7af6be04-2c26-4550-8d24-86f0f8ece3c0/tsImg.png" width="40px" /> TypeScript

</aside>

🛠  Tools

<aside> <img src="https://cdn-icons-png.flaticon.com/512/5968/5968705.png" alt="https://cdn-icons-png.flaticon.com/512/5968/5968705.png" width="40px" /> Figma

</aside>

<aside> <img src="https://git-scm.com/images/logos/downloads/Git-Icon-1788C.png" alt="https://git-scm.com/images/logos/downloads/Git-Icon-1788C.png" width="40px" /> Git

</aside>

<aside> <img src="https://cdn-icons-png.flaticon.com/512/5968/5968520.png" alt="https://cdn-icons-png.flaticon.com/512/5968/5968520.png" width="40px" /> Jira

</aside>

<aside> <img src="https://cdn-icons-png.flaticon.com/512/5968/5968525.png" alt="https://cdn-icons-png.flaticon.com/512/5968/5968525.png" width="40px" /> Premiere Pro

</aside>

👥  Collaboration

<aside> <img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" alt="https://cdn-icons-png.flaticon.com/512/25/25231.png" width="40px" /> GitHub

</aside>

<aside> <img src="https://cdn.icon-icons.com/icons2/2389/PNG/512/notion_logo_icon_145025.png" alt="https://cdn.icon-icons.com/icons2/2389/PNG/512/notion_logo_icon_145025.png" width="40px" /> Notion

</aside>

<aside> <img src="https://play-lh.googleusercontent.com/f53VUGb1Y_StvGPjVEscmN-kNmja8H3LQly3L-jy8prR8CLRDR1OKuIAmkSq1gsGXvza" alt="https://play-lh.googleusercontent.com/f53VUGb1Y_StvGPjVEscmN-kNmja8H3LQly3L-jy8prR8CLRDR1OKuIAmkSq1gsGXvza" width="40px" /> MatterMost

</aside>

• 고민
  • 프로젝트에 적합한 기술스택을 고를 것!
• 상태관리나 라이브러리
  • 서버 상태관리
    • react-query
    • SWR
  • 무한스크롤
    • react-query
• React vs. Next.js
  • 상호작용 하는게 더 많을 거 같아서 React 선호
• CSS
  • tailwind
    • 안써봐서
    • 커스터마이징이 힘든편
      • 이미 있는 class를 사용해야함
    • 가독성이 안좋음
  • SaSS
    • css를 따로 빼서 사용함
    • 컴포넌트에 맞는 css가 계속 생겨서

(자유롭게 삭제, 변경)

노션 아이콘 참고

무료 벡터 아이콘 — 1,358,800개의 아이콘 다운로드 (SVG, PNG)