sudo netstat -anp | grep LISTEN | grep :포트번호 netstat은 네트워크 상태를 모니터하기 위한 명령이다. 이 명령을 이용하면 현재 어떤 프로세스가 어떤 포트를 사용하고 있는지 알 수 있다. 예를들어 80번 포트를 쓰고 있는 프로세스가 누구인지 알아보려면 다음과 같이 명령을 실행하면 된다. option : -l (listen) : 연결 가능한 상태 -n (number port) : 포트 넘버 -t (tcp) : tcp -u (udp) : udp -p : 프로그램 이름 / PID -a : 모두 -i : 이더넷 카드별 정상/에러/드랍 송수신 패킷 수 확인 -r : 라우팅 테이블 -s : 네트워크 통계 자주 사용 하는 옵션 netstat -nap : 연결을 기다리는 목록과 프로..

서비스워커란? 서비스워커는 브라우저가 백그라운드에서 실행하는 스크립트로, 웹페이지와는 별개로 작동하며 웹페이지 또는 사용자의 인터랙션이 필요하지 않은 기능만 제공하고 있습니다. 서비스워커의 수명 주기는 웹페이지와는 완전히 별개입니다. 웹 서비스와 브라우저 및 네트워크 사이에서 프록시 서버의 역할을 하며, 오프라인에서도 서비스를 사용할 수 있도록 합니다. 주의 ServiceWorker 적용 전 알아두어야할 점은 서비스워커는 보안상의 이유로 HTTPS에서만 실행이 됩니다. 서비스워커 사용 서비스워커를 사용하기 위해서는 먼저 등록하는 단계가 필요합니다. async function registerServiceWorker() { const swRegistration = await navigator.serviceW..

CORS 발생 원인 보안을 위해서 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)이 허용 되지 않기 때문에 발생. 해결 방법은 간단하다. "C:\Program Files\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="C:\chrome" 기존에는 --disable-web-security 만 붙히면 됐는데 지금은 --user-data-dir 인자를 추가로 더 붙혀야 한다. 이제 CORS 에러 없이 사용 할 수 있다. 적용 후 브라우져 재 접속 시 아래와 같이 경고 문구가 나오는데, 보안경고이므로 그냥 사용 하면 된다.

SMTP 간이 우편 전송 프로토콜 ( Simple Mail Transfer Protocol ) 의 약자 이메일 전송에 사용되는 네트워크 프로토콜이다. 설정 화면으로 이동 후 IMAP 엑세스 상태를 IMAP 사용으로 수정 설정 이후 구글 계정 관리 / 보안 으로 이동 2단계 인증, 앱 비밀번호까지 설정을 마치면 기기 입력란이 나오는데 사용자에 맞게 설정 GMAIL-SMTP 이처럼 기기용 앱 비밀번호가 나오면 프라이빗한 키이므로 보관 후 사용 MAIL_MAILER=smtp # Mail 종류 MAIL_HOST=smtp.gmail.com # smtp.gmail.com MAIL_PORT=587 # SSL용 포트 465 or TLS/STARTTLS용 포트 587 MAIL_USERNAME=dhqudans941@gma..

routes/console.php 파일 아래와 같이 수정

흔히 사용 하던 방법 ( SSG ) // package.json "scripts": { "build": "next build && next export", } 빌드가 되면, 기본적으로 out 폴더 밑으로 정적 파일들이 생성된다 만약 데이터를 패칭하는 부분이 SSR 방식을 사용해서 가져온다면 아래와 같은 에러가 발생 pages with getServerSideProps can not be exported 방법은 2가지가 있는데 하나는 @netlify/plugin-nextjs 플러그인을 사용하거나, 다른 하나는 nginx 설정을 통해 proxy를 잡아주는 것 로컬에서 node로 웹 서버를 실행시켜 3000포트로 서버를 여는 것처럼 서버에서도 npm start or yarn start 커맨드로 서버 노드 상 ..