Develop (28) 썸네일형 리스트형 난독화 된 자바 스크립트 분석하기 이번에 내가 맡게 된 업무는 난독화 된 스크립트를 분석하여 특정 행위를 하는 지 확인해보는 업무다. 🤔 다른 사람이 작성 한 코드를 보고 이해하는 건 역시 어려운 일이지만 이해를 하고 다음에 내가 적용할 일이 있으면 그것만큼 값진 경험도 없다고 생각한다.😂 이 일을 맡게 된 건 경쟁사 스크립트가 어뷰징 행위를 한다고 판단 하여 분석하게 되었다. 역시나 그 행위를 하고 있는게 맞았다...😛 진행상황 스크립트가 특정 행위를 한다고 예상. 1.기능 예상 시나리오 2.스크립트 분석 (변수 및 함수 , 전역 변수 용도파악) 2-1. 특정 조건 파악 2-2. 데이터 통신 간 요청 데이터 확인 , 응답 데이터 확인 3.디버깅 이슈 & 고민 및 해결 해당 코드를 분석하면서 어려움을 겪던건 난독화 된 코드이기도 했지만 .. 배너배리에이션 기능 - 자바스크립트 캔버스 API 도전기 이번에 내가 맡게 된 업무는 배너 배리에이션 기능을 만드는 것이였다. 서비스에 없는 기능을 도입하는 것은 언제나 두렵고 설렌다. 그동안 내가 개발했던 프로그램들 비중은 주로 BackEnd 영역이다.. 그렇기에 개발하면서 많이 버벅거리고 답답했었지만 공식문서를 읽으면서 재미 있었던 것 같다. 이 기능을 개발하게 되는 사람들을 위해 도움이 되었으면 좋겠다 😊 * 배너 배리에이션 : 웹 페이지 또는 앱에서 사용되는 배너(Banner)나 광고 영역을 다양한 스타일로 변화시키는 기능을 말합니다. 이는 사용자에게 보다 다양하고 흥미로운 시각적 요소를 제공하여 웹 경험을 향상시키는 데에 사용됩니다. 진행상황 현재까지 기본적인 배너배리에이션 기능 틀을 갖추었고 특정 이미지 규격 파일을 업로드 하면 해당 이미지를 이용하.. 자주 사용하는 linux 필수 명령어 모음 대부분의 서버 어플리케이션 혹은 컨테이너 환경이 Linux 기반의 OS 에서 구동하기 때문에.. centos,ubuntu... 백엔드 개발자 혹은 서버 어플리케이션을 개발 및 운영해야하는 개발자분들한테 Linux 명령어 는 필수적인 요소😥 아래는 자주 사용되는 리눅스 명령어 입니다. 이쯤되면 외워질 법한데 자꾸 까먹고 검색하게 되어 임시로 정리해놓은 글.. 🚧 pwd print work directory의 약자로 작업 중인 디렉터리를 보여줍니다. 🚧 ls list segments의 약자로 현재 디렉터리의 파일과 디렉터리를 보여줍니다. 🚧 cd change directory의 약자로 말그대로 디렉터리 이동 시 사용하는 명령입니다. 🚧 mkdir make directory의 약자로 디렉터리를 만들 때 사용합.. github & Jenkins CI/CD 자동 빌드 배포 환경 구성하기 - 1 젠킨스 CI / CD 환경을 여러번 구성하였지만 할 때마다 환경도 달라지고 프로젝트 구성도 달라지면서 가물가물.. 이번엔 기록하면서 머리에 넣어야겠다.. 😵 일단 나는 NHN클라우드 - 인스턴스 - 리눅스(centos 7) 환경에서 작업하고 있다. 생략 하고 바로 젠킨스 설정을 살펴보자 😛 종종 이렇게 git 저장소와 연결 설정 할 경우 자주 나올 수 있는 오류로는 Failed to connect to repository : Error performing command: git.exe ls-remote -h https://github.com/DongJu-Na/Nadry.git HEAD 원인으로는 아래와 같다 네트워크 연결 문제: 젠킨스 서버가 인터넷에 연결되어 있는지 확인 방화벽 또는 프록시 설정으로 인.. [Spring Cloud] 스프링 클라우드 란 무엇인가요? 스프링 클라우드(Spring Cloud)는 스프링 프레임워크 기반의 클라우드 네이티브 애플리케이션을 개발하기 위한 프로젝트입니다. 스프링 클라우드는 분산 시스템에서 필요한 다양한 기능들을 추상화하여 제공하고 있으며, 마이크로서비스 아키텍처를 구현할 때 유용하게 사용됩니다. 출처 스프링 공식 문서 스프링 클라우드는 다음과 같은 기능들을 제공합니다. 서비스 디스커버리(Service Discovery): 서비스 디스커버리는 마이크로서비스 환경에서 서비스를 검색하고 호출하기 위한 기능입니다. 스프링 클라우드는 Netflix OSS의 Eureka, Apache ZooKeeper, Consul 등 다양한 서비스 디스커버리 툴과 통합되어 있습니다. API 게이트웨이(API Gateway): API 게이트웨이는 여러 .. [Spring Boot] H2 in memory DB 사용 시 Database "C:/Users/사용자/test" not found, either pre-create it or allow remote database creation (not recommended in secure environments) 오류 발생 / 해결 방법 Webflux 공부 중 Database를 사용해야 되는 상황이 생겨 서버 구성하긴 번거롭고.. 예전 기억을 살려 간단하게 H2 Database 사용하려고 하는데 오류가 발생해버렸다.. 🤕 오류 상세 내용을 확인 하면 예전에 사용 했을 때는 Database를 자동으로 생성 했던 걸로 기억하는데 공식문서를 확인해보니 보안상 이유로 더 이상 자동으로 생성하지 않는다고 한다. 문제해결 > database를 사전 생성 해서 사용 Database를 생성하는 방법은 아래 링크를 참고 > 문서 볼 시간도 아깝다.. 당장 해결만 하고자 한다면 해당 경로에 메모장을 만든 후 파일명을 test.mv.db 로 수정 후 저장하면 해결된다. (test는 커넥션팩토리에서 설정한 스키마명) https://h2database.com/.. [Spring] Web Mvc Vs Web Flux 웹 개발 할 때 Webflux ? WebMvc? 어느 것을 선택해야 하는거야!!! 😤 WebMvc와 Webflux 개념을 알기 전에!!! 동기와 비동기가 무슨 뜻인지 부터 알아보자 🤔 동기와 비동기는 프로그래밍에서 자주 쓰이는 용어야. 동기는 '동시에 일어난다'는 뜻이야. 어떤 작업을 하고 그 결과가 나올 때까지 기다리는 방식이야. 즉, 하나의 작업이 끝나기 전에는 다른 작업을 못하고 기다려야 하는 거야. 이 방식은 간단하고 직관적이지만, 다른 작업을 못하고 기다리면서 시간이 낭비될 수 있어. 반면에 비동기는 '동시에 일어나지 않는다'는 뜻이야. 어떤 작업을 하고 결과를 기다리지 않고 다른 작업을 할 수 있는 방식이야. 즉, 한 작업이 완료될 때까지 다른 작업을 하면서, 결과가 나오면 해당 작업을 처리하.. React 로 롤 전적 통계 사이트를 만들어보자! - 3 회사 다니면서 시간을 쪼개어 사이드 프로젝트를 진행하다 보니 쉽지 않았다 😥 (BE개발자 두명이서 진행했으며 저는 프론트를 맡았고 BE나 Devops는 어려움 겪을 때 지원하며 프로젝트를 끌고 갔다) 또 BE개발자 이다보니 자신있게 시작했지만 상당히 부족함이 많은걸 알게 되었다 😤 중간마다 공부한 내용도 정리하고 블로그에 글도 남기고 싶었는데.. 여유가 너무 없었다.(아직 구현 안된 기능도 많으며 product 키가 아니고 personerkey이기 때문에 조회 제한도 있는 상황 참고 바란다.) 매우 부족하지만 혹시 필요한 사람들이 있을까 싶어서 소스는 github 공유해놓았다. 😛 프론트/백엔드 모두 퍼블릭으로 게시하였습니다😑 https://github.com/DongJu-Na DongJu-Na - Ov.. 이전 1 2 3 4 다음
