프론트엔드 개발자,박성훈 입니다.

삼성닷컴 통합, 프로모션 런칭 및 운영 / 고도화

삼성닷컴 내 가장 제품 판매 매출이 높은 페이지의 메인 운영을 진행하며, 서버/백엔드 담당자와 지속적인 트래킹 체크 및 넷퍼넬을 적용했습니다. 매월 변경되는 고객 요구사항 대응을 위해 확장성과 의존성을 고려한 유연·독립적인 함수 및 모듈화를 적용해 페이지 로딩 속도를 개선했습니다.

• 통합런칭 — 삼성 TV
  samsung.com/sec/event/2024-tv-launching
• 통합런칭 — 비스포크 냉장고
  samsung.com/sec/event/bespoke-refrigerator
• 통합런칭 — 김치냉장고
  samsung.com/sec/event/kimchi-refrigerator

삼성닷컴 멤버십 이벤트 게임 제작

• 오 마이 재질테스트
  "MBTI"를 포커스로 트래픽 상승 유도를 위한 프로모션 이벤트 게임 — JavaScript / jQuery
• 코기 가족 찾기
  "월리를 찾아라" 컨셉의 트래픽 유도용 프로모션 게임 — JavaScript / jQuery

모듈, 유틸 제작 및 고도화

• 스마트폰 바꿔보상 금액 체크 모듈 (3 Depth)
  기존 소유 중인 갤럭시·아이폰을 신규 구매 스마트폰 가격 할인 프로모션을 위해 제작
• 다중 조건문 모듈
  data-value에 다중 조건을 적용해 고객 요구사항의 유연한 대응을 위해 제작

내부 운영 작업 프로세스 시스템 설계

• Excel to Json
  DB 변경 작업을 JSON으로 관리할 때 발생하는 휴먼 에러를 줄이기 위한 검증 로직과 자동 변경 기능
• Tool Checker
  DB 내 상품 추가·제거 시 툴과 호환되는 마크업 오류 검증 및 직관적인 에러 위치 파악 도구

H&A 본부 데이터 관리 대시보드

• 기존 코드 충돌로 인한 가전 종류별 서비스 비정상 노출 건 키워드별 모듈 분기처리 고도화
• 초기 마크업 구축 및 공통 스타일 설계 (PC 기반)
• 대용량 데이터 타입별 분기처리 및 재통합, 종류별 차트 모듈 제작

ThinQ 마이홈리포트

• 초기 마크업 구축 및 공통 스타일 설계
• 앱 컨텐츠 클릭 수, 화면 지속 시간, 이탈률 탐지 로직
  moment, useBlocker 사용
• 에너지 소비·사용 빈도 그래프 차트 모듈 제작
• TalkBack, ScreenReader 접근성 적용

ThinQ 생활연구소

• 초기 마크업 구축 및 공통 스타일 설계
• 체류 시간·이탈률 감소를 위한 YouTube API & PIP 모드 고도화 협업
• TalkBack, ScreenReader 접근성 적용

ThinQ LG 베스트 케어

• 기존 코드 충돌로 인한 가전 종류별 서비스 비정상 노출 건 키워드별 모듈 분기처리 고도화
• 초기 마크업 구축 및 공통 스타일 설계 (PC 기반)
• 대용량 데이터 타입별 분기처리 및 재통합, 종류별 차트 모듈 제작

LG Seller Lounge / Content Store

• 판매 상품 데이터 추출 시스템 고도화
• 다기능 범위 캘린더 (1일·1주·1달·분기·홀/짝수월·년도별 범위)
• 로딩속도 관련 이미지 Resize·Lazy 적용 / 코드 리팩토링 성능 최적화

Jira / Collab — 내부 구성팀 데이터 대시보드

• 프로젝트 킥오프 시 스케줄·진행 상태·이슈 파악용 인프라 구축

Python — 내부 직원용 자동화 프로그램

운영팀 내부 반복 작업 자동화

• Python-docx
  Word 문서 자동화 exe 제작
• Openpyxl
  Excel 문서 자동화 exe 제작
• cv2, OpenCV, pytesseract
  OCR 자동로그인 exe 제작
• Selenium
  운영 Admin 페이지 내 일일보고서 자동화 exe 제작
• PIL
  사진 사이즈 및 파일 변환 기능 exe 제작

보고서 / 일일점검 / 장비백업

• 정기보고서 (일일/주간/월간) 작성
  탐지 이벤트, 발생시간, 출발지·목적지 IP/Port를 기재하고 위험도 책정 후 권고 및 조치사항 반영
• 관제 전반 모니터링 및 SIEM CPU/Memory/Cache 점검
  에이전트 활성화 여부 및 시·분별 로그 정상 유입 확인
• F/W, IPS, WAF 장비 백업
  GUI 환경이 무거운 장비는 CLI 접근으로 .txt 저장

보안 이벤트 모니터링 및 분석

• 웹해킹 취약점 정탐
  404 기반이 아닌 실제로 영향이 있는지 공격 유효성 테스트
• SYN Port Scan, Spoofed DDoS 취약점
  DDX/F/W 로그 조회를 통한 공격 시도 수, 트래픽량(Cacti, DDX) 모니터링 및 IP·PORT 차단
• APT 공격 대응 (FireEYE EX/NX, Spamsniper)
  탐지된 Phishing URL·Malicious DNS·Host를 Nslookup으로 확인 후 Malwares·VirusTotal로 악성 여부 확인

업무 프로세스 고도화

• 취약점 점검 자동화 웹프로그램
  BC카드 홈페이지의 고객 정보 노출 및 취약점 방지를 위한 자동검색 도구 제작
• Spoofed DDoS, SipVicious, wordpress Vulnerability 등 일괄차단 IP 리스트 추출 프로그램
  중복·공백 제거, 공인/사설 IP 분기 등록, Human Error 방지

클라이언트 사이트 런칭

병원·기업·학회·프렌차이즈 등 15개 이상의 클라이언트 사이트의 런칭·이관·데이터 마이그레이션을 단독 진행했습니다. (비인가 및 클로즈된 사이트 제외)

• 이화수 육개장 (ihwasoo.com)
  프랜차이즈 사이트 리뉴얼 / 181개 매장 DB 재설계 및 통합 / 카카오맵 API 커스터마이징 / 창업 문의 SMS 자동화
• 국제통합의과학회 (imsacademy.net)
  학회 사이트 신규 구축 / 7단계 회원 등급 권한 체계 / 승인제 회원가입 운영 / Vimeo 영상 자료실 연동
• 대전시립노인병원 (ilovenoin.com)
  병원 홈페이지 런칭 / 진료일정표 캘린더 관리자 편집 / 자원봉사 신청 정원 제한·자동 마감 / 카카오톡 오픈채팅 연동
• 유성한가족병원 (han.or.kr)
  병원 홈페이지 런칭 / 의료진 근무표 관리자 편집 UI / 반응형 (PC·Mobile) / IE11 대응
• 명신메디컬 (msmedi.com)
  의료기기 회사 홈페이지 런칭 / 다국어 적용 (KOR·ENG·CHN) / Gnuboard 유튜브 임베드 모듈 제작 / 비개발자 운영자용 제품 등록 폼
• 두타기술 (duta-rnd.com)
  회사 홈페이지 런칭 / 다국어 적용 (ENG·KOR, 영문 디폴트) / 가변 사양표 DB 1:N 설계 / 비개발자 어드민 운영
• 대원산업 (daewonic.com)
  회사 홈페이지 리뉴얼 / 다국어 적용 (KOR·ENG·CHN) / 호스팅 트래픽 제한 하 이미지 최적화 / IE11 인터랙션 단계적 대응 합의
• 오픈엠 (openm.com)
  회사 홈페이지 런칭 / 다국어 적용 (KOR·ENG) / 카카오맵 연동 / Gnuboard 게시판 다국어 분리 운영
• BMST (bmst.co.kr)
  회사 홈페이지 런칭 / 다국어 적용 (KOR·ENG·CHN·JPN) / 연간 관리 일정 운영자 편집 UI / E-book·카탈로그 디지털 배포
• 김형제 (kimbro.co.kr)
  프랜차이즈 본사 홈페이지 런칭 / 가맹 모집 중심 IA 설계 / 매출 지표 시각화 / 지역 필터 슬러그 상수화로 휴먼 에러 차단
• 여수요양병원 (newstart.co.kr)
  병원 홈페이지 런칭 / 보호자 동선 중심 IA 재설계 / Gnuboard 스킨 커스터마이징 / 게시판 스팸 필터링

• 사이언스스타 (sstar.biz)
  쇼핑몰 리뉴얼 / 학년·학기별 단원 매핑 IA / 견적서·품의서 JPG 출력 (html2canvas) / CS 문의 90%+ 감소