suji-park
_about
_skills
_career
_portfolio
☰
Hi, I am
_
> Front-end developer
// Try the game on the right side
// Below is my GitHub link
const githubLink = "https://github.com/psj0516";
// Memory Game
// Flip the cards to find matching pairs.

// Timer
const time = 0; // Game Completed!
about.tsxX

/**
  * 프론트엔드 개발자 박수지입니다.
  * Next와 React를 사용한 웹 개발을 주로 해 왔습니다.
  * 누구에게나 쾌적한 사용자 경험을 제공할 수 있는, 그런 프론트엔드 개발자를 꿈꿉니다.
  * 협업과 커뮤니케이션을 중요하게 생각하며, 팀원들과의 원활한 소통을 위해 노력합니다.
**/


const 거주지 = "서울 강동구";

const 언어 = ["한국어","영어","일본어"];

const 중요 가치 = ["유저 경험","협업","성장"];

const 교육 = [

{
기간: 2020,  기관명: "​부산 IT 교육센터", 과정명: "Spring 기반 Java 융합개발자 과정" 
},
{
기간: 2015-2018,  학교: "Seneca College", 전공: "Accounting", 상태: "졸업" 
},
{
기간: 2013-2015,  학교: "동아대학교", 전공: "국문학과", 상태: "중퇴" 
}

];

skills.tsxX
career.tsxX
에프엠커뮤니케이션즈2022.06 - 재직중
프론트엔드 개발자 (React.js, Next.js 위주)
2023.12 - 현재
감정 기록 다이어리 앱 백오피스(웹)

- Next.js, Typescript, Redux, Tailwind Css 사용
- 감정 기록 다이어리 앱 관리자 페이지 전체 개발
- 공지사항, 문의 답변 시스템 구현
- 회원 정보 관리 시스템 구현

2024.08 - 2024.09
감정 기록 다이어리 앱 소개 사이트

- Next.js, emotion 사용
- 전체 퍼블리싱 담당
- Rottie를 활용한 다양한 인터랙션 구현

2024.06 - 2024.08
감정 기록 다이어리 앱(모바일)

- Flutter 사용
- 마이페이지, 알림 및 설정 페이지 구현
- Cubit을 이용한 상태 관리

2024.04 - 2024.05
버추얼 아이돌 모집 홍보 웹사이트

- Next.js 사용
- 전체 퍼블리싱 담당
- react-cureved-text 등 다양한 라이브러리 활용
- 해당 사이트를 통해 70여명의 지원자 모집

2023.09 - 2023.11
AI 이미지 생성 프로젝트

- React.js 사용
- Gen AI 활용 사이트 프론트엔드 구현
- 텍스트와 슬라이더 형태의 프롬프트 입력 기능 구현

2022.06 - 2023.08
메타버스 크리에이터 커뮤니티

- React.js, Redux, Recoil 사용
- 크리에이터들의 창작 과정, 결과물을 자랑할 수 있는 커뮤니티 사이트 업데이트 및 유지보수
- 이미지 위주와 짧은 줄글로 이루어진 SNS 형식의 게시판 구현
- 여러 장의 이미지와 장문으로 이루어진 블로그 형식의 게시판 구현
- 게시판 작성 화면 수정 및 기존 텍스트 에디터 보완
- 소셜 계정 연동 회원가입/로그인 서비스 구현

2022.06 - 2023.08
메타버스 크리에이터 커뮤니티 백오피스

- React.js, Redux, Recoil 사용
- 기존 백오피스 사이트 업데이트 및 유지보수
- 사이트 메인 화면에 노출할 컨텐츠 선택 기능 구현
- 사이트 게시판 상단에 노출할 컨텐츠 선택 기능 구현
- 관리자 게시글 작성 편의를 위해 기존 텍스트 에디터 보완

(주)와이드테크놀로지2021.06 - 2021.10
자바 풀스택 개발자
2021.10 - 2021.10
자사 홈페이지 제작

- HTML, CSS, Javascirpt, JQuery 사용
- 프론트엔드 개발 참여
- 페이지 퍼블리싱 일부 참여
- 메일 문의 접수 기능 구현

2021.08 - 2023.10
콘텐츠 마켓플레이스 사이트

- HTML, CSS, Javascirpt, Bootstrap, JQuery 사용
- 서비스 및 백오피스 사이트 프론트엔드 개발
- 메인 페이지 디자인 변경에 따른 수정사항 반영
- 콘텐츠 업로드 및 가격 책정 페이지 구현
- 내 정보 및 판매/구매한 콘텐츠를 관리하는 마이페이지 구현

(주)에스씨티2020.11 - 2021.05
자바 풀스택 개발자 (인턴)
2021.03 - 2023.05
요양병원 스마트헬스케어 프로젝트

- Java, Spring Framwork, javascript, MariaDB, 넥사크로 사용
- 관리자 웹 페이지 프론트 및 백엔드 개발
- 기존 수기로 작성하던 일지를 PC나 태블릿으로 기록하도록 개선
- 병실별로 관리 주기를 기록하고, 다음 관리 주기에 알림을 주는 기능 구현
- 환자의 상태를 기록하는 기능 구현
- 요양병원의 한 달치 식단을 등록하는 기능 구현

2020.11 - 2021.03
MES 서비스 개발

- Java, Spring Framwork, javascript, MariaDB, 넥사크로 사용
- 고객사(해운회사) MES 시스템 개발 참여
- 인사 관리 파트 프론트 및 백엔드 개발
- 직원 입사/퇴사, 급여, 휴가 정보 등을 조회, 추가, 수정, 삭제하는 기능 구현
- 내부 데이터를 이용하여 각종 품의서, 기안서를 인쇄 가능한 PDF 형태로 변환해주는 기능 구현

portfolio.tsxX
// 개발 역량을 강화하기 위해 진행한 개인 프로젝트들입니다.// 최신 기술 스택 혹은 사용해본 적 없는 기술을 활용하여 다양한 문제를 해결하고자 노력했습니다.// 각 프로젝트는 기획부터 디자인, 개발까지 전 과정을 직접 담당하였습니다.
개발자 포트폴리오 템플릿 (개인 프로젝트 / 2024.08)
Next.js, Emotion, Vercel

개인 포트폴리오를 위해 작업했던 코드입니다. Visual Studio Code 컨셉의 디자인 작업물을 참조하여 제작하였습니다. 개발자의 기술, 프로젝트, 경력에 관한 정보를 소개합니다. 재미를 위해 기억력 게임이나 matter-js를 이용한 인터랙티브 요소도 포함되어 있습니다.

B-Card (개인 프로젝트 / 2024.06)
Next.js, Emotion, Firebase, Vercel

신용카드를 발급받고자 하는 사용자들이 다양한 은행사의 카드를 비교하고 선택할 수 있도록 하는 신용카드 발급 사이트입니다. 사용자는 각 카드의 특징과 혜택, 주의사항을 확인할 수 있으며, 3D로 카드의 디자인과 선택 가능한 색상을 확인할 수 있습니다.

말랑말랑 주사위 (개인 프로젝트 / 2022.03)
React.js, Firebase, Vercel

나의 사랑스러운 반려 동물, 혹은 우연히 길을 걷다 마주친 고양이. 순간의 행복을 다른 사람들에게 자랑하고, 공유할 수 있는 웹사이트입니다. 버튼을 누를 때마다 랜덤으로 누군가의 동물 사진을 감상할 수 있습니다.