React의 SSR, CSR에 대하여 부재: 네이버와 구글이 사이트 정보를 수집하는 방법에 대하여요즘은 리엑트가 대세입니다.저는 리엑트를 선호하지 않습니다.리엑트를 쓸 필요성을 못 느끼기도 하고, 작은 프로젝트임에도 파일이 너무 세분화되어 있어서 업무 피로도가 더 커지는 느낌입니다.잡설은 여기까지 하고, 오늘은 리엑트가 파일을 뿌리는 형식과 서치 콘솔에 대해 적어보려 합니다.React가 HTML을 뿌리는 형식은?현시점에서 리엑트는 Next.js나 Gatsby.js를 사용하지 않으면 CSR(Client Side Rendering) 형식으로 HTML을 화면에 뿌립니다.Next.js와 Gatsby.js는 SSR 방식을 지원한다고 합니다.화면에 HTML을 렌더링 하는 방식은 CSR과 SSR이 있습니다.CSR(Client Side Rendering).. 2025. 5. 14. [JS] GUID/UUID 생성기 바쁜 사람을 위해 코드 먼저 공유: See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.">See the Pen Untitled by BellRiver (@orugpbqu-the-solid) on CodePen.만약 추가로 필요한 기능이나, 다른 ID 코드도 필요하시다면 댓글로 기능 요청 부탁드립니다!최근에 앱 만든다고 바빠서 글을 잘 못썼네요.원하시는 블로그 내용도 있으시다면 댓글로 적어주시기를 바랍니다!그럼. 2025. 4. 21. [Window] 작업 스케줄러 사용법 (NodeJS 예약 실행) 윈도우나 윈도우 Server를 사용해 서버를 구축하고 계신 분들이 계십니다.윈도우에서도 Linux의 Crontab이나 PM2처럼 특정 작업을 예약하여 반복시키거나 실행시킬 수 있습니다.윈도우 작업 스케줄러는 컴퓨터가 켜져 있어야 작동합니다. 컴퓨터가 종료된 상태(완전히 꺼진 상태)에서는 작업이 실행되지 않습니다. 하지만 컴퓨터가 절전 모드(Sleep)거나 최대 절전 모드(Hibernate)일 경우 설정을 통해 작업을 실행시킬 수 있습니다. 위치: 윈도우 시작 버튼 > 작업 스케줄러윈도우나 구글을 포함한 기본 프로그램, 추가 프로그램도 이 스케줄러를 사용하여 작업을 반복하거나 예약합니다.작업 스케줄러의 라이브러리를 열어보면 어떤 내용들이 있는지 볼 수 있습니다.사용법:우측의 "작업 만들기..."를 클릭합니.. 2025. 4. 6. [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.
