Skip to content

[#32] feat : 로고 적용#33

Merged
IISweetHeartII merged 1 commit intodevfrom
feature/#32-apply-logo
Jan 10, 2026
Merged

[#32] feat : 로고 적용#33
IISweetHeartII merged 1 commit intodevfrom
feature/#32-apply-logo

Conversation

@IISweetHeartII
Copy link
Contributor

작업 내용

BONBON 로고를 프로젝트 전반에 적용

변경 사항

  • index.html: OG 태그, Twitter Card, favicon, meta description 추가
  • Header.tsx: 가로 로고(logo-horizontal.svg) 적용
  • 로고 파일 정리 및 이름 변경
    • 타이포+심볼 로고.svglogo-symbol.svg
    • 가로로고.svglogo-horizontal.svg
  • 레거시 파일 삭제
    • public/vite.svg
    • src/assets/icons/graybox.svg

테스트

  • 로컬 테스트 완료

Closes #32

@vercel
Copy link

vercel bot commented Jan 10, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
fe4 Ready Ready Preview, Comment Jan 10, 2026 8:13pm

@gemini-code-assist
Copy link

Summary of Changes

Hello @IISweetHeartII, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

이 PR은 BONBON 프로젝트의 브랜딩을 강화하기 위해 새로운 로고를 통합하고 웹사이트의 메타데이터를 업데이트하는 데 중점을 둡니다. 이를 통해 사용자 경험을 향상시키고 검색 엔진 최적화 및 소셜 미디어 공유 시 웹사이트의 시각적 표현을 개선합니다.

Highlights

  • BONBON 로고 전반적인 적용: 프로젝트 전반에 BONBON 로고를 적용했습니다.
  • 메타 태그 업데이트: index.html에 OG 태그, Twitter Card, 파비콘, 메타 설명을 추가하여 SEO 및 소셜 공유 기능을 개선했습니다.
  • 헤더 로고 변경: Header.tsx에서 기존 로고를 가로형 BONBON 로고로 교체했습니다.
  • 로고 파일 정리: 로고 파일들의 이름을 변경하고, 더 이상 사용하지 않는 레거시 파일을 삭제하여 프로젝트 구조를 깔끔하게 정리했습니다.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

메타 태그의 이미지 경로, SVG 에셋의 ID 명명 규칙 및 파일 중복에 대한 몇 가지 개선점을 제안합니다.

<meta property="og:type" content="website" />
<meta property="og:title" content="BONBON - 굿게임" />
<meta property="og:description" content="소통이 어려운 커플들을 위한 갈등 중재 서비스" />
<meta property="og:image" content="/logo.svg" />

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

high

og:image 메타 태그에는 상대 경로 대신 절대 경로를 사용하는 것이 좋습니다. 소셜 미디어 플랫폼의 웹 크롤러가 이미지를 안정적으로 가져오려면 전체 URL이 필요합니다.

Suggested change
<meta property="og:image" content="/logo.svg" />
<meta property="og:image" content="https://goodgame-fe.snowfrost.kr/logo.svg" />

<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="BONBON - 굿게임" />
<meta name="twitter:description" content="소통이 어려운 커플들을 위한 갈등 중재 서비스" />
<meta name="twitter:image" content="/logo.svg" />

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

high

twitter:image 메타 태그에는 상대 경로 대신 절대 경로를 사용하는 것이 좋습니다. 트위터 카드가 이미지를 안정적으로 표시하려면 전체 URL이 필요합니다.

Suggested change
<meta name="twitter:image" content="/logo.svg" />
<meta name="twitter:image" content="https://goodgame-fe.snowfrost.kr/logo.svg" />

@@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="_레이어_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

SVG 파일 내 id 속성값으로 한글(_레이어_1)을 사용하고 있습니다. 코드 및 에셋의 식별자는 영문으로 작성하는 것이 유지보수 및 협업 효율성 측면에서 권장됩니다.

<svg id="Layer_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">

@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="_레이어_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 171.82 42.79">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

SVG 파일 내 id 속성값으로 한글(_레이어_1)을 사용하고 있습니다. 코드 및 에셋의 식별자는 영문으로 작성하는 것이 유지보수 및 협업 효율성 측면에서 권장됩니다.

<svg id="Layer_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 171.82 42.79">

Comment on lines +1 to +45
<?xml version="1.0" encoding="UTF-8"?>
<svg id="_레이어_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<defs>
<style>
.cls-1 {
font-family: HancomMalangMalang-Regular, 'Hancom MalangMalang';
font-size: 39.31px;
stroke: #231815;
stroke-miterlimit: 10;
stroke-width: 4.9px;
}

.cls-2 {
fill: #fc8080;
}

.cls-3 {
fill: #fcc;
}

.cls-4 {
letter-spacing: .1em;
}

.cls-5 {
letter-spacing: .05em;
}

.cls-6 {
letter-spacing: .09em;
}

.cls-7 {
letter-spacing: .06em;
}
</style>
</defs>
<text class="cls-1" transform="translate(10.86 140.99) scale(.99 1)"><tspan class="cls-5" x="0" y="0">B</tspan><tspan class="cls-6" x="25.04" y="0">ON</tspan><tspan class="cls-7" x="91.58" y="0">B</tspan><tspan class="cls-4" x="117.13" y="0">O</tspan><tspan class="cls-6" x="153.53" y="0">N</tspan></text>
<g>
<path class="cls-2" d="M68.36,75.27c1.46-10.11-4.12-20.26-14.03-24.18-9.91-3.92-20.93-.34-26.78,8.03-1.02-.29-2.11.23-2.51,1.23l-2,7.85c-.17.73.06,1.41.5,2-.8,9.65,4.72,19.09,14.18,22.83s19.88.66,25.91-6.86c.63-.09,1.33-.4,1.83-1.18l3.91-7.1c.4-1.02-.06-2.16-1.02-2.64Z"/>
<path class="cls-3" d="M120.53,66.83c-2.36-9.93-11.29-17.32-21.94-17.32s-19.58,7.39-21.95,17.33c-1.05.11-1.88.99-1.88,2.07l1.03,8.04c.12.74.57,1.29,1.2,1.68,2.81,9.27,11.41,16.01,21.59,16.01s18.73-6.7,21.57-15.92c.56-.31,1.09-.86,1.27-1.77l1.03-8.04c0-1.1-.85-1.99-1.92-2.07Z"/>
<path class="cls-2" d="M170.75,60.91c-5.05-8.88-15.68-13.47-25.91-10.49-10.23,2.98-16.73,12.57-16.22,22.77-.98.4-1.53,1.47-1.22,2.51l3.23,7.43c.32.68.91,1.08,1.63,1.27,5.29,8.11,15.43,12.18,25.21,9.33s16.11-11.67,16.25-21.31c.45-.46.81-1.13.72-2.05l-1.26-8.01c-.31-1.05-1.37-1.67-2.42-1.46Z"/>
<path class="cls-2" d="M83.39,80.49c4.99,2.04,10.05,3.32,15.49,3.28,5.65-.04,11.05-1.56,16.09-4.03,1.4-.69.17-2.78-1.22-2.09-4.8,2.35-9.95,3.73-15.32,3.7-5.07-.03-9.74-1.3-14.39-3.2-1.44-.59-2.07,1.76-.64,2.34h0Z"/>
</g>
</svg> No newline at end of file

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

src/assets/icons/logo-symbol.svg 파일이 public/logo.svg와 중복됩니다. 에셋 중복은 유지보수성을 저해하므로, 하나의 파일을 재사용하거나 중복을 제거하는 것을 고려해 보세요.

@@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="_레이어_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

SVG 파일 내 id 속성값으로 한글(_레이어_1)을 사용하고 있습니다. 코드 및 에셋의 식별자는 영문으로 작성하는 것이 유지보수 및 협업 효율성 측면에서 권장됩니다.

<svg id="Layer_1" data-name="레이어 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">

@IISweetHeartII IISweetHeartII self-assigned this Jan 10, 2026
@IISweetHeartII IISweetHeartII merged commit 3ed76e4 into dev Jan 10, 2026
3 checks passed
@IISweetHeartII IISweetHeartII deleted the feature/#32-apply-logo branch January 10, 2026 20:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[TASK] 로고 적용 (OG 태그, favicon, Header)

1 participant