본문 바로가기

전체 글

 (117)
[Web] Nginx 서버 설정[Proxy_set_header] proxy_set_header X-Real-IP $remote_addr; #실제 접속자의 IP를 X-Real-IP 헤더에 입혀서 전송. #remote_addr : 요청한 클라이언트 주소 #X-Forwarded-For와 동일하게 Client IP를 확인하기 위해 사용하는 헤더값을 말한다. proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; #프록시나 로드 밸랜서를 통해 들어온 요청에서 클라이언트 원 IP 주소를 확인하기 위해 사용하는 헤더값 #프록시 헤더값을 변조할 수 있음 #X-Forwarded-For 만 사용할 경우 변조의 위험이 있으므로, X-Real-IP를 같이 사용 해준다. proxy_set_header Host $http_host; #HT..
[Web] Nginx SSL 설정 방법[HTTPS 설정] [HTTPS에 대한 이해를 필요로 하는 경우] https://www.youtube.com/watch?v=H6lpFRpyl14 도메인을 이미 구매했다는 가정하에 진행합니다. https://twpower.github.io/44-set-free-https-by-using-letsencrypt [Nginx] Let's Encrypt를 통해 Nginx에서 무료로 https 설정하기 Practice makes perfect! twpower.github.io Ubuntu 20.04 lts 버전의 경우 참고! 아래 코드 실행 시 $ sudo apt-get install certbot python3-certbot-nginx "i get this error : The PPA has been DEPRECATED. To ge..
[Web] 네임서버 및 DNS 설명 https://studyforus.tistory.com/52 네임서버와 DNS에 대해 알아기기 (도메인 연결방법) 도메인 네임 서버와 DNS - Domain Name System에 대해 이해하기 도메인 네임 시스템 (DNS)이란? 지난 번 설명드렸던 숫자로 되어있는 IP주소를 알기쉬운 영어로 구성된 도메인으로 변경하고 연결해주는 studyforus.tistory.com https://www.youtube.com/watch?v=6fc9NAQkcv0
[Web] Nginx 도메인 등록 방법 Nginx 도메인 등록 방법입니다. 1. 가비아에서 도메인 구매하기 [가비아가 아니더라도 도메인을 구매할 수 있는 곳에서 도메인 구매하기] 2. DNS 설정해주기 - 가비아의 경우 MyPage -> DNS 관리툴로 접근 해당 파란색 란에, 자신의 IP 주소 입력해주기 3. Nginx vi /etc/nginx/sties-available/default 로 접근 파란색 부분의 server_name 에 자신의 도메인 입력해주기 4. Nginx 재시작 [ service nginx restart ] 해주기 5. 확인 https://jizard.tistory.com/163 구매한 도메인을 Nginx 서버에 연동 / 등록하기(Ubuntu 16.04) Godaddy나 기타 다른 사이트에서 도메인을 구입후, Nginx ..
[Web] Vue.js 작동 순서 및 설명 정리 https://gustv.tistory.com/21 3. Vue.js 작동 순서 Vue.js 작동 순서 1. package.json 설정들이 들어가져있다. vue의 버전 같은데 전부 기입되어져있다. eslintConfig 등도 포함되어져있다. Spring 의 pom.xml 같은 역할을 한다고 보면 될거같다. 2. index.html.. gustv.tistory.com Vue.Js 작동 순서 정리 링크 https://whitepro.tistory.com/241 Vue.js / 기초 / 6. 파일, 컴포넌트 및 router 구조 1. 파일구조 이제 지엽적으로 Vue 문법만 공부하는 것이 아니라, 전체적인 파일구조를 살펴보자. 기본 구조는 아래와 같다. 전체적인 파악 후, header 만들기를 따라하면서 각 ..
[Web] express-generator 관련한 설명 글 https://chojja7.tistory.com/28 [node.js] express-generator에 관하여 안녕하세요, 초짜입니다. 이번에는 express-generator에 대하여 포스팅하겠습니다. express-generator를 간단히 해석하자면 express : express generator : 생성기? 발생기? express 생성기 정도로 해석할 수 있겠.. chojja7.tistory.com
[Web] Node Express 사용관련 ejs & html 페이지 보여주기 관련 https://estrella-kim.github.io/node-express_view_page Node.js 와 express 사용하여 view page 보여주기(+ html) Node.js 와 express 사용하여 view page 보여주기(+ html) Node.js 와 Express 프레임워크로 만든 웹서비스에서 뷰페이지를 보여주도록 설정해주면서 우여곡절을 겪으면서 render 메소드와 send메소드의 차이를 estrella-kim.github.io https://junspapa-itdev.tistory.com/2 [Node.js 6강] html 템플릿 엔진 ejs 연동해서 서버에서 넘어온 데이터 사용하기 EJS 란?​ EJS는 Embedded JavaScript templating의 약어로서,..
[Web] Node express 미들웨어 Node express 사용에 있어 미들웨어라는 개념을 이해하기 위해 참고한 링크입니다. https://velog.io/@wjddnjswjd12/node.js-express-%EB%AF%B8%EB%93%A4%EC%9B%A8%EC%96%B4%EB%9E%80 node.js, express, 미들웨어란? 구글의 크롬 v8 자바스크립트 엔진을 기반으로한 비동기IO를 지원하는 고성능 네트워크 서버개발자가 모든 종류의 서버사이드 도구들과 어플리케이션을 javascript로 만들수 있도록 해주는 런타임 velog.io https://wayhome25.github.io/nodejs/2017/02/18/nodejs-11-express-query-string/ Express-URL을 이용한 정보의 전달 - 쿼리스트링 · ..

티스토리툴바