This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
# 아이템 선정 동기
## Getting Started
오픈소스SW입문 뿐만 아니라 학과 내 다양한 강의에서 Git을 활용합니다. 처음에는 홀로 Git을 사용하는 경우가 대부분이지만 학년이 높아질수록, 그리고 소프트웨어공학이나 웹시스템설계와 같은 팀 프로젝트 강의를 수강할수록 여러 명이서 함께 Git을 사용하는 경우가 잦아집니다. 이러한 상황에 놓일 때 여러 명이서 Git을 함께 사용하는 것이 처음이라면, 어떻게 코드를 분담하고 병합할지에 관한 고민과 두려움이 생깁니다. \
따라서 'Git을 전략적으로 사용하기'라는 주제를 통해 이런 어려움을 겪을 학우들에게 도움을 주고자 했습니다. 관련 지식을 조금이라도 알고 난 뒤 앞서 언급한 팀 프로젝트 강의에서 실제 도입해보고, 이를 통해 얻은 경험을 실무에서 펼칠 수 있으면 좋을 것 같다는 생각을 했습니다.
First, run the development server:
# 개발하면서 발생했던 문제점
```bash
개발하면서 발생했던 문제점은 다음과 같습니다.
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
1. 관련 라이브러리 중 fullpage.js를 무료로 사용하려면 GPLv3 license를 준수해야 했습니다. 이는 Marketplace를 지원하지 않는 GitLab 환경에서 사용하기에는 적합하지 않은 라이브러리라고 생각됐습니다. 따라서 full page animation 기능을 스스로 구현해야겠다고 판단했습니다.
2. Full page animation을 구현하던 과정에서 웹의 scroll 및 wheel event를 제어하는 것이 많은 충돌이 발생했습니다. 스크롤이 되지 않거나, 스크롤이 되더라도 페이지가 넘어가지 않는다는 등의 문제가 발생했습니다. 결국 Full page animation을 구현했지만, 매끄럽지 않게 넘어가는 문제가 있습니다.
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
# 감상
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
강의 시간에 배웠던 license 문제를 직접적으로 맞닥뜨리게 되면서, 나의 소스 코드를 공개할 수 있는 환경인지에 대한 여부를 판단하는 경험을 하게 되어 보람찼습니다. 그리고 라이브러리의 기능을 스스로 구현해보면서, 편하게 쓰던 라이브러리를 직접 구현하는 것은 쉬운 일이 아니라는 것도 깨달았습니다. 라이센스가 등록된 라이브러리를 편하게 쓰는 것과 나의 소스코드에 미치는 영향 사이에 trade-off를 잘 고려하면서 개발을 진행해야겠다는 생각이 들었습니다.
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
-[Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-[Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
