본문 바로가기

알아두면쓸데있는신기한잡학사전/고군분투흔적들57

[Web] FE - 웹 기초(서버/클라이언트/웹의 동작 개념) 웹 기초 서버/클라이언트/웹의 동작 개념 1. 네이버 웹페이지 해킹해보기 네이버 메인 페이지의 메뉴에서 메일에 마우스를 두고 우 클릭하여 검사를 눌러보면 "메일"이라는 것을 볼 수 있다. 더블 클릭하여 원하는 단어로 바꿀 수 있는데... 네이버 페이지에서 "메일"이 "Mail"로 바뀐 것을 볼 수 있다....! 오 흥미로워... F5를 누르게 되면 새로고침이 되면서 다시 돌아오는 것을 확인할 수 잇다. 2. 웹의 동작 개념(HTML을 받는 경우) 우리가 보는 웹페이지는 모두 서버에서 미리 준비해뒀던 것을 "받아서", "그려주는"것이다. 즉, 브라우저가 하는 일은 1) 요청을 보내고, 2) 받은 HTML 파일을 그려주는 일 뿐이다. 그래서 우리가 받은 HTML을 아무렇게나 수정 가능하고("메일"을 "Mai.. 2022. 8. 10.
[AWS] 웹 서버 만들기 복습(3. 웹 서버 접속, 탄력적 IP 생성, 백업본) 웹 서버 만들기 * 1주차 과제 복습입니다. 3. 웹 서버 접속 1) Putty 설정 windows를 사용하면 기본으로 제공되는 pem파일을 바로 사용하지 못 한다. pem파일을 ppk파일로 변환시켜줘야하는데 이 과정은 puttygen이라는 프로그램을 통해 변환시킬 수 있다. https://iboxcomein.com/putty-install/ 윈도우 에서 Putty 다운로드 및 설치 후 기본적인 사용 방법 정리 - SoEasyGuide 윈도우에서는 OpenSSH 서버를 실행 해서 접속 하는 것이 좋지만 초보 사용자의 경우 커맨드 라인 인터페이스 사용에 부담이 될 수 있습니다. 이 경우 무료로 제공 하는 PuTTY 를 사용 하면 원격 서버 iboxcomein.com PuTTYgen(PuTTY Key Gen.. 2022. 8. 8.
[AWS] 웹 서버 만들기 복습(2. EC2 생성) 웹 서버 만들기 * 1주차 과제 복습입니다. 2. EC2 생성 1) EC2에 적용할 보안그룹 먼저 생성 웹 콘솔에서 EC2서비스에 접속한다. EC2 메뉴에서 네트워크 및 보안>보안그룹에 들어가 보안그룹을 먼저 만들어본다. 이름은 맘대로 짓고 VPC는 우리가 만든 VPC를 선택하면 된다. VPC가 VPC-ID로 구분하게 되어있다. 혹시 VPC를 여러 번 만들었을 경우, VPC메뉴에 들어가서 사용해야할 VPC 아이디를 확인해야한다. EC2 보안그룹 인바운드 정책에 내 IP 22포트와 80포트를 허용시킨다. 보안그룹 중 인바운드(Inbound), 즉 EC2로 들어오는 방향에 제어를 설정한다. 생성한 보안그룹 체크 후 하위에 있는 인바운드 규칙탭을 본다. => TCP 22는 SSH, cmd 또는 터미널로 들어갈.. 2022. 8. 7.
[AWS] 웹 서버 만들기 복습(1. 네트워크 설정) 웹 서버 만들기 * 1주차 과제 복습입니다. 웹서버가 위치할 네트워크 공간을 만드는게 첫 번째 작업이다! 1. 네트워크 설정 1) VPC 생성 먼저 콘솔에 접속해서 상단 중앙에 있는 검색창에 vpc라고 검색한다. 웹서버가 위치할 네트워크 공간을 만드는 첫 번째 작업이다. vpc 메뉴에서 vpc 생성 버튼을 누른다. 사실 vpc를 안 만들고 Default-VPC를 사용해도 된다..! 하지만 Default-VPC를 사용하는 방법은 실무에서 사용하는 방법이 아니다. 말 그대로 기본값이기 때문에 아무거나 다 들어갈 수 있기 때문에 관리가 되지 않기 때문이라고 한다. 여러 사람이 여기에 서비스를 만들면 모두 추적해서 확인한 후 지울 수가 없게 된다. (?) VPC는 큰 서비스 단위로 만드는 것이 맞다. 이름 태그.. 2022. 8. 7.
[AWS] 웹 서버 지우기 복습 웹 서버 지우기(리소스 삭제) 1. EC2 종료 EC2 인스턴스는 인스턴스 종료를 누르면 삭제가 된다. '종료= 삭제' 2. 탄력적 IP 종료 탄력적 IP는 특이하게 미사용 중일 때 요금이 부과된다. EC2가 종료되었으니, 오히려 돈이 나간다. (쓸 땐 무료지만, 낭비하는 건 유료다! 라는 ..) 탄력적 IP 주소 릴리스를 눌러주면 된다. 연결해제는 EC2와 분리하는 것인데 EC2는 이미 종료(삭제)되었기 때문에 자동으로 끊어졌다. 그러므로 '릴리즈=삭제'이다. 3. 보안 그룹 삭제 Security group도 삭제한다. EC2>보안그룹>보안그룹선택>작업>삭제 눌러 삭제하면 된다. 4. 백업본 삭제 백업본 = AMI+EBS이기에 각각 메뉴에 들어가서 지워준다. AMI는 'AMI 등록 취소 = 삭제' 5... 2022. 8. 7.
[Project] 2-tier와 3-tier 2-tier와 3-tier 웹 아키텍처에서 3-tier가 등장하기 전에는 대부분 2-tier 구조가 활용되었다. 1) 2-tier - Client - Server - 2-tier란 ec2와 같은 웹서버가 DB에 연결되는 형태를 말한다. (DB가 없이 웹 서버만 있다면 프론트엔드 개발만 가능하지만 DB가 있으면 백엔드도 사용이 가능해진다. 프론트엔드에 존재하는 데이터는 서버 문제로 쉽게 손실될 수 있으나 백엔드에 있는 데이터는 반영구적이며, 개인정보보호차원, 데이터활용차원에서 적합하다.) - 2-tier 구조는 트래픽이 많지 않은 경우 자주 사용되는 구조이다 - 2-tier 기반의 클라이언트/서버 환경은 애플리케이션 개발의 가장 일반적인 방법으로 하나의 클라이언트에 서버 프로세스가 하나씩 생성되는 방식이다.. 2022. 8. 4.
[Project] WEB, WAS 서버 WEB 서버 - 브라우저 클라이언트로부터 HTTP 요청을 받고, HTML 등의 웹페이지 문서에 반응하는 프로그램(브라우저의 요청을 서비스) WAS 서버(Web Application Server) - HTTP를 통해 장치에서 애플리케이션을 수행해주는 미들웨어 - 동적 서버 콘텐츠를 수행 - 주로 DB 서버와 같이 수행 - ASP, PHP, JSP 등 개발 언어를 읽고 처리하여 동적 컨텐츠, 웹 응용 프로그램을 처리 두 서버를 함께 사용하는 이유 - WAS 서버는 WEB 서버가 처리할 수 있는 형태로 가공하여 제공해주는 웹 어플리케이션 - WEB 서버에서는 웹 문서만 처리하도록 기능을 분배하여 서버의 부담을 줄이기 위한 것 2022. 8. 4.
[직무부트캠프] 3주차 세션 정리(About 서버) 목차 1. 서버관리 - 물리 2. 서버관리 - 논리 3. 데이터경영 4. MSA(Microservices Architecture Components) 5. 기타 About 서버 트렌드 IT 트랜드 - 하드웨어 - 서버 - 반도체 - 소프트웨어 - 개발 Q. 서버가 발전해야 개발이 발전한다? or 개발이 발전해야 서버가 발전한다? => '사회초년생이 학습할 때'와 '실무에 적용할 때'의 차이점을 확실히 알려면 이 내용을 확실히 짚고 넘어가야 한다. A. 대부분의 사람들은 서버가 발전해야 개발이 발전한다 라고 생각한다. => Why?? 스마트폰이 있기 때문에 네이버가 스마트폰을 기반으로 무언가를 만들어냈다. 그래서 기본적으로 서버가 발전을 해야 개발이 발전을 한다고 생각한다. So, 서버에 대한 관점으로 I.. 2022. 8. 4.
[직무부트캠프] 2주차 과제(웹 서버 배포) 1. 실습과제 1. 웹서버 만들기 웹서버를 만들어보는 것도 중요하지만 삭제해보는 경험도 중요하다고 한다. 나중에 혼자 웹서버를 다시 만들어 볼 수도 있으니 이전에 웹서버 만드는 법을 작성해놓은 페이지를 참고하려고 했다. 주의할 점은 AWS에서 지역 설정을 잘 해야한다는 것...! 오하이오로 했다가 만들던 중간에 처음부터 다시 했다.. :) https://bo5mi.tistory.com/51?category=569937 [직무부트캠프] 1주차 과제(AWS 계정 만들기, 웹 서버 만들기, EC2 추가기능 사용, 리소스 삭제, 웹 1. 과제를 위한 개념 네트워크 취업을 당락을 좌지우지하진 않지만 "네트워크"를 알면 어떤 직무를 어떤 관점으로 볼 지 알 수 있다. - 땅을 계약: AWS 가입하기 public c.. 2022. 8. 1.

티스토리툴바