JavaScript

이번에 내가 맡게 된 업무는 배너 이미지(소재) 만 등록 되던 기능에 운영중인 서비스 환경에 동영상 업로드 및 압축 기능을 추가하는거였다. 개발을 잘 모르는 사람들은 "아니 이미 파일 업로드 기능이 있는데? 그냥 기존에 업로드 하던 부분 조금만 손보면 되는거 아니야?" 이렇게 말을 할 수도 있지만 개발은 운영중인 서비스에 어떤 기능을 도입하는게 해당 기능을 새로 만드는 것보다 어렵다.. 🤨 그러니 운영 중인 서비스에 어느 기능을 넣을 땐 최대한 많이 검토하는 습관을 길러야한다!! 제일 힘들었던건 ffmpeg가 국내에 정보가 많이 없는 것 같다. 🤬 그래서 따라하기 좋은 예제를 github 이슈에 모아놓았다.. github 링크는 아래 레퍼런스에 남김 :) FFmpeg FFmpeg는 오디오와 비디오를 다루..

이번에 내가 맡게 된 업무는 dropzone.js 를 이용하여 동영상 업로드와 미리보기 및 썸네일 기능을 만드는 것이였다. 요즘들어 부쩍 스크립트 만질 일이 많아졌는데 BE 코드를 다루지 못하고 있어서 아쉬움이 많다... 😭 업무 진행 당시 dropzone.js version : 5.5.0 진행상황 동영상 업로드 , 동영상 특정 구간 썸네일 추출 , 미리보기 기능 구현 완료! 😎 이슈 & 고민 및 해결 배너배리에이션 기능을 만들었던 이미지 등록하는 화면에서 당시에는 발견하지 못했던 버그들도 발견하면서 수정하고 dropzone.js 오픈 소스 라이브러리 코어 스크립트를 조금 수정하였다. 😂 이 업무를 진행하면서 이슈나 고민 거리는 없었던 것 같다 🤗 [지난 배너 배레이이션 작업 이후 체크 못한 결함 사항 ..

이번에 내가 맡게 된 업무는 난독화 된 스크립트를 분석하여 특정 행위를 하는 지 확인해보는 업무다. 🤔 다른 사람이 작성 한 코드를 보고 이해하는 건 역시 어려운 일이지만 이해를 하고 다음에 내가 적용할 일이 있으면 그것만큼 값진 경험도 없다고 생각한다.😂 이 일을 맡게 된 건 경쟁사 스크립트가 어뷰징 행위를 한다고 판단 하여 분석하게 되었다. 역시나 그 행위를 하고 있는게 맞았다...😛 진행상황 스크립트가 특정 행위를 한다고 예상. 1.기능 예상 시나리오 2.스크립트 분석 (변수 및 함수 , 전역 변수 용도파악) 2-1. 특정 조건 파악 2-2. 데이터 통신 간 요청 데이터 확인 , 응답 데이터 확인 3.디버깅 이슈 & 고민 및 해결 해당 코드를 분석하면서 어려움을 겪던건 난독화 된 코드이기도 했지만 ..

이번에 내가 맡게 된 업무는 배너 배리에이션 기능을 만드는 것이였다. 서비스에 없는 기능을 도입하는 것은 언제나 두렵고 설렌다. 그동안 내가 개발했던 프로그램들 비중은 주로 BackEnd 영역이다.. 그렇기에 개발하면서 많이 버벅거리고 답답했었지만 공식문서를 읽으면서 재미 있었던 것 같다. 이 기능을 개발하게 되는 사람들을 위해 도움이 되었으면 좋겠다 😊 * 배너 배리에이션 : 웹 페이지 또는 앱에서 사용되는 배너(Banner)나 광고 영역을 다양한 스타일로 변화시키는 기능을 말합니다. 이는 사용자에게 보다 다양하고 흥미로운 시각적 요소를 제공하여 웹 경험을 향상시키는 데에 사용됩니다. 진행상황 현재까지 기본적인 배너배리에이션 기능 틀을 갖추었고 특정 이미지 규격 파일을 업로드 하면 해당 이미지를 이용하..