[termux/루팅 X] 안 쓰는 핸드폰으로 웹 서버 만들기 3주. 제가 핸드폰으로 웹 서버를 만드는 데 걸린 시간입니다.아무 기반 지식이 없었기에 좀 걸렸지만, 여러분은 아래 글을 통해 빠르고 신속, 정확하게 모바일 개인 웹 서버를 활용해 보시기를 바랍니다.이 글에서는 핸드폰 루팅을 하지 않고 진행하는 방법에 대해 다룹니다.환경: 핸드폰: 샤오미 Poco폰 f1앱/리눅스 환경: termux v0.118.2런타임 환경: NodeJS보조 프로그램: Putty, WinSCP와이파이 공유기: TP Link준비물: 안 쓰는 안드로이드 핸드폰(저는 샤오미 Poco F1(안드로이드, 스냅드래곤 845)를 사용하였습니다.)집 와이파이집 와이파이의 공용 IP방법: 1. 핸드폰 공장 초기화핸드폰의 공장 초기화를 진행합니다.공장 초기화 방법은 핸드폰마다 다르기 때문에 이 부분은 구.. 2025. 3. 30. [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.
