전체 글94 [React] VS Code를 사용하여 세팅하기(1) 원래 나는 jsp... jquery 시절 자바스크립트로 프론트엔드(?) 개발을 했었다... (아주 구석기시대ㅋㅋ)그러다 Frontent Framework가 급부상 하면서 예전 프로젝트에서 Vue를 한번 찍먹(?)으로 맛보게 되었고,지금 회사에선 React로 개발해보고자 하는 니즈가 있어 정리해본다. 2개 차이가 궁금하다면 아래글 참조https://ssmyefrin.tistory.com/96 React VS Vue요즘(?)에도 인지 모르겠지만 프론트엔드 개발의 양대 산맥 React 와 Vue!!! 일단 나는 Vue만 써본사람으로써 React는 어떨때 써야 더 매력적인지 알아보다 정리하게 된다. Vue와 React의 가장 큰 차이는ssmyefrin.tistory.com ✔ 우선작업NodeJS 설치가 필수.. 2025. 4. 23. React VS Vue 뭘 써야 할까 요즘(?)에도 인지 모르겠지만 프론트엔드 개발의 양대 산맥 React 와 Vue!!! 일단 나는 Vue만 써본사람으로써 React는 어떨때 써야 더 매력적인지 알아보다 정리하게 된다. Vue와 React의 가장 큰 차이는 Vue는 "프레임워크",React는 "라이브러리" 라는 점이다. 그말은 즉슨, 리액트는 자유도가 높고 뷰는 기능이 정해져있어 따라야 한다는 의미다. React는 자바스크립트 문법을 쓰고 싶은대로 사용이 가능하지만 Vue는 제공해주는 문법에 한해서만 구현이 가능하다. 둘 다 컴포넌트 기반의 아키텍처이며 빠르고 가볍다. ⚛️ Vue (프레임워크)"여기서부터 여기까지 이렇게 짜세요~" 하고 틀이 다 정해져 있음템플릿 문법 (HTML에 가깝게), 디자이너 출신도 배우기 쉬움양방향 바인딩 (v.. 2025. 4. 23. 그곳에서 1년을 보내며.. 작년 요맘때쯤 새롭게 회사를 이직 했다. 새로운 환경에서 일할 생각에 두근거리기도 했고 또 혹시나 이상한 사람이 있지 않을까 염려하며 그렇게 입사를 했더랬지.. 아 근데, 생전 태어 나서 처음 겪어보는 분위기에 매우 당황쓰(?) 나름 다양한 프로젝트를 하며 여기저기 이상한 상황, 많은 사람들을 경험해 봤다고 자부하는 사람인데 ㅋㅋㅋ 여긴.. 개인주의가 넘치다 못해 팀원이 누가 휴가를 썼는지도 모르는 ㅋㅋㅋㅋ 공유를 안해주는 분위기, 이건 뭐 나중에 누가 퇴사해도 모를꺼같달까?ㅋㅋ 초반엔 나도 이런 분위기를 바꾸어 보려고 노력했었다. 좋은 뉴스가 있으면 공유해주고 혁신적인 기술이 있으면 내가 맡은 서비스에도 적용해보려고 했고 효율적인 방향으로 가보려고 했으나,이게 참 조직의 문화는 나 혼자 바꾸려는고 해도.. 2025. 4. 2. [AWS] 웹 공격에 캡차 추가하기 AWS 클라우드 환경에서 Webapp에서 공격이 가끔 들어와서 캡차기능을 검토하기 위해 정리하는 블로깅 보통 AWS WAF(Web Application Firewall)와 CloudFront를 활용하는 방식이 효과적이다. ✅ 적용흐름Client → CloudFront → AWS WAF → ALB → Spring Boot 1. 공격 패턴 감지AWS WAF의 WebACL 또는 CloudWatch Logs에서 특정 공격 패턴(예: IP 주소, User-Agent, 요청 속도 등)을 감지. 2. WAF 에서 캡챠 활성화특정 조건(공격 패턴에 부합)에 해당하는 요청에 대해 WAF에서 캡차를 활성화. 3. 사용자 요청인증사용자가 캡차를 통과하면 정상적으로 요청 처리. 4. CloudFront 캐싱으로 효율성 .. 2024. 11. 24. 이전 1 2 3 4 ··· 24 다음