{"id":17553826,"url":"https://github.com/ddongule/ddongule-simple-portfolio","last_synced_at":"2025-07-06T16:34:58.759Z","repository":{"id":41889085,"uuid":"379993641","full_name":"ddongule/ddongule-simple-portfolio","owner":"ddongule","description":"🪜 Portfolio for Developers! Make your own portfolio Simple and Fast!","archived":false,"fork":false,"pushed_at":"2024-01-18T14:31:24.000Z","size":3848,"stargazers_count":115,"open_issues_count":6,"forks_count":16,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-14T09:51:10.917Z","etag":null,"topics":["cra","javascript","react","scss"],"latest_commit_sha":null,"homepage":"https://www.simple-portfolio.ddongule.com/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ddongule.png","metadata":{"files":{"readme":"README.ko.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-06-24T16:50:55.000Z","updated_at":"2024-12-18T06:11:50.000Z","dependencies_parsed_at":"2024-11-01T03:01:59.717Z","dependency_job_id":"55e10bf1-9391-4b2d-8983-aaef4d54adf4","html_url":"https://github.com/ddongule/ddongule-simple-portfolio","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ddongule/ddongule-simple-portfolio","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddongule%2Fddongule-simple-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddongule%2Fddongule-simple-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddongule%2Fddongule-simple-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddongule%2Fddongule-simple-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ddongule","download_url":"https://codeload.github.com/ddongule/ddongule-simple-portfolio/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ddongule%2Fddongule-simple-portfolio/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260474262,"owners_count":23014687,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cra","javascript","react","scss"],"created_at":"2024-10-21T06:43:48.185Z","updated_at":"2025-06-18T02:33:25.939Z","avatar_url":"https://github.com/ddongule.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"./public/readme/images/ddongule-simple-portfolio.png\" alt=\"logo\"/\u003e\n\u003c/div\u003e\n\u003cbr /\u003e\n\u003cdiv align=\"center\"\u003e\n\u003ca href=''\u003e\n  \u003cimg src='https://img.shields.io/badge/license-MIT-red' alt='license' /\u003e\n  \u003cimg src='https://img.shields.io/badge/version-1.0.0-yellow' alt='license' /\u003e\n \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e✨ 빠르고 쉽게 당신의 포트폴리오를 만들어보세요! ✨\u003c/div\u003e\n\u003cbr /\u003e\n\n# 💫 ddongule-simple-portfolio\n\n🌟 ddongule-simple-portfolio는 개발자를 위한 간단한 포트폴리오 템플릿입니다! 이 템플릿을 커스터마이징해 자신만의 포트폴리오를 만들어보세요! 코드를 보지 않아도 괜찮아요! `db.json`와 `이미지`, `마크다운`을 편집하면 끝나요!\n\n## 💛 예시 보러가기 👉 ([ddongule's portfolio](https://www.ddongule.com))\n\n## 🌿 기능\n\n- 🔥 한 페이지에 모든 것을 담았어요!\n- 🔥 반응형으로 만들어졌어요.\n- 🔥 다크모드/라이트모드가 있어요!\n- 🔥 다국어 지원(한국어/영어)\n\n## 🪜 어떻게 사용하나요?\n\n### 1. 이 레포지토리를 클론받으세요.\n\n```\n$ git clone https://github.com/ddongule/ddongule-simple-portfolio\n```\n\n### 2. 리포지토리 안에 들어가세요.\n\n```\n$ cd ddongule-simple-portfolio\n```\n\n### 3. 디펜던시를 다운받고, 서버를 시작하세요!\n\n- NPM 사용\n\n  ```\n  $ npm install\n\n  $ npm start\n  ```\n\n- Yarn 사용\n\n  ```\n    $ yarn\n\n    $ yarn start\n  ```\n\n### 4. 🌎 포트폴리오를 만들러 떠나볼까요홍홍\n\n## 🚀 빠르게 시작하기!\n\n\u003e 만약 아래의 내용 중 필요없으신 부분이 있다면 `db.json`에서 Section을 지워버리세요! 그래도 잘 돌아갈거에요!\n\n- 예시)\n  `db.json`에서 사용하고 싶은 Section만을 빼놓고 나머지를 지워보세요. 아래처럼요! `aboutMe`와 `timestamp`만 사용하고 싶으시다면, 이렇게 작성하시면 돼요!\n\n  - `src/db.json`\n\n    ```\n      {\n        \"aboutMe\": {\n          \"name\": \"그루밍\",\n          \"nickName\": \"nickName!\",\n          \"profileImg\": \"../assets/images/me.gif\",\n          \"email\": \"mnk918p@gmail.com\",\n          \"githubUrl\": \"https://github.com/ddongule\",\n          \"blogUrl\": \"https://mingule.tistory.com/\",\n          \"linkedInUrl\": \"https://www.linkedin.com/\"\n        },\n\n        \"timestamp\": [\n          {\n            \"title\": \"우아한 횽제들\",\n            \"when\": \"21.12 ~ \",\n            \"organizer\": \"우아한 횽제들\",\n            \"tags\": [\"company\"]\n          }\n        ]\n      }\n    ```\n\n### 🇰🇷🇺🇸 0. 기본 언어를 고르세요!\n\n초기 언어는 **영어**로 선택되어 있습니다!\n\n**🔥 한국어/영어 중 기본 언어를 고르실 수 있습니다.**\n\n  \u003cimg src=\"./public/readme/images/language-select.png\" alt=\"example-image\"/\u003e\n\n- `/src/db.json`로 가세요.\n\n  #### 🇺🇸 [Default] 기본 언어를 영어로 세팅하기.\n\n  ```\n      \"meta\": {\n        ...\n        \"defaultLanguage\": \"English\"\n        ...\n      }\n  ```\n\n  #### 🇰🇷 기본 언어를 한국어로 세팅하기.\n\n  \u003e 아래 코드를 그대로 복사, 붙여넣기 하시면 됩니다! (대/소문자를 구별하기 때문에 오타가 생기면 동작하지 않을 수 있습니다.)\n\n  ```\n      \"meta\": {\n        ...\n        \"defaultLanguage\": \"Korean\"\n        ...\n      }\n  ```\n\n### 👉 1. Main Title Section.\n\n  \u003cimg src=\"./public/readme/images/mainTitle.png\" alt=\"example-image\"/\u003e\n\n- `/src/db.json`로 가세요.\n\n  ```\n      \"aboutMe\": {\n        ...\n        \"nickName\": \"type your own title!\"\n        ...\n      }\n  ```\n\n### 👉 2. About Me Section.\n\n  \u003cimg src=\"./public/readme/images/AboutMe.png\" alt=\"example-image\"/\u003e\n\n#### Main Image 바꾸기\n\n1. `/public/assets/images`에 사용하실 이미지를 넣으세요.\n\n   - `jpg`, `gif`, `png`\n\n2. `/src/db.json`로 가세요.\n   ```\n     \"aboutMe\": {\n       ...\n       \"profileImg\": \"../assets/images/yourImageFileName\"\n       ...\n     }\n   ```\n\n#### Introduction Text 바꾸기\n\n- `/src/assets/static/markdown/aboutMySelf.english.md`로 가세요.\n\n  - (+) 한국어 버전을 사용하시려면, `aboutMySelf.korean.md`도 바꾸어 주셔야 합니다.\n\n  \u003e **Markdown으로 작성해보세요! 그럼 아래처럼 보일거에요!**\n\n  \u003cimg src=\"./public/readme/images/example-markdown.png\" alt=\"example-image\"/\u003e\n\n  \u003e 결과는..?! 두근두근 세근네근 💛\n\n  \u003cimg src=\"./public/readme/images/example.png\" alt=\"example-image\"/\u003e\n\n  1. h1, h2, h3 사용하기\n\n     ```\n       # h1\n\n       ## h2\n\n       ### h3\n     ```\n\n  2. 하이라이트가 있는 굵은 글씨 사용하기\n\n     - yellow\n\n       ```\n         **Hi, my name is ddongule**\n       ```\n\n     - red\n       ```\n         +R+Hi, my name is ddongule+R+\n       ```\n     - blue\n\n       ```\n         +B+Hi, my name is ddongule+B+\n       ```\n\n     - green\n       ```\n         +G+Hi, my name is ddongule+G+\n       ```\n\n  3. 엔터 치기\n\n     ```\n       \u003cbr /\u003e\n     ```\n\n  4. 코드블록 사용하기\n\n     ```\n       `React.js`\n       `HTML/CSS(SASS)`\n       `Javascript`\n     ```\n\n  5. 흑백 체크리스트 사용하기\n\n     ```\n       \u0026 Check List(Black \u0026 White)\n     ```\n\n  6. 색깔이 있는 체크리스트 사용하기\n\n     ```\n       - Check List(Black \u0026 White)\n     ```\n\n  7. 순서가 있는 리스트 사용하기\n\n     ```\n       1. Ordered List\n       2. Ordered List\n       3. Ordered List\n       4. Ordered List\n     ```\n\n  8. 링크 삽입하기\n\n     ```\n       [보여줄 내용](https://www.your.link)\n     ```\n\n### 👉 3. Skill Sets Section.\n\n  \u003cimg src=\"./public/readme/images/SkillSets.png\" alt=\"example-image\"/\u003e\n\n자신있는 **Skill Sets** 들을 적어보세요!\n\n\u003e ✨ SkillSets Section을 커스터마이징 해봐요!\n\n- `/src/db.json`에 가세요.\n\n```\n\n    \"skillSets\": [\n      {\n        \"category\": \"Front End Skills\",\n        \"skills\": [\n          { \"skill\": \"Javascript\", \"level\": \"5\" },\n          ...\n        ]\n      },\n      ...\n    ]\n\n```\n\n### 👉 4. Projects Section.\n\n  \u003cimg src=\"./public/readme/images/Projects.png\" alt=\"example-image\"/\u003e\n\n**만들어보신 프로젝트**에 대해서 적어보세요!\n\n\u003e ✨ Projects Section을 커스터마이징 해봐요!\n\n- `/src/db.json`에 가세요.\n\n```\n\n    \"projects\": [\n      {\n        \"imgUrl\": \"/assets/images/exmaple.png\",\n        \"githubUrl\": \"https://github.com/ddongule\",\n        \"projectUrl\": \"www.ddongule.com\",\n        \"title\": \"ddongule-simple-portfolio\",\n        \"term\": \"21.02.02 v1.3.0\",\n        \"description\": \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia ..\",\n        \"attribution\": \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia ..\",\n        \"tags\": [] // Even if there are no tags to write, you should leave the empty array as is.\n      },\n      ...\n    ]\n\n```\n\n### 👉 5. Timestamp Section.\n\n  \u003cimg src=\"./public/readme/images/Timestamp.png\" alt=\"example-image\"/\u003e\n\n**걸어온 길**에 대해서 하나씩 적어보세요!\n\n\u003e ✨ Timestamp Section을 커스터마이징 해봐요!\n\n- `/src/db.json`에 가세요.\n\n```\n\n    \"timestamp\": [\n      {\n        \"title\": \"Woowa Sisters\",\n        \"when\": \"21.12 ~ \",\n        \"organizer\": \"Woowa Sisters\",\n        \"tags\": [\"company\"] // Even if there are no tags to write, you should leave the empty array as is.\n      },\n      ...\n    ]\n\n```\n\n### 👉 6. Experiences Section.\n\n  \u003cimg src=\"./public/readme/images/Experiences.png\" alt=\"example-image\"/\u003e\n\n어떤 **경험** 이 있으신지 적어보세요!\n\n\u003e ✨ Experiences Section을 커스터마이징 해봐요!\n\n- `/src/db.json`에 가세요.\n\n```\n\n    \"experiences\": [\n      {\n        \"imgUrl\": \"/assets/images/exmaple.png\",\n        \"title\": \"[Software Engineer] Woowa Sisters Co.\",\n        \"term\": \"21.02 - 현재 진행 중\",\n        \"description\": \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia ..\",\n        \"experienceUrl\": \"https://woowacourse.github.io/\"\n      },\n      ...\n    ]\n\n```\n\n### 👉 7. Education Section.\n\n  \u003cimg src=\"./public/readme/images/Education.png\" alt=\"example-image\"/\u003e\n\n어떤 **교육**을 받으셨는지 적어보세요!\n\n\u003e ✨ Education Section을 커스터마이징 해봐요!!\n\n- `/src/db.json`에 가세요.\n\n```\n\n    \"educations\": [\n      {\n        \"title\": \"Woowa University\",\n        \"term\": \"2013.03 - 2017.03\",\n        \"description\": \"[Graduated] Computer Science and Engineering\"\n      },\n      ...\n    ]\n\n```\n\n## 🐞 버그를 찾으셨나요?\n\n- [Issue에 등록해주세요!](https://github.com/ddongule/ddongule-simple-portfolio/issues)\n\n## 이 레포지토리에 기여하고 싶으신가요?\n\n1. **Fork** this repository\n2. **Create** your own branch: `git checkout -b new-feature`\n3. **Add** and **Commit**: `git commit -am 'feat: add new feature`\n4. **Push** to your branch: `git push origin new-feature`\n5. **Submit** a Pull Request!🌟\n\n## License\n\n- [`MIT License`]('./LICENSE')\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fddongule%2Fddongule-simple-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fddongule%2Fddongule-simple-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fddongule%2Fddongule-simple-portfolio/lists"}