개발자 커리어를 한 곳에서 관리해요 DEVELOG

---

🤩주요 서비스

Markdown Editor - 모든 글을 이것 하나로 관리가 가능합니다.

Login - GitHub, Kakao를 통해 로그인 할 수 있습니다!

블로그 - 오늘은 무엇을 배웠는지 정리하고, 다른 개발자와 공유해요.

포트폴리오 관리 - 내 개발 커리어의 꽃, 포트폴리오를 한 곳에서 관리해요.

깃허브 연동 - 내 깃허브를 다른 개발자들에게 자랑하고 공유해요.

소개 - 나는 어떤 개발자인지, 무엇을 목표로 개발하는지 자신을 소개해 보세요.

---

📌 프로젝트 소개

Develog는 기본적으로 모바일 반응형과 Dark Mode를 지원합니다

Markdown Editor

       

기본적인 디자인은 Velopert 님의 Velog 서비스를 Clone 하였습니다.

Tool Bar

**기능**

1. Tool Bar를 이용해서 한번에 작성중인 문서를 편집할 수 있습니다. (Bold, Italic, Header, Quote, Check Box, Img, Table, Code 등)
2. Tool Bar를 이용한 문서 편집 시 Cursor를 자동으로 상황에 맞게 이동시켜 바로 작업에 돌입할 수 있습니다! (편집 방식에 따라 상이)
3. 문서에 Tag를 추가하여 검색 시 편리하고, 문서들을 세부적으로 분류할 수 있습니다.
4. 글을 작성하면 바로바로 Preview틀 통해 실시간으로 확인할 수 있습니다!
5. Text의 변화가 있다면(Header, Bold, Italic 등) 글의 작성란에도 반영이 됩니다.
6. Drag and Drop 및 파일 선택으로 Img를 바로 호스팅하고 글에 적용할 수 있습니다. (Imgur API 사용)
7. 표(Table) 추가를 시각적으로 편리하게 할 수 있습니다. (아래 사진 참고)

       

소개 페이지

       

주기적으로 Animation과 함께 변하는 소개 문구입니다.

아래의 v 모양 화살표를 누르면 Develog를 소개하기 위한 Scroll Animation이 시작됩니다!

Scroll Animation으로 Develog에 대해서 소개하고 있습니다.

Scroll Animation이 궁금하신 분은 아래 동영상 링크를 확인해주세요! (현재 동영상 업로드 작업 중)