
development
PHP로 사이트맵 자동 업데이트하기 (sitemap.xml)
검색엔진 최적화를 위해 구글 서치콘솔에 sitemap.xml을 제출했다.이 포트폴리오 겸 블로그는&...
2022.06.17
development
HTML 페이지가 두 번 로딩되면서 로딩 속도가 느려질...
현재 포트폴리오용 웹사이트 개발을 하던 나는 내 웹사이트가 뭔가 이상하다는 것을 발견했다.크롬의 개...
2022.06.15
development
코드를 강조해서 보여주는 highlight.js
코드를 강조해서 보여주는 highlight.js 테스트입니다.<!-- highlight.js -->...
2022.06.06
development
프론트엔드 블로그 겸 포트폴리오 제작완료(SSR)...
공개용 포트폴리오를 제작할 때 구글에 검색이 되기 위해서는 SSR(Server Side Rend...
2022.06.05
Dae Young, Lee
Career
한국임업진흥원(kofpi) 연구보조 인턴 근무 2017.06~2017.08
한국 미쓰도요 기술영업 2019.01~2019.07
Contguard Korea 프리랜서 디자이너&퍼블리셔 2019.09~2020.04
(웹사이트 제작 / 판촉물 제작)
트랜스코스모스코리아 UI디자이너&퍼블리셔 2020.04~2021.04
(웹에이전시 웹개발팀)
신한금융투자 프리랜서 웹퍼플리셔 2021.05~2022.10
(디지털플랫폼TFT)
하나금융그룹 핀크 프론트엔드 개발자&퍼블리셔 2022.10~재직중
(개발2팀) ()
총 경력 1년 3개월차
specialty
웹사이트 구축 및 운영
완벽한 반응형 웹개발
일본어 자유 의사소통
영어 메일 의사소통
Education
국민대학교 임산생명공학과 졸업 2018.08
이젠컴퓨터아카데미 UI/UX 과정 2020.02
더조은컴퓨터아카데미 PHP/MySQL 프로그래밍 2021.07
이젠컴퓨터아카데미 React.js 자바스크립트 2021.11
이젠컴퓨터아카데미 React Native 앱개발 2022.04
Certifications
웹디자인 기능사
GTQ Photoshop 1급
JLPT N1
TOEIC 825
TOEIC Speaking Lv6 (140)
ITQ Internet A급
Skills
HTML5 / CSS3 / JS(ES6) / React
PHP / MySQL
Photoshop / Illustrator / Xd
Premiere Pro
Character
다정다감하고 누구와도 잘 어울립니다.
내가 맡은 임무는 극한의 책임감을 가지고
끝까지 완수하여 팀원으로서 모범이 됩니다.
이 포트폴리오는 풀스택으로 개발됐습니다.
(개인서버로 배포중)
기획 - 디자인 - 프론트엔드 - 백엔드
- 서버 도메인 - 서비스
PPT - Ps(Xd) - React - PHP,mySQL - NAS
하기 프로젝트는 대부분 실제 진행 안건입니다.
프로젝트 | 신한금융투자 알파App 재구축 및 웹사이트 운영 |
---|---|
참여기간 | 1년 6개월: 210503 ~ 221006 |
참여도 | 웹사이트 및 App 운영(33%) |
컨셉 | 현대식 재구축 |
컨셉설명 | 신한금융투자의 PC웹사이트, 모바일 웹사이트 운영 업무와 알파 2.0 어플 재구축 업무를 진행했습니다. |
프로젝트 | 일본 미쓰미시 은행 웹사이트 리뉴얼 |
---|---|
참여기간 | 4개월: 201215 ~ 210401 |
참여도 | html 페이지 양산(30%), 컴포넌트 제작(10%), 스크립트 분석 및 수정(20%) |
컨셉 | 깔끔한, 직관적인 |
컨셉설명 | 일본 전체 2위의 재벌그룹 , 미쓰비시 그룹의 카드사 웹사이트 리뉴얼 안건입니다. 에이전시 일본 본사에서 디자인을 제작하여, 한국 지부에서 HTML마크업 코딩을 진행했습니다. 혼자서 약 750페이지를 제작했습니다. |
프로젝트 | 풀무원 로하스 상남점 - 상품소개 웹사이트 제작 |
---|---|
참여기간 | 1개월: 220701 ~ 220714 |
참여도 | 기획(100%), 디자인(100%), FE개발(100%), BE개발(API 및 DB설계)(99%), NGINX서버 배포(100%) |
컨셉 | 큼지막한, 직관적인, MERN스택 |
컨셉설명 | 퍼블리셔로서 첫커리어를 시작하며 상품 소개페이지를 제작했지만, 진정한 풀스택 디발자로 거듭나며 직접 제작한 서버, 직접 제작한 디자인, 직접 제작한 API, DB, 프론트 화면단으로 올인원 진행이 가능하게 되었습니다. |
프로젝트 | 일본 클럽 투어리즘 메일 매거진 제작 |
---|---|
참여기간 | 7개월: 200901 ~ 210401 |
참여도 | 배너 제작(50%), html 메일 제작(50%) |
컨셉 | 컬러풀, 강한 전달성 |
컨셉설명 |
일본의 여행사, 클럽투어리즘(CT)은 종업원 2,000명 규모의 중견기업입니다.
메일 매거진으로 매주 3~5통씩 이메일 광고를 일본 전국 회원에게 배포합니다.
이 메일 매거진의 전체 제작을 약 5개월간 제작하여 배포했습니다. |
프로젝트 | 일본 소니은행 웹사이트 리뉴얼 |
---|---|
참여기간 | 4개월: 200510 ~ 200901 |
참여도 | XD디자인 제작(40%), 컴포넌트 제작(10%) |
컨셉 | 심플함, 간결함 |
컨셉설명 | 일본의 대기업, 소니에서 운영하는 은행입니다. 2001년 6월 11일부터 작은 리뉴얼을 거치며 '20년간' 운영된 인터넷 뱅킹 웹사이트에 대해, 2020년 드디어 현대시대의 흐름에 맞는 디자인과 구성으로 리뉴얼 프로젝트를 시작했습니다. 디자이너로서 약 300페이지에 달하는 XD페이지를 양산했습니다. |
프로젝트 | 일본 료칸 호에이소 리뉴얼 |
---|---|
참여기간 | 1개월: 191215 ~ 200108 |
참여도 | 기획(100%), 디자인(100%), 프론트엔드(100%), 백엔드(100%) |
컨셉 | 고급, 정숙함, LAMP스택 |
컨셉설명 |
기존 웹사이트는 정보의 구분이 불분명하고
사용자의 시선이 분산되는 문제점이 있었으나, 리뉴얼로 전부 해결했습니다. |
프로젝트 | 바다길 회사 소개 웹사이트 제작 |
---|---|
참여기간 | 1개월: 191101 ~ 191210 |
참여도 | 로고제작(100%), 웹사이트 기획 및 디자인(100%), 퍼블리싱(100%) |
컨셉 | 깔끔한 |
컨셉설명 | 바다길은 국내에 몇 안되는 해삼 양식 전문 업체입니다. 2016년 설립됐으며, 회사 소개 홈페이지 제작을 의뢰받아 A to Z까지 디자인과 HTML 코딩까지 어우르는 모든 작업을 혼자 하게 되었습니다. |
프로젝트 | Contguard Korea 웹사이트 제작 |
---|---|
참여기간 | 2개월: 191022 ~ 191220 |
참여도 | 기획(60%), psd디자인제작(100%), 퍼블리싱(30%) |
컨셉 | 깔끔한 |
컨셉설명 | 한국에 처음으로 진출하는 컨테이너용 장비 대여 및 분석리포트 서비스를 제공하는 이스라엘 기업입니다. 생소한 서비스를 간결하게 소개하기 위해 원색 사용을 최대한 배제했습니다. |
글루미스토어는 제 실력을 살 사람을 찾는 조금 슬픈 스토어입니다.
웹사이트의 디자인을 기획하고,
대략적으로 스케치합니다.
d_srl | m_srl | c_srl | title | ... |
---|---|---|---|---|
171 | 214 | 0 | 프론트엔드 블로그... | ... |
331 | 52 | 0 | 코드를 강조해서... | ... |
include $_SERVER['DOCUMENT_ROOT']."/connect/connect.php";
$sql_board = "SELECT * FROM documents WHERE m_srl='$module_srl' AND d_srl='$document_srl'";
$board_result = mysqli_query($db, $sql_board);
$result = mysqli_fetch_array($board_result);
date_default_timezone_set('Asia/Seoul');
$regdate = date('Ymd');
데이터베이스 구조를 연구하고,
이를 CRUD할 API를 제작합니다.
<div className="gallery" id="gallery">
{cards.map((e,i)=>
<Card urlDocument={e[0]} title={e[1]} thumburl={e[2]}
urlModule={e[7]} moduleName={e[3]} re_title={e[4]} converted={e[5]} date={e[6]} key={i} />
)}
</div>
DB 내용을 AJAX - API 연결로 불러와서,
JSX 컴포넌트화 합니다.
(React or React Native)
listen 80;
listen [::]:80;
server_name gloomy-store.com
*.gloomy-store.com;
location / {
proxy_pass http://localhost:3000;
}
:wq!
아파치 혹은 nginx 설정에서 가상DOM의 3000번 포트를
80번으로 포트포워딩하여 포트번호를 숨깁니다.
댓글: 1