<aside>

💡 안녕하세요. 신입 웹 개발자 홍화연입니다.

• Java (Spring) 와 React 를 활용한 웹 애플리케이션 개발, 운영 경험 보유
• 풀스택 개발 가능
• 정보처리기사 자격증, SQLD 자격증 보유
• 외국어 가능 (일본어, 영어)

주요 성과

• 조인으로 조회 SQL 성능 3배 향상 (0.069 sec ⇒ 0.022 sec)
• JUnit 테스트를 활용한 전체 코드 최적화로 소프트웨어 품질 향상 </aside>

<aside> 🚀

나의 스킬

• Java (Spring Boot)
• React
• MySQL, MyBatis, Spring Data JPA
• Naver Cloud, Docker </aside>

👩🏻‍💻 인적사항

🎂 1995 (만 30세), 여자

💌 [email protected]

📞 010-9906-6884

🏡 서울특별시 송파구 백제고분로39길 23

<aside> 📦

Github : https://github.com/ghkdusghd

</aside>

<aside> 📎

Blog : https://ghkdusghd.github.io/

</aside>

💡 학력 / 경력 / 교육이수

✏️ 2024.02 - 2024.08

[비트캠프] 네이버클라우드캠프 DevOps 과정 수료

💼 2018.11 - 2024.01 (5년3개월 비개발 경력)

한국스미토모전공일렉트로닉스(주) 업무부 대리

담당 업무 : 물류, 회계, 총무, IT 헬프데스크

🎓 2013.03 - 2018.02

상명대학교(서울, 4년제) 일어교육과

🏫 2010.03 - 2013.02

청원여자고등학교(서울) 문과계열

🎖️ 자격증 / 어학 점수

📍 포트폴리오

<aside>

NCBT

네이버 클라우드 플랫폼 자격증 시험을 준비하는 수험생들을 위한 CBT 모의고사 웹 사이트.

• 팀 프로젝트 (풀스택 2인)
• 개발 기간 : 2024.10 - 2024.12 (약 3개월)
• 운영 기간 : 2025.01 ~ 2025.03 (약 3개월) </aside>

🛠️ 프로젝트 아키텍처

기술 선정 이유

1. MySQL
   • 학습 및 사용 경험이 있는 RDBMS 라서 익숙하다.
   • 처음 팀 프로젝트에서 사용했을 때는 데이터 모델링 단계를 소홀히 했었는데 그 때문에 개발 단계에서 여러 번 DB 구조를 수정해야 했다. 개인적으로 아쉬움이 많았기에 그 경험을 개선해 보고자 선택했다.
   • 개발자는 코드만 짜는 사람이 아니다, 좋은 설계를 할 수 있어야 한다고 생각하기에, RDBMS 의 특징이라 할 수 있는 외래키를 어떻게 다룰 것인지, 좋은 데이터 모델링이란 어떤 것인지 스스로 고민하며 만들어보고 싶었다.
2. MyBatis
   • 일반적인 CRUD 작업을 크게 벗어나지 않는 간단한 서비스로 기획했기에 JPA 같은 객체 매핑 ORM 기술은 오히려 개발 복잡도를 증가시킬 수 있다고 판단했다.
   • 개발자가 SQL 을 직접 작성하고 제어할 수 있기에 개발 편의성이 높고, 최적화가 용이해서 선택했다.
3. Apache
   • Let’s Encrypt 의 무료 인증서를 발급하기 위해 설치했다.
   • Spring Boot 에서 SSL 인증서를 발급할 수도 있지만, 애플리케이션 앞 단에 Apache 를 배치함으로써 로드밸런싱이 가능해지는 이점이 있고, 애플리케이션이 직접적으로 노출되지 않는다는 점에서 외부로부터 직접 공격을 받을 가능성이 적어지는 보안상의 이점이 있을 것이라고 판단했다.
   • 인증서의 유효기간이 3개월로 상당히 짧은 편인데, Apache 의 경우 완전 자동으로 인증서를 갱신해주지만, Nginx 는 별도로 작업이 필요해서 간편한 구현을 위해 Apache 를 선택했다.

🔧 코드 레벨 아키텍처

1. 분산 처리로 네트워크 통신 비용 절감 및 화면 렌더링 속도 개선

• React 에서 public 폴더의 정적 데이터를 랜덤 배열로 가져와서 화면에 표시. | | 기대효과 | - 일반적으로 데이터베이스는 ‘Select’ 작업에서 가장 많은 시간을 소요하게 되는데, 이러한 조회 작업을 프론트 단에서 처리하는 것으로 분산 처리하여 delay 를 줄이고 사용자 경험을 개선했다.
• 서버와 통신하지 않고 React 자체적으로 렌더링하여 네트워크 통신 비용을 절감했다.
• public 폴더에 위치한 정적 데이터는 클라이언트 측에서 접근이 가능하기 때문에 보안상의 문제가 있을 수 있다. 그래서 유출되더라도 서비스 운영에 문제가 되지 않는 ‘CBT 덤프 데이터’ 만 저장했다. |

2. 사용자 인증 정보를 보호하기 위한 JWT 저장 방법

• Refresh Token 을 자바스크립트로 접근할 수 없는 HTTP Only Cookie 에 저장.
• MySQL 에 Refresh Token 저장 및 블랙리스트 관리. | | 기대효과 | - 사용자 정보가 담긴 Access Token 은 개발 편의성을 고려하여 브라우저의 로컬, 세션 스토리지 중 하나에 저장하기로 했다. 둘 다 자바스크립트로 접근이 가능하지만 세션 스토리지는 페이지 세션이 끝나면 사라지기에 보안을 고려하여 세션 스토리지에 저장했다. 대신 유효 기간을 짧게 설정하여 탈취 위험에 대비했다.
• Refresh Token 은 빠른 속도가 강점인 Redis 에 저장하는 것이 일반적이지만 NCBT 서비스는 소규모 프로젝트이기 때문에 대용량 트래픽에 대비할 필요는 없을 것이라고 생각했고, NoSQL 을 다뤄본 경험이 없기에 공부하며 프로젝트를 병행하기에는 시간이 부족하고 품질도 좋지 않을 것으로 판단하여 MySQL 에서 블랙리스트를 관리하기로 했다. |

📦 ERD