Skip to content

Commit

Permalink
Merge pull request #256 from MeeTeamNumdle/release-1.0
Browse files Browse the repository at this point in the history 
deploy: LCP 최적화 반영
  • Loading branch information
@prgmr99
prgmr99 authored Oct 14, 2024
2 parents eb79852 + 69a3b8d commit d283128
Show file tree
Hide file tree
Showing 44 changed files with 174 additions and 183 deletions.
33 changes: 7 additions & 26 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,13 @@
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<link
rel="preload"
fetchpriority="high"
as="image"
href="/meeteam_banner_icon_large.webp"
type="image/webp"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="page-enter" content="blendTrans(duration=1)" />
<meta http-equiv="page-exit" content="blendTrans(duration=1)" />
Expand All @@ -20,32 +27,6 @@
<meta property="og:image" content="https://www.meeteam.co.kr/meeteam-og.png" />
<meta property="og:description" content="대학생을 위한 포트폴리오 기반 구인 플랫폼" />
<title>밋팀</title>
<script>
(function (m, a, z, e) {
var s, t;
try {
t = m.sessionStorage.getItem('maze-us');
} catch (err) {}

if (!t) {
t = new Date().getTime();
try {
m.sessionStorage.setItem('maze-us', t);
} catch (err) {}
}

s = a.createElement('script');
s.src = z + '?apiKey=' + e;
s.async = true;
a.getElementsByTagName('head')[0].appendChild(s);
m.mazeUniversalSnippetApiKey = e;
})(
window,
document,
'https://snippet.maze.co/maze-universal-loader.js',
'b15ee4c4-3e84-457f-be5e-9f422804335c'
);
</script>
</head>
<body>
<div id="root"></div>
Expand Down
Binary file added public/logo_large.webp
View file
Binary file not shown.
Binary file added public/logo_medium.webp
View file
Binary file not shown.
Binary file added public/logo_small copy.webp
View file
Binary file not shown.
Binary file added public/logo_small.webp
View file
Binary file not shown.
Binary file added public/logo_typo_large.webp
View file
Binary file not shown.
Binary file added public/logo_typo_medium.webp
View file
Binary file not shown.
Binary file added public/logo_typo_small.webp
View file
Binary file not shown.
Binary file added public/meeteam_banner_icon_large.webp
View file
Binary file not shown.
Binary file added public/meeteam_banner_icon_medium.webp
View file
Binary file not shown.
Binary file added public/meeteam_banner_icon_small.webp
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion sitemap.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

<url>
<loc>https://www.meeteam.co.kr/</loc>
<lastmod>2024-05-16T08:00:44+00:00</lastmod>
<lastmod>2024-10-14T08:20:21+00:00</lastmod>
</url>


Expand Down
2 changes: 0 additions & 2 deletions src/assets/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,6 @@ import LogoFooter from './LogoFooter.svg';
import Email from './Email.svg';
import GrayDelete from './GrayDelete.svg';
import NotFoundIcon from './NotFoundIcon.webp';
import meeteam_banner_icon from './meeteam_banner_icon.webp';

export {
Exit,
Expand Down Expand Up @@ -135,5 +134,4 @@ export {
Email,
GrayDelete,
NotFoundIcon,
meeteam_banner_icon,
};
Binary file removed src/assets/meeteam_banner_icon.webp
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion src/components/comment/comment/ReplyComment.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ const ReplyComment = ({
return (
<S.ReplyComment>
<section className='wrapper'>
<img className='reply-icon' src={Reply} />
<img className='reply-icon' src={Reply} alt='답변 아이콘' />
<article className='container'>
<section className='comment-icon'>
<section>
Expand Down
2 changes: 1 addition & 1 deletion src/components/comment/replyInput/ReplyInput.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ const ReplyInput = ({ pageNum, groupNumber, onClickCancel, replyInputHandler }:
return (
<React.Fragment>
<S.ReplyInput>
<img className='reply-icon' src={Reply} />
<img className='reply-icon' src={Reply} alt='답변 아이콘' />
<article className='wrapper-reply__input'>
<section className='container-user__icon'>
<div>
Expand Down
4 changes: 2 additions & 2 deletions src/components/dropdown/Dropdown.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -249,7 +249,7 @@ const Dropdown = ({ data, initialData, scope, category, applicant, roleObj }: Dr
</div>
)}
{applicant && <div className='value'>{currentValue}</div>}
<img src={showDropdown ? DropdownArrowUp : DropdownArrow} />
<img src={showDropdown ? DropdownArrowUp : DropdownArrow} alt='드롭다운 아이콘' />
</div>
{showDropdown && (
<>
Expand Down Expand Up @@ -345,7 +345,7 @@ const Dropdown = ({ data, initialData, scope, category, applicant, roleObj }: Dr
</section>
<section className='control-btn'>
<section className='clear' onClick={onClickClearInfo}>
<img src={Clear} />
<img src={Clear} alt='초기화 아이콘' />
<span>초기화</span>
</section>
<button type='button' onClick={submitInfo}>
Expand Down
2 changes: 1 addition & 1 deletion src/components/dropdown/dropdownDetail/DropdownDetail.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ const DropdownDetail = ({
>
<section className='dropdown-box'>
<label className='selected'>{'상세조건'}</label>
<img src={isOpen ? DropdownArrowUp : DropdownArrow} />
<img src={isOpen ? DropdownArrowUp : DropdownArrow} alt='드롭다운 아이콘' />
</section>
{isOpen && (
<section className='container-dropdown' onClick={handleChildDropdown}>
Expand Down
65 changes: 23 additions & 42 deletions src/components/footer/Footer.styled.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import styled from 'styled-components';
const Footer = styled.article`
width: 100%;
background: #f6f6f6;
height: 24.8rem;
.wrapper {
width: clamp(45%, 96rem, 75%);
Expand Down Expand Up @@ -47,16 +46,8 @@ const Footer = styled.article`
}
.logo {
width: 3.9514rem;
height: 4.424rem;
flex-shrink: 0;
}
.logo-name {
width: 4.9949rem;
height: 3.008rem;
flex-shrink: 0;
margin-left: 1.05rem;
max-height: 8rem;
aspect-ratio: 1.8/1;
}
.container-copyright {
Expand All @@ -67,38 +58,24 @@ const Footer = styled.article`
}
.wrapper-menu {
width: 50%;
display: flex;
margin-top: 7.63rem;
gap: 10rem;
justify-content: space-between;
margin-top: 7.6rem;
cursor: pointer;
}
@media (max-width: 1200px) {
.wrapper {
flex-direction: column;
align-items: center;
text-align: center;
padding: 4rem 0;
}
.wrapper-logo {
margin-bottom: 2rem;
}
.wrapper-menu {
margin-top: 3rem;
gap: 5rem;
}
}
@media (max-width: 768px) {
height: auto;
@media (max-width: 900px) {
width: 100%;
.wrapper {
display: flex;
gap: 10rem;
padding: 3rem 1rem;
}
.wrapper-menu {
display: flex;
flex-direction: column;
gap: 2rem;
margin-top: 2rem;
Expand All @@ -109,22 +86,27 @@ const Footer = styled.article`
align-items: center;
}
.logo {
height: 7rem;
aspect-ratio: 1.8/1;
}
.container-copyright {
margin-top: 2rem;
align-items: center;
}
}
@media (max-width: 480px) {
.logo {
width: 3rem;
height: 3.5rem;
@media (max-width: 600px) {
.wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.logo-name {
width: 4rem;
height: 2.5rem;
margin-left: 0.5rem;
.logo {
height: 6rem;
aspect-ratio: 1.8/1;
}
h5 {
Expand All @@ -137,7 +119,6 @@ const Footer = styled.article`
.wrapper-menu {
margin-top: 2.5rem;
margin-bottom: -1rem;
}
}
`;
Expand Down
14 changes: 9 additions & 5 deletions src/components/footer/Footer.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
import React, { useEffect, useState } from 'react';
import S from './Footer.styled';
import { LogoFooter, LogoName } from '../../assets';

const Footer = () => {
const [isMobile, setIsMobile] = useState(window.innerWidth < 481);
const [isMobile, setIsMobile] = useState(window.innerWidth < 600);

useEffect(() => {
const handleResize = () => setIsMobile(window.innerWidth < 481);
const handleResize = () => setIsMobile(window.innerWidth < 600);
window.addEventListener('resize', handleResize);
return () => window.removeEventListener('resize', handleResize);
}, []);
Expand All @@ -16,8 +15,13 @@ const Footer = () => {
<section className='wrapper'>
<section className='wrapper-logo'>
<section className='container-logo'>
<img className='logo' src={LogoFooter} />
<img className='logo-name' src={LogoName} />
<img
className='logo'
src='logo_typo_large.webp'
srcSet='logo_typo_small.webp 600w, logo_typo_medium.webp 900w, logo_typo_large.webp 1280w'
alt='logo_typo'
decoding='async'
/>
</section>
{isMobile && (
<section className='wrapper-menu'>
Expand Down
70 changes: 32 additions & 38 deletions src/components/header/Header.styled.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,8 @@ import styled from 'styled-components';
const Header = styled.header<{ $isLogin?: boolean }>`
position: relative;
border-bottom: 0.375px solid #e3e3e3;
margin: 0 auto;
max-width: clamp(45%, 96rem, 75%);
.body2-semibold {
color: #8e8e8e;
Expand All @@ -15,7 +17,7 @@ const Header = styled.header<{ $isLogin?: boolean }>`
.header {
display: flex;
height: 6.75rem;
width: clamp(45%, 96rem, 75%);
align-items: center;
flex-shrink: 0;
background-color: #fff;
Expand All @@ -29,18 +31,12 @@ const Header = styled.header<{ $isLogin?: boolean }>`
.header__logo {
display: flex;
height: 1.29563rem;
align-items: center;
flex-shrink: 0;
cursor: pointer;
.logo,
.logo-name {
width: 4rem;
}
.logo-name {
margin-left: 0.8rem;
.logo {
max-height: 6.4rem;
aspect-ratio: 1.8 / 1;
}
.university {
Expand Down Expand Up @@ -169,14 +165,32 @@ const Header = styled.header<{ $isLogin?: boolean }>`
background-color: rgba(0, 0, 0, 0.15);
}
/* 작은 화면 (모바일) */
@media (min-width: 359px) and (max-width: 600px) {
@media (max-width: 900px) {
width: clamp(10%, 96rem, 90%);
max-width: 100%;
.header__navigation {
gap: 2rem;
margin-left: 3rem;
}
.header__logo {
display: flex;
align-items: center;
.logo {
aspect-ratio: 1.8 / 1;
height: 6rem;
}
}
}
@media (max-width: 600px) {
width: clamp(0%, 60rem, 100%);
max-width: 100%;
.header {
/* flex-direction: column; */
/* width: 70%; */
width: 100%;
/* justify-content: center;
gap: 8rem; */
padding: 0 2rem;
}
Expand All @@ -187,14 +201,13 @@ const Header = styled.header<{ $isLogin?: boolean }>`
}
.header__logo {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 1rem;
.logo {
width: 4rem;
height: 4rem;
aspect-ratio: 1.8 / 1;
height: 5.6rem;
}
}
Expand All @@ -209,25 +222,6 @@ const Header = styled.header<{ $isLogin?: boolean }>`
align-items: center;
}
}
/* 중간 화면 (태블릿) */
@media (min-width: 601px) and (max-width: 1200px) {
.header {
width: clamp(45%, 96rem, 75%);
}
.header__navigation {
gap: 2rem;
margin-left: 3rem;
}
}
/* 큰 화면 (데스크탑) */
@media (min-width: 1201px) {
.header {
width: clamp(45%, 96rem, 75%);
}
}
`;

const S = { Header };
Expand Down
Loading

0 comments on commit d283128

Please sign in to comment.