인적 사항
이름
박승원
전화번호
010-3158-3683
이메일
winnerone0409@gmail.com
학력 사항
- 한세사이버보안고등학교
(2023. 3. 2.~)
자격증
정보기기운용기능사
(2025. 7. 18.)
AWS Cloud Practitioner
(2025. 4. 21.)
정보처리기능사
(2024. 4. 17.)
ITQ OA Master
(2023. 11. 9.)
GTQ 포토샵 1급
(2023. 9. 15.)
기술 스택(Click text to view docs)
프로젝트
자율 동아리 홍보 페이지
React를 사용한 동아리 홍보 웹
#React #Typescript #CRA #slick-carousel #styled-components #Vercel
+
- Typescript 언어로 Interface를 정의해 props로 스타일을 쉽게 적용할 수 있도록 설계했습니다.- slick-carousel 라이브러리를 사용하여 사용자가 보기 편하도록 캐러셀 UI를 구현했습니다.- styled-components 라이브러리를 사용하여 반복적인 태그는 따로 선언하여 코드 반복성을 줄였습니다.- Vercel Deploy 서비스를 사용하여 학생들이 쉽게 접속할 수 있도록 배포했습니다.
미세먼지 정보 조회 웹
React와 공공데이터포털 API를 사용한 미세먼지 정보 조회 사이트
#React #Typescript #react-router-dom #styled-components #Vite #ESLint #공공데이터포털
+
- Typescript 언어를 사용하여 API에서 받아올 데이터 Type을 정의해 요청 오류를 방지했습니다.- 유틸 함수를 따로 파일에 정의해서 코드 재사용성과 유지보수성을 증가시켰습니다.- 함수에 주석을 추가해서 함수를 사용할 때 기능을 간략하게 파악할 수 있도록 제공했습니다.- 요청한 데이터를 효율적으로 사용할 수 있도록 파싱했습니다.- env 파일로 API 인증 키를 안전하게 보관했습니다.- 아직 부족한 기능이 많아 계속해서 고민하며 추가 및 보수하고 있습니다.
이미지 자동 백업 사이트
React, Express.js를 사용한 이미지 자동 백업 정적 웹
#React #Express_JS #Typescript #Javascript #Multer #AWS_S3
+
- AWS S3 서비스는 자동으로 백업해 주는 서비스와 성격이 비슷하여 개발했습니다.- AWS S3 서비스를 활용하여 백업 스토리지를 구성했습니다.- React를 사용하여 정적 사이트로 개발하여 웹 효율성을 높였습니다.- REST API를 기반하여 백엔드를 구현했습니다.- Multer 미들웨어를 사용하여 파일 업로드를 처리했습니다.
Twitter 클론 코딩
React와 Firebase를 사용한 트위터의 트윗, 타임라인, 프로필 페이지 구현
#React #Typescript #Vite #Firebase
+
- Firebase Authentication 서비스를 활용하여 이메일/비밀번호 기반 로그인 및 소셜 로그인 기능을 구현했습니다.- Firestore 서비스를 사용하여 사용자가 게시글을 작성하고, 타임라인에 표시되도록 구현했습니다.- 실시간으로 새로운 게시글이 즉시 반영되도록 개발했습니다.- React-router-dom으로 라우팅하여 SPA 구조를 설계했습니다.- Vite를 사용하여 프로젝트의 초기 구동 속도를 향상시켰습니다.