Web6 window에서 nginx사용하기 우선 nginx는 윈도우에서 돌릴수 없기 떄문에 window에 linux를 설치해서 사용해야한다그래서 wsl을 설치하고 거기에 nginx를 구동시켰다. WSL설치powershell에서 명령어를 입력해 설치한다.wsl --install 설치가 완료되면리눅스 폴더가 생긴것을 볼수있다 powershell에 wsl명령어를 입력하면 이런 형태로 접근이 되는것을 볼수있다. 이상태는 linux의 명령어를 사용 할 수 있는 상태이다. Nginx 설치sudo apt updatesudo apt install nginx 설치가 완료되면etc안에 설치된것을 확인 할 수 있다. Nginx 공식문서https://nginx.org/en/docs/beginners_guide.html Beginner’s GuideBeginner’s .. 2024. 5. 12. Windows의 네트워크 설정을 조작하는 netsh 도구를 사용하여 포트포워딩 외부접속을 하기 위해 포트포워딩을 했는데 포트가 달라 다시 설정해달라고 요청드리기 뭐해서 찾아보니 윈도우에서 포트포워딩을 할수있어서 적게됨 PowerShell을 관리자 권한으로 실행 - 포트 포워딩netsh interface portproxy add v4tov4 listenport=수신할 포트 listenaddress=수신할 ip connectport=전달될 포트 connectaddress=전달될 ip listenaddress=0.0.0.0으로 설정하면 모든 인터페이스에서 들오는 연결을 수락함 -포트 포워딩 확인netsh interface portproxy show all -포트 포워딩 삭제netsh interface portproxy delete v4tov4 listenport=수신했던 포트 list.. 2024. 5. 12. 외부 폰트 적용하기 LINE Seed LINE의 첫번째 글꼴인 LINE Seed를 만나보세요. seed.line.me 라인의 무료 폰트를 다운받아 사용하려는데 html에 적용하는 방법이 적혀있지않아 적어본다. 우선 폰트를 다운받는다. 나는 라라벨 프로젝트이지만 적용 방법은 다 같을것 이기에 알아서 참고하길 바란다. public에 css/fonts에 넣어줬다. 그리고base.css는 전체적으로 쓰일 css인데 *{margin:0} 같은 전체적인 부분을 사용하는 css라고 보면된다. -base.css- @font-face{ font-family:'LINESeedKR-Bd'; src:url('./fonts/LINE_SeedKR/Web/eot/LINESeedKR-Bd.eot') format('eot'); } @font-face{ .. 2023. 12. 12. HTTP 메서드 클라이언트와 서버 사이에 이루어지는 요청(Request)과 응답(Response) 데이터를 전송하는 방식을 일컫는다. 쉽게 말하면 서버에 주어진 리소스에 수행하길 원하는 행동, 서버가 수행해야 할 동작을 지정하는 요청을 보내는 방법입니다. HTTP request methods - HTTP | MDN HTTP defines a set of request methods to indicate the desired action to be performed for a given resource. Although they can also be nouns, these request methods are sometimes referred to as HTTP verbs. Each of them implements a d.. 2023. 6. 24. [vercel]배포 ERESOLVE could not resolve error seo 테스트 배포중 vercel에서 install을 할때 에러가 났다. 에러는 의존성에 있는 라이브러리 다운 받으려는데 현제 버전에 없어서 --force or --legacy-peer-deps를 이용해서 해결하라는 내용인데 로컬에서 빌드하거나 설치할때는 뒤에 저 옵션을 붙혀주면 되지만 버셀은 github로 import 배포하 조금 헤맷다. 해당 프로젝트의 설정에서 install Command를 오버라이드 할수있는 설정이 있었다. 2023. 4. 16. CORS(Cross-Origin Resource Sharing) 출처가 다른 자원들을 공유 CORS SOP(Same-Origin Policy)동일 출처 정책이란? 말 그대로 동일한 출처, URL이 동일한 api등의 데이터 접급이 가능하도록 다른 출처의 접근을 막는 브라우저 정책입니다. 출처(Origin)란 출처(Origin)란 위그림에서 Protocal Host Port를 합친 것을 말합니다. 출처(Origin)가 같으면 동일 출처(Same-Origin)라고 합니다. 브라우저 개발자 도구의 콘솔 창에 location.origin를 실행하면 출처를 확인할 수 있습니다. CORS(Cross-Origin Resource Sharing)란 CORS(Cross-Origin Resource Sharing)는 출처가 다른 자원들을 공유한다는 뜻으로, 한 출처에 있는 자원에서 다른 출처에 있는 자원에 접근하.. 2023. 4. 11. 이전 1 다음
