본문 바로가기
반응형

개발/개발 필기23

프론트엔트 지식 GPT질문 안녕하세요! 오늘은 프론트엔드 지식을 채우기 위해 제가 어떤 식으로 공부하고 있는지, 그리고 GPT에게 받은 도움을 바탕으로 어떻게 정리했는지에 대해 이야기해보려고 합니다. 이직 준비와 프론트엔드 지식 확장을 위해 많이 다루어지는 주제를 찾아보았어요. 많은 사람들이 다루는 주제는 그만큼 중요하고, 프론트엔드 개발자라면 알고 있어야 한다고 생각했거든요.Q: 구글에서 제일 많은 프론트엔드 블로그 주제 top 10 알려줘이유는 간단해요. 많은 사람들이 다루는 주제는 그만큼 인기가 있고, 프론트엔드 개발자라면 반드시 알아야 하는 내용일 가능성이 높다고 생각했기 때문입니다. 그래서 GPT에게 이렇게 물어봤습니다. GPT의 답변프론트엔드 개발자들이 많이 다루는 인기 블로그 주제를 정리해드릴게요. 이 주제들은 트렌디.. 2024. 11. 26.
센트리 사용 안녕하세요! 오늘은 센트리(Sentry)를 사용한 경험을 공유해보려고 합니다. 제가 왜 센트리를 도입하게 되었는지, 그리고 어떻게 사용했는지 이야기해볼게요.센트리를 사용하게 된 계기 어느 날부터 지속적으로 고객들에게서 서비스가 안 된다는 클레임이 들어왔습니다. 문제는 고객들이 정확한 이유를 알려주지는 않는다는 점이었어요. 제 PC에서는 아무 문제가 없었기 때문에 더 답답했죠. 다행히 친절한 고객님들께서 계정 정보를 알려주셔서, 활동한 시간을 추적하며 원인을 추론하고 문제를 해결하긴 했습니다. 하지만 문제는 반복되었고, 개선이 되지 않아 정말 답답할 때, 사수로 오신 개발자 분께서 센트리(Sentry)를 추천해주셨습니다. 센트리는 실시간으로 에러를 모니터링하고 알림을 주는 아주 강력한 도구입니다. Sent.. 2024. 11. 24.
CSS 클래스 기반 스타일 관리로 유지보수성과 효율성 강화 안녕하세요! 오늘은 CSS 클래스 기반 스타일 관리를 통해 유지보수성과 효율성을 강화한 이야기를 풀어보려고 합니다. 스타일 작업을 할 때, JavaScript에서 직접 스타일을 조작하는 대신 CSS 클래스 기반으로 작업하면 어떤 장점이 있는지 한번 알아볼게요! 왜 CSS 클래스를 사용했냐고요? 저는 CSS 클래스 기반 스타일 작업을 하면서 한 가지 깨달음을 얻었습니다. JavaScript로 스타일을 직접 조작하다 보면 코드가 복잡해지고, 유지보수가 어렵더라고요. 그래서 CSS로 스타일을 정의해두고 JavaScript에서는 클래스 이름만 추가/삭제하는 방식으로 작업해보기로 했습니다. 이 방법을 사용하니, JavaScript에서 스타일 조작에 들이는 시간을 줄이고, 코드 검증 시간도 단축할 수 있었어요. 이.. 2024. 11. 23.
회원가입 악의적 공격 대응 및 보안 강화 방법(가입 요청 유효성 검증 토큰) 웹 애플리케이션을 개발할 때 외부로부터의 악의적인 공격을 방지하는 것은 매우 중요합니다.  이번 포스트에서는 JavaScript와 PHP를 이용해 회원가입 과정에서 발생한 악의적인 공격을 어떻게 식별하고, 이를 방지하기 위해 어떤 보안 조치를 적용했는지 설명하겠습니다.  특히, 악의적인 요청을 방지하기 위한 고유한 토큰 생성 방식과 클라이언트와 서버 간의 시간 차이를 고려한 검증 방안을 소개합니다. 1. 오늘 발생한 악의적인 회원가입 공격 시도오늘 웹 애플리케이션에서 비정상적인 회원가입 요청이 감지되었습니다. 해당 요청은 외부에서 의도적으로 서버로 잘못된 가입 요청을 보내 서버의 취약점을 탐지하려는 시도로 의심되었습니다. 비정상적인 회원가입 요청 시 서버에서는 500 에러가 발생했고, 데이터베이스 정보나.. 2024. 11. 22.
반응형

티스토리툴바