2025/07/11 2

🌐 리액트 프로젝트 초기세팅

⚛️ 초기세팅리액트 프로젝트를 위해서 react + vite + pnpm을 사용하여 초기세팅을 해줬다.일단, 사이즈를 반응형으로 적용되도록 px 말고 rem으로 사용하고, user, 사장님 페이지를 나눠서 관리를 해야 하는데, user는 앱화면, 사장님은 웹 화면으로 구성해야 했기에 react-router-dom의 oulet을 사용하여 layout으로 관리하기로 했다. PX to REM converter (instantly and bidirectional) PX to REM converter (instantly and bidirectional)PX ↔︎ REM conversion tables PixelsREM1px0.06rem2px0.13rem3px0.19rem4px0.3rem5px0.3rem6px0.4..

LOOPy's Project Hub 2025.07.11

🧠프로젝트를 위한 Github Flow 이해

🐈‍⬛ Git 브랜치 전략 여러 개발자가 하나의 저장소를 사용하는 환경에서 저장소를 효과적으로 활용하기 위한 work-flow다. 브랜치 생성에 규칙을 만들어서 협업을 유연하게 함. 🐈‍⬛ 2가지 브랜치 전략협업에서 효율성을 높이기에 아주 좋은 방식인데 그 중 가장 많이 쓰이는 게 git-flow, github-flow 전략이다. - Git-flow기본적인 가지의 이름은 아래의 5가지로 구분하곤 한다.feature > develop > release > hotfix > master위 순서들은 왼쪽으로 갈수록 포괄적인 가지이며 master branch를 병합할 경우 그 왼쪽에 있는 hotfix 등 모든 가지들에 있는 커밋들도 병합하도록 구성하게 된다.5가지 중, 항시 유지되는 메인 브랜치 maste..

LOOPy's Project Hub 2025.07.11