gahusb/web-page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

블로그 리스트의 타이틀 색상 변화

Browse Source 
메인 페이지에 profile card 추가
 - 내 정보 업로드
This commit is contained in:
gahusb
2026-01-18 15:32:58 +09:00
parent 6a3b604d13
commit e8d3e65b69
4 changed files with 177 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/pages/home/Home.jsx
View File

@@ -2,6 +2,7 @@ import React from 'react';
import { Link } from 'react-router-dom';
import { navLinks } from '../../routes.jsx';
import { getBlogPosts } from '../../data/blog';
import myPhoto from '../../assets/myPhoto.jpg';
import './Home.css';
const Home = () => {
@@ -82,6 +83,69 @@ const Home = () => {
))}
</div>
</section>
<section className="home-section">
<div className="home-section__header">
<h2>Profile</h2>
<p>페이지 주인 소개 영역입니다.</p>
</div>
<div className="home-profile">
<div className="home-profile__card">
<div className="home-profile__identity">
<img
className="home-profile__avatar"
src={myPhoto}
alt="Profile"
/>
<div>
<p className="home-profile__role">Server Developer</p>
<p className="home-profile__name">박 재 오</p>
</div>
</div>
<p className="home-profile__bio">
주변 동료와 함께 소통하며 성장하는걸 좋아합니다. <br />
성능 최적화, 인프라 자동화를 중요하게 생각합니다. <br />
여행과 사진, 새로운 기술 탐구를 좋아합니다.
</p>
<div className="home-profile__timeline">
<p className="home-profile__section-title">연혁</p>
<ul>
<li>
<span>2023.02 - 현재</span>
<strong>Server Developer</strong>
<span>내비 TIS 교통 서버/현대오토에버</span>
</li>
<li>
<span>2020.01 - 2023.02</span>
<strong>Embedded Device SW Developer</strong>
<span>캐시비 단말기 개발/롯데정보통신</span>
</li>
<li>
<span>2019.07 - 2019.12</span>
<strong>SSAFY - 삼성 SW Academy</strong>
<span>SSAFY</span>
</li>
</ul>
</div>
<div className="home-profile__tags">
<span>C++</span>
<span>Git</span>
<span>AWS</span>
<span>Jira</span>
<span>MySQL</span>
<span>Docker</span>
<span>Kubernetes</span>
<span>Linux</span>
</div>
<div className="home-profile__actions">
<button className="button ghost">프로필 수정</button>
<a className="button primary" href="mailto:bgg8988@gmail.com">
연락하기
</a>
</div>
</div>
</div>
</section>
</div>
);
};