Skip to content

Commit

Permalink
[Feat] #14 - Add personal page JS
Browse files Browse the repository at this point in the history 
개인 페이지를 src/이름.js로 옮겼습니다. 이름이니셜Body() 컴포넌트가 각 개인페이지의 body 태그와 같습니다.
파일 이동으로 인한 경로 변경에 따라 img, scc의 주소를 바꾸었습니다.
  • Loading branch information
@dandamdandam
dandamdandam committed Apr 17, 2023
1 parent 9c1dc6a commit 857f3ed
Show file tree
Hide file tree
Showing 8 changed files with 587 additions and 590 deletions.
18 changes: 18 additions & 0 deletions WarmUpProject/src/HanKyungjun.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@

function HanKyungjun(){
return(
<div className="HanKyungjun">
<HkgBody/>
</div>
)
}

function HkgBody(){
return(
<div className='hkg_body'>
<h1>한경준님의 개인 웹페이지 입니다.</h1>
</div>
)
}

export default HanKyungjun;
16 changes: 8 additions & 8 deletions WarmUpProject/src/JeongDayeon.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -170,14 +170,14 @@ function TechStacks(){
repeat.map(function(i){
return(
<div className='tech_stack_dummy' key={i}>
<li><img src="images/java.svg" alt={alt}></img></li>
<li><img src="images/python.svg" alt={alt}></img></li>
<li><img src="images/html5.svg" alt={alt}></img></li>
<li><img src="images/css3.svg" alt={alt}></img></li>
<li><img src="images/js.svg" alt={alt}></img></li>
<li><img src="images/nodejs.svg" alt={alt}></img></li>
<li><img src="images/pugjs.svg" alt={alt}></img></li>
<li><img src="images/mongodb.svg" alt={alt}></img></li>
<li><img src="images/jdy_imgs/java.svg" alt={alt}></img></li>
<li><img src="images/jdy_imgs/python.svg" alt={alt}></img></li>
<li><img src="images/jdy_imgs/html5.svg" alt={alt}></img></li>
<li><img src="images/jdy_imgs/css3.svg" alt={alt}></img></li>
<li><img src="images/jdy_imgs/js.svg" alt={alt}></img></li>
<li><img src="images/jdy_imgs/nodejs.svg" alt={alt}></img></li>
<li><img src="images/jdy_imgs/pugjs.svg" alt={alt}></img></li>
<li><img src="images/jdy_imgs/mongodb.svg" alt={alt}></img></li>
</div>
)
})
Expand Down
392 changes: 392 additions & 0 deletions WarmUpProject/src/KimSeongbin.js
View file

Large diffs are not rendered by default.

164 changes: 164 additions & 0 deletions WarmUpProject/src/SeoSangtae.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@
import "https://fonts.googleapis.com/css?family=Source+Sans+Pro%3A400%2C500%2C700";
import "https://fonts.googleapis.com/css?family=Inter%3A400%2C700";
import "https://fonts.googleapis.com/css?family=DM+Sans%3A400%2C500%2C700";
import './styles/sangtae.css';

function SeoSangtae(){
return(
<div className='SeoSangtae'>
<SstBody/>
</div>
)
}

function SstBody(){
return(
<div className="sangtae-H9r">
<div className="auto-group-rheq-hDa">
<div className="item--uU4">강원대 멋쟁이사자처럼</div>
<div className="item--hep">
<span className="item--hep-sub-0">안녕하세요 </span>
<span className="item--hep-sub-1">:&#41;</span>
</div>
<div className="item--cYp">
<span className="item--cYp-sub-0">코딩을 공부하는 </span>
<span className="item--cYp-sub-1">서상태</span>
<span className="item--cYp-sub-2"> 입니다.</span>
</div>
<div className="heading-kBA">
<div className="self-introduction-GfJ">Self-Introduction</div>
<div className="item-19--bSg">
저는 산업공학과 19학번입니다.
<br />
데이터, 인공지능 분야에 관심을 갖고 있습니다.
<br />
그래서 열심히 컴퓨터 언어를 공부하고 있습니다.
</div>
</div>
<div className="auto-group-krng-M4U">
<div className="div-dXn">
<img className="image-21-AXi" src="images/sst_imgs/image-21.png" />
</div>
<div className="hobby-fjN">Hobby</div>
<div className="item--arL">
산책하면서 사진 찍기
<br />
친구들이랑 이야기하기
</div>
</div>
<div className="auto-group-amqr-bmS">
<div className="div-JQx">
<img className="image-22-2br" src="images/sst_imgs/image-22.png" />
</div>
<div className="character-Z5z">Character</div>
<div className="item--Uye">
정이 많습니다
<br />
약속을 잘 지킵니다
<br />
피해 주는 것을 싫어합니다
</div>
</div>
<div className="auto-group-qys8-hrQ">
<div className="div-C2U">
<img className="image-23-vDN" src="images/sst_imgs/image-23.png" />
</div>
<div className="idea-efA">Idea</div>
<div className="item--ANc">
선호하는 메뉴를 먼저 학습을 시키고, 날씨 등 외부 환경을 고려해 점심 메뉴를 추천하는 서비스
<br />

<br />
인터넷 지도에서 음식 종류와 가격 범위를 선택하면 선택한 음식점 정보만 제공하는 서비스
</div>
</div>
<div className="pet-Emn">Pet</div>
<div className="item--xBz">
<span className="item--xBz-sub-0">
이름 : 찡찡
<br />
햄스터 종류 : 드워프햄스터 (블루 사파이어)
<br />

</span>
</div>
<div className="auto-group-s1np-EhE">
<img className="image-25-LEU" src="images/sst_imgs/image-25.png" />
<img className="image-24-3ua" src="images/sst_imgs/image-24.png" />
</div>
<div className="tech-stacks-BVz">Tech Stacks</div>
<div className="auto-group-s3qj-gxY">
<div className="auto-group-nspl-Cvt">
<img className="image-27-AMv" src="images/sst_imgs/image-27.png" />
</div>
<div className="auto-group-xrqr-hMr">
<img className="image-28-3wW" src="images/sst_imgs/image-28.png" />
</div>
<div className="auto-group-maye-bCL">
<img className="image-29-8TA" src="images/sst_imgs/image-29.png" />
</div>
<img className="image-30-gDn" src="images/sst_imgs/image-30.png" />
</div>
<div className="team-member-card-RhA">
<div className="kakaotalk20230403212212724-1-L3S">
</div>
<div className="sangtae-seo-pjJ">Sangtae SEO</div>
</div>
<div className="balance-game-8jz">Balance Game</div>
<p className="vs--3rx"> 평생 치통 VS 평생 두통</p>
<div className="auto-group-dvkv-NPS">
<div className="auto-group-plrl-uPN">치통</div>
<div className="auto-group-auey-BLt">두통</div>
</div>
<p className="vs--V6g"> 전등 키고 자는 룸메 VS 새벽마다 타자 두드리는 룸메</p>
<div className="auto-group-dewi-PC4">
<div className="auto-group-tjrn-hiY">전등</div>
<div className="auto-group-zfn8-nzt">타자</div>
</div>
<p className="vs--gaU"> 폰만 보는 연인 VS 돈은 절대 안내는 연인</p>
<div className="auto-group-8cxa-n7i">
<div className="auto-group-wvfn-79z">폰</div>
<div className="auto-group-jetx-nG8">돈</div>
</div>
<p className="vs--5m2"> 사랑 VS 우정 </p>
<div className="auto-group-5btt-BZA">
<div className="auto-group-zhs8-7Sp">사랑</div>
<div className="auto-group-texa-zFi">우정</div>
</div>
</div>
<div className="auto-group-dkdi-5nx">
<div className="sangtae-seo-bmJ">Sangtae seo</div>
<div className="menu-i5E">Menu</div>
<div className="line-2-qfe">
</div>
<div className="auto-group-ihda-y1A">
<div className="self-introdution-JZE">self introdution</div>
<div className="balance-game-2k8">balance game</div>
</div>
<div className="pet-xtg">pet</div>
<div className="tech-stacks-Uc8">tech stacks</div>
<div className="link-cTS">link</div>
<div className="line-1-jY4">
</div>
<div className="auto-group-ybje-4aL">
<div className="auto-group-jk9r-P6p">
<a href="https://www.notion.so/invite/445e0b77ee1c3a343b4d7ec7414bca2eda77a92c"><img className="image-12-uL4"
src="images/sst_imgs/image-12.png" /></a>
</div>
<div className="auto-group-tgkz-2fa">
<a href="https://discord.gg/9kNasTt9"><img className="image-10-NjS" src="images/sst_imgs/image-10.png" /></a>
</div>
<a href="https://instagram.com/sangtae._.seo"><img className="image-26-Wak" src="images/sst_imgs/image-26.png" /></a>
<a href="https://github.com/SeoSangtae001027"><img className="image-15-G48" src="images/sst_imgs/image-15.png" /></a>
</div>
</div>
<div className="auto-group-jt6x-n2U">
<div className="div-7aY">
</div>
<div className="item-010-6319-2108-TuJ">010-6319-2108</div>
</div>
</div>
)
}

export default SeoSangtae;
10 changes: 5 additions & 5 deletions WarmUpProject/src/db/JDYdata.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,39 +5,39 @@
"name":"Classify distination",
"info":"사진분류기반 여행지 추천 서비스",
"detail":"이미지 분류를 통한 제주도 여행지 추천 서비스. 2022 KNU 하계부트캠프에서 팀 프로젝트로 총 5명이 함께 제작.",
"img_path":"images/proj1_img.JPG",
"img_path":"images/jdy_imgs/proj1_img.JPG",
"proj_path":"https://github.com/dandamdandam/Jejudo_tf"
},
{
"id":2,
"name":"영어 단어 시험 사이트",
"info":"(진행 중) 단어/의미/소리로 시험 및 채점",
"detail":"사용자가 입력한 단어들 중 몇 개를 랜덤으로 뽑아 영어 단어(스펠링, 의미, 소리 중 하나)를 제시하고 답을 입력받는 사이트. 홈, 단어입력 탭 완료.",
"img_path":"images/proj2_img.png",
"img_path":"images/jdy_imgs/proj2_img.png",
"proj_path":"https://github.com/dandamdandam/En_word_test_web"
},
{
"id":3,
"name":"Getting Started 위키",
"info":"(아이디어) 새로운 것을 배우기 최적화된 위키!",
"detail":"로그인, 교과서의 목차처럼 한 주제에 관한 중요한 키워드를 적고 그에 대한 설명을 연결할 수 있게 함.",
"img_path":"images/proj3_img.JPG",
"img_path":"images/jdy_imgs/proj3_img.JPG",
"proj_path":""
},
{
"id":4,
"name":"미정",
"info":"(아이디어) 웹사이트를 읽어주는 웹",
"detail":"들어오는 내용의 카테고리(이미지/도표/수학기호 등)를 인식하고 그에 맞추어 처리.",
"img_path":"images/proj4_img.JPG",
"img_path":"images/jdy_imgs/proj4_img.JPG",
"proj_path":""
},
{
"id":5,
"name":"지금 거기 사람 많나요?",
"info": "(아이디어) 학교 내에 사람이 많은 이벤트 용.",
"detail":"로그인, 참여하는 사람이 실시간으로 인/아웃을 눌러 지금 얼마나 몰려있는지 표시하는 카운터, 질문창(사용자가 직접 댓글을 남기는 게시판) 기능 필요",
"img_path":"images/proj5_img.JPG",
"img_path":"images/jdy_imgs/proj5_img.JPG",
"proj_path":""
}
],
Expand Down
Loading

0 comments on commit 857f3ed

Please sign in to comment.