센스쟁이 프로그래머, 비트센스

OWASP ZAP(Zed Attack Proxy)과 Burp Suite Professional은 웹 및 API 기반 애플리케이션의 보안 취약점을 찾아내는 대표적인 동적 분석 도구입니다. 두 도구 모두 OWASP Top 10에 해당하는 흔한 웹 취약점들을 탐지하고 테스트할 수 있으며, 프록시 기능을 기반으로 애플리케이션과 공격자 사이에서 요청/응답을 가로채 검증합니다 . 하지만 취약점 탐지 범위와 정확도, 자동화 및 스크립팅 지원, CI/CD 파이프라인 통합 능력, PHP/Python 환경에서의 활용 편의성 등 여러 측면에서 차이가 있습니다. 여기서는 OWASP Top 10 중심의 보안 테스트 관점에서 ZAP과 Burp Suite Pro를 자세히 비교하고, 각 도구의 장단점과 상황별 적합성을 평가하겠습니다..

Programming/Frontend 2025. 4. 21. 21:25

TypeScript에서 함수를 정의하는 두 가지 주요 방식의 장단점을 설명해드리겠습니다:function 키워드 사용:function add(a: number, b: number): number { return a + b;}  장점:호이스팅(hoisting)이 되어 함수를 선언 전에도 호출 가능this 바인딩이 동적으로 이루어짐 (메서드로 사용할 때 유용)코드가 더 명시적이고 읽기 쉬움재귀 함수 작성이 더 자연스러움제네릭 타입 사용이 더 직관적 const 화살표 함수:const add = (a: number, b: number): number => { return a + b;}; 장점:this가 렉시컬 스코프로 바인딩됨 (콜백 함수에서 유용)더 간결한 문법 (특히 한 줄 함수의 경우)변수 재할당..

Programming/Frontend 2025. 4. 12. 08:45

엑셀 파일의 수정 감지는 크게 두 가지 방식으로 나눠서 생각할 수 있습니다.📌 1. 로컬(단일 PC) 환경에서 엑셀 수정 감지로컬 PC에서 엑셀 파일을 모니터링할 때는 보통 다음 두 가지 방식이 쓰입니다.파일 시스템 이벤트 감지(watchdog, Windows의 파일 시스템 Watcher 등을 통해 파일이 변경되었는지 확인)폴링 방식 (주기적 파일 상태 체크)(파일의 변경시간, MD5 해시값, 크기 등을 정기적으로 확인해 변화가 있을 때 추출)장점빠른 속도간단한 구조단점네트워크 폴더 감시보다는 환경 제약이 적지만, 파일을 여러 사람이 수정하는 경우 충돌할 가능성이 있음. 📌 2. 네트워크(공유 폴더) 환경에서 엑셀 수정 감지네트워크 환경에서는 위 방식에서 몇 가지 고려 사항이 추가됩니다.기본적으로는 ..

Programming/Frontend 2025. 3. 28. 09:52

다음은 TypeScript를 사용하여 크롬 확장 앱에서 프로파일 사용자 정보를 가져오는 방법을 보여주는 코드입니다. 필요한 파일과 코드를 정리했습니다. 1. manifest.json (권한 설정이 이미 완료되었다고 가정)manifest.json 파일은 따로 제공하지 않습니다. 확장 앱의 권한 설정에서 "identity"가 포함되어 있어야 합니다. 2. background.ts// background.tsfunction getUserProfile(): void { chrome.identity.getProfileUserInfo((userInfo) => { console.log('User ID:', userInfo.id); console.log('User Email:', userInfo.email..

Programming/Frontend 2025. 1. 27. 08:29

Node.js의 다양한 버전을 효율적으로 관리하려면 **NVM(Node Version Manager)**을 사용하는 것이 좋습니다. NVM을 통해 여러 버전의 Node.js를 설치하고, 필요에 따라 손쉽게 전환할 수 있습니다. 아래는 NVM의 설치부터 활용까지의 방법을 정리한 내용입니다.1. NVM 설치하기 • Windows: 1. NVM for Windows GitHub 페이지에서 최신 버전의 nvm-setup.exe 파일을 다운로드합니다. 2. 다운로드한 설치 파일을 실행하고 지시에 따라 설치를 완료합니다. • macOS/Linux: 1. 터미널을 열고 아래 명령어를 입력하여 NVM을 설치합니다.curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39..

Programming/Frontend 2025. 1. 4. 12:20

사이트가 복잡해져 가면 component 를 잘게 찢어서 사용하기에 한계가 있다. 이유는 상위 parent component 에서 하위 childe component 를 호출하는 거야 문제가 없겠지만, 하위 child component 내부에서 변경된 변수값을 상위 parent 에 전달하기 복잡하다. 복잡하지만 그래도 사이트를 만들어야 하니 해야지.. 참조페이지 https://svelte.dev/examples/component-bindings 1. dispatcher 사용 참조 페이지 : https://svelte.dev/tutorial/component-events 자주 애용하지만 복잡하다. vuejs 에서 $emit()과 거의 같은 역할을 한다. vuejs 를 하다 보니 아래 $emit과 동일한 걸..

Programming/Frontend 2022. 8. 12. 16:27

SvelteJS 사용 이유? 빠르다니깐, 궁금해서~! 그런데 모르겠다. react, vue, svelte 모두 빌드한 js 소스를 서버에 올리고 다운로드 받아서 사용하는 진짜 프론트엔드 사이드 스크립트다. 중간의 내용이야 어찌저찌 해서 팩키징 결과물이 조금씩 틀려지기는 하겠지만, 그렇다고 속도 측면은 잘 모르겠다. react는 안써보고, vue랑 별반 차이가... 그냥 빠르다니깐.. 그런가? 하는데.. 알아서들 참조하시고~ 아직 vite, rollup 차이를 구분 못하고, 실무에 sveltejs를 적용해 보면서, 맨땅에 헤딩하는 심정으로 진행하면서 실무에 필요한 내용 중에 빠져 있거나, 샘플에서 커스터마이징이 필요한 내용들을 정리해서 올려 보겠다. typescript를 사용하는 이유? 정형화된 틀에 맞춰..

Programming/Frontend 2022. 8. 4. 10:14

갑자기 크롬 확장 앱이 만들어 보고 싶어졌습니다. 몇년 전에 관심을 가지고 잠깐 보기는 했지만, 멀 만들지??? 하는 생각에 잠깐 보고, 이렇게 만드는 구나~~ 하고 말았는데, 유투브 동영상에 나오는 광고가 귀찮아서 없애볼까 하는 생각에 다시 크롭앱을 보기 시작했네요.. 크롬 관련된 개발할 수 있는 종류가 몇가지 됩니다. https://developer.chrome.com/docs/ Documentation - Chrome Developers Build the next generation of web experiences. developer.chrome.com 이중에서 페이지가 로딩되면 곧바로 실행되어야 하니, Extensions 항목을 먼저 공부해 봅니다. https://developer.chrome...

Programming/Frontend 2022. 2. 21. 19:46