[Nginx] http header에서 Nginx 정보 제거하는 법 개발자 도구나 피들러를 사용하면 해당 웹의 서버를 확인할 수 있습니다.개발자 도구/피들러:어떤 웹 페이지들은 서버 이름과 서버 버전 또한 확인할 수 있습니다.하지만 보안에 좋지 않고, 조금이라도 트래픽을 아끼기 위해 이러한 정보를 숨길 수 있습니다.오늘은 리눅스 서버의 Nginx에서 서버 버전을 안 보이게 하고, 서버 이름까지 숨기는 방법을 공유하려 합니다.실행 환경:리눅스 버전: rhel 8.10Nginx 버전: nginx 1.24.0서버 버전 정보를 숨기는 법:리눅스에서 nginx를 설치하면 /etc/nginx/에 nginx.conf라는 파일이 생깁니다.해당 파일에서 아래와 같은 설정을 주면 서버 버전 정보를 숨길 수 있습니다.http { # 다른 설정들 server_tokens off;}.. 2025. 3. 8. [JS] 번호 입력 시 자동 하이픈 삽입 바쁜 사람을 위한 요약: See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.토스의 영향 때문인지 깔끔하고 쉬운 인터페이스가 유행입니다.보면 이해하기 쉽고, 처음 사용해도 쉽게 사용할 수 있는 화면이나 도구를 저희는 좋은 인터페이스라고 하지요.하지만, 너무 쉬운 사용성과 간단한 워딩은 사용자를 점점 멍청하게 만든다는 말도 나오고 있습니다.저는 개인적으로 키오스크와 토스의 인터페이스가 적절히 섞여있는 인터페이스가 사용자에게 가장 이로울 수 있다고 생각합니다.이번 코드는 번호 입력 시 자동으로 하이픈을 삽입해 .. 2025. 1. 21. [JS] 채널톡 버튼 커스텀하기 바쁜 사람을 위한 요약:// 채널톡 플러그인을 불러오는 코드(function(){var w=window;if(w.ChannelIO){return w.console.error("ChannelIO script included twice.");}var ch=function(){ch.c(arguments);};ch.q=[];ch.c=function(args){ch.q.push(args);};w.ChannelIO=ch;function l(){if(w.ChannelIOInitialized){return;}w.ChannelIOInitialized=true;var s=document.createElement("script");s.type="text/javascript";s.async=true;s.src="https:/.. 2025. 1. 16. setTimeout, setInterval의 심화 사용법 (개발 시 시간 처리에 관하여) 최근에서야 setTimeout, setInterval의 제대로 된 사용법을 알게 되었습니다.많은 분들이 아는 setTimeout, setInterval의 일반적인 사용법은 아래와 같을 겁니다.// setTimeoutsetTimeout(() => { console.log('3초 후 실행');}, 3000);// setIntervalsetInterval(() => { console.log('매 2초마다 실행');}, 2000);하지만 위처럼 간단한 사용법 말고도 더욱 많은 사용법과 응용법이 있다는 것을 알게 되어 공유해 보려 합니다.setTimeout과 setInterval의 심화 사용법setInterval(add, 1000, 3, 4, 5); // 인자는 계속 추가할 수 있습니다.function.. 2024. 12. 20. [JS] 함수명과 변수명 만드는 방법. 난독화에 관하여 오늘은 함수와 변수의 이름을 짓는 방법에 대해 간단하게 얘기를 나누어 볼까 합니다.함수 이름을 명시적으로 짓는 것은 HTML에서 class나 id의 이름을 직관적으로 짓는 것만큼 중요합니다.코드가 복잡한 JS 특성상 class나 id 보다도 더 중요하다고 말씀 드릴 수도 있겠네요.위 코드처럼 직관적인 이름이 가장 이해하기 편하고 사용하기도 편합니다.함수 뿐만 아니라 HTML과 CSS를 사용할 때도 알맞은 태그와 어울리는 이름을 지어주는 것이 무척 중요합니다.HTML의 태그는 Search Console 등이 참고하며, 시각 장애인 분들께서는 태그를 통해 사이트를 이용하시기도 합니다.CSS의 class나 id 또한 유지보수와 생산성 향상을 위해 해당 태그와 어울리는 이름을 짓는 것이 무척 중요합니다.이름을 .. 2024. 12. 19. [JQuery] qrcodejs로 QR 코드 만들기 바쁜 분들을 위해 바로 코드부터 보시지요. See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.QR 코드는 qrcodejs라는 라이브러리로 쉽게 만들 수 있습니다.옵션도 무척 간단하기에 바로 가져다 사용하실 수 있습니다.간단한 만큼 커스텀이 제한적이라는 약간의 아쉬움이 있지만 간단하게 QR 코드를 만들 수 있으니 무척 기쁘네요.위 코드에서 다 알아보겠는데 correctLevel이 뭐지? 싶으실 수 있습니다.correctLevel은 "복원 능력" 레벨을 뜻합니다.QR 코드의 복원 능력이란?물리적 손상: QR .. 2024. 12. 9.
