<aside> 💡 README에는 아래와 같은 형태로 적어주면 되겠다. 뱃지를 쓸지 도식을 쓸지는 고민을 더 해봐야할 것 같다.

Wiki의 경우에는 README와 텍스트 디자인을 동일하게 맞춰줄 수 있겠다. 다만 README는 간략함이 중점이라면 Wiki는 줄글을 읽기 쉽게 하자. Wiki까지 와서 읽을정도라면 일정 수준 이상의 길이여도 괜찮을 것 같다. 그렇기 때문에 단순히 핵심 도전 과제 뿐만 아니라 과정이나 트러블 슈팅을 담아도 괜찮을 것 같다.

Notion의 경우에는 뱃지가 이미지 형태로 들어가기 때문에 뱃지보다는 도식이 낫겠다. CloudCraft가 화려해보일 수는 있으나 사용중인 기술스택에 대해 명시도가 떨어진다. 차라리 분야별로 아이콘을 크게 넣어주는게 나을 수 있겠다.

Notion에서는 README - Wiki와 관계와 같이 데이터베이스 갤러리를 사용해도 괜찮을 것 같다. Notion 외부에서 Notion 접근은 귀찮더라고해도 Notion 내부의 페이지 이동의 유저의 불편함은 적은 편이다.

임팩트 있는 트러블 슈팅이나 기술적으로 고민한 부분이 있다면, Notion에는 적어줘도 괜찮을 것 같다. Notion은 Github과 달리 텍스트나 컨텐츠의 시각적인 디자인이 잘되어있어서 피로감이 적다. 다만 장황한 건 피하도록 해야겠다.

팀 소개는 개인적으로 마지막이 맞다고 생각한다. 심사위원이나 채용담당을 하는 사람들이 역량이 아니라 사람에 대한 소개를 먼저 읽는건 피곤할 뿐이다. 차라리 기술과 도전을 잘 보여주어서 궁금증을 가지게 만드는 것이 전환율이 높아질 것이라고 생각된다.

⇒ Notion을 먼저쓰고 거기에 맞추어 README와 Wiki를 작성하는 것이 효율성 면에서 나을 것이라고 판단된다.

</aside>

/ 참고한 6기 프로젝트 레퍼런스

‣

‣

‣

기술스택 뱃지

### 프론트엔드

---

![Typescript](<https://img.shields.io/badge/Typescript-3178C6.svg?style=for-the-badge&logo=Typescript&logoColor=white>)
![React](<https://img.shields.io/badge/React-61DAFB.svg?style=for-the-badge&logo=React&logoColor=white>)
![NextJS](<https://img.shields.io/badge/Next.js-000000.svg?style=for-the-badge&logo=Next.js&logoColor=white>)
![ReactQuery](<https://img.shields.io/badge/ReactQuery-FF4154.svg?style=for-the-badge&logo=React-Query&logoColor=white>)
![Axios](<https://img.shields.io/badge/Axios-5A29E4.svg?style=for-the-badge&logo=Axios&logoColor=white>)
![Sass](<https://img.shields.io/badge/Sass-CC6699.svg?style=for-the-badge&logo=Sass&logoColor=white>)
![ESLint](<https://img.shields.io/badge/ESLint-4B32C3.svg?style=for-the-badge&logo=ESLint&logoColor=white>)
![Prettier](<https://img.shields.io/badge/Prettier-F7B93E.svg?style=for-the-badge&logo=Prettier&logoColor=black>)

### 백엔드

---

![java](<https://img.shields.io/badge/java-007396.svg?style=for-the-badge&logo=java&logoColor=white>)
![Spring](<https://img.shields.io/badge/Spring-6DB33F.svg?style=for-the-badge&logo=Spring&logoColor=white>)
![SpringBoot](<https://img.shields.io/badge/SpringBoot-6DB33F.svg?style=for-the-badge&logo=Spring-Boot&logoColor=white>)
![MySQL](<https://img.shields.io/badge/MySQL-4479A1.svg?style=for-the-badge&logo=MySQL&logoColor=white>)
![JPA](<https://img.shields.io/badge/JPA-6DB33F.svg?style=for-the-badge&logo=Spring&logoColor=white>)
![JUnit5](<https://img.shields.io/badge/JUnit5-25A162.svg?style=for-the-badge&logo=JUnit5&logoColor=white>)

### ETC

---

![NGINX](<https://img.shields.io/badge/NginX-009639.svg?style=for-the-badge&logo=NGINX&logoColor=white>)
![Github](<https://img.shields.io/badge/Github-181717.svg?style=for-the-badge&logo=Github&logoColor=white>)
![GithubActions](<https://img.shields.io/badge/GithubActions-2088FF.svg?style=for-the-badge&logo=Github-Actions&logoColor=white>)
![Naver](<https://img.shields.io/badge/nCloud-03C75A.svg?style=for-the-badge&logo=Naver&logoColor=white>)
![Postman](<https://img.shields.io/badge/Postman-FF6C37.svg?style=for-the-badge&logo=Postman&logoColor=white>)
![Figma](<https://img.shields.io/badge/Figma-F24E1E.svg?style=for-the-badge&logo=Figma&logoColor=white>)
![Notion](<https://img.shields.io/badge/Notion-000000.svg?style=for-the-badge&logo=Notion&logoColor=white>)
![Slack](<https://img.shields.io/badge/Slack-4A154B.svg?style=for-the-badge&logo=Slack&logoColor=white>)

프로젝트 소개

데모영상

전체

랜딩페이지 스크롤이벤트

키워드 자동완성

키워드 추천

데이터 시각화

기술스택 : 뱃지 누르면 이동? 하단에 선정 이유 토글?

⇒ 노션과 같은 이미지를 사용하고, 선정 이유는 중요한 것들만 토글로 띄워준다.