반응형 WebDev/CS & 자료구조14 웹 호스팅의 이해 웹 호스팅의 이해 웹 호스팅이란 무엇인가? 웹 호스팅이란 웹사이트의 모든 파일(HTML, CSS, 이미지, 동영상 등)을 저장 이를 인터넷을 통해 사용자들이 접근할 수 있게 하는 서비스를 의미. 호스팅 서비스 제공자는 웹사이트가 온라인에서 지속적으로 접근 가능하도록 서버를 제공, 이 서버는 24시간 연결되어 있어 언제든지 사용자들이 웹사이트에 접속할 수 있습니다. 다양한 웹 호스팅의 유형 공유 호스팅(Shared Hosting) 가장 기본적이고 비용이 저렴한 호스팅 방식 여러 사용자들이 하나의 서버를 공유하는 형태 각 사용자에게 서버의 리소스가 할당. 작은 규모의 웹사이트에 적합 서버에 대한 지식이 없어도 쉽게 사용가능. 가상 사설 서버(VPS, Virtual Private Server) 하나의 서버를 .. 2023. 11. 12. 쿼리란? 쿼리는 질문하다 명령하다라는 정의가 된 단어이다. IT에서 쿼리(Query)란 데이터베이스에 정보를 요청하는 명령문 쿼리는 프론트엔드와 백엔드 모두에서 사용, 각각의 컨텍스트에 따라 다른 의미 프론트엔드 쿼리 프론트엔드에서의 쿼리는 주로 URL의 일부로 사용 웹 브라우저가 웹 서버에 특정 정보를 요청하는 방식을 의미 URL 뒤에 '?' 기호를 이용하여 키-값 쌍으로 표현 `www.example.com/search?query=abc`에서 `query=abc`가 쿼리 위 쿼리는 웹 서버에 'abc'를 검색하라는 정보를 전달 실제 코드 예시 // 검색어 const query = 'Picasso'; // GET 요청을 보낼 URL과 쿼리 문자열 생성 const url = `http://www.example.co.. 2023. 11. 10. 웹 간단 요약 정리 우리는 웹사이트에 접속할 때 웹 브라우저 프로그램을 사용 웹 브라우저(크롬 사파리 파이어폭스 등) 웹페이지를 클라이언트가 서버에 요청하여 서버의 응답을 웹 문서형태로 받는다. 받은 웹 문서(HTML, CSS 등)를 렌더링하여 화면에 출력 클라이언트 일종의 고객으로 이해를 하자 요청을 보낸 뒤에 응답이 도착할 때까지 기다림 응답을 받으면 응답을 처리 후 화면에 출력 ex)로그인 요청(id,pw) -> 서버(DB에서 회원정보 조회) -> 로그인 결과 응답 -> 출력 HTTP 하이퍼텍스트를 전송하기 위해 개발된 약속이라고 생각하자 URL(인터넷에 존재하는 특정한 자원의 종류와 위치)을 입력한 뒤에 접속을 시도 웹 / 웹 브라우저의 구조 / 웹 브라우저의 동작 방식 웹: HTTP프로토콜을 이용해 많은 페이지를 .. 2023. 10. 6. HTML, CSS의 정의 프론트 엔드를 공부하면서 당연하게 사용하였던 HTML과 CSS 단순히 마크업언어, 스타일 시트라고 생각하고 사용했지만 지금 취업준비를 하는 과정에서 기본을 제대로 정의하고 나아가고 싶은 마음에 정리하는 자료(문법은 적지 않을거얌) HTML(구조) HTML은 HyperText Markup Language의 약자 웹 페이지를 작성하기 위한 표준 마크업 언어이다. HTML은 웹페이지의 구조를 정의하고, 그 안에 콘텐츠(텍스트, 이미지, 동영상 등)를 배치하는 역할을 하는데, HTML 문서는 여러 개의 요소(elements)로 이루어져 있고, 이 요소들은 서로 중첩되거나 연결될 수 있다. HyperText: 하이퍼텍스트는 웹 페이지 간에 링크를 생성하여 서로 연결할 수 있는 구조. 이러한 링크 덕분에 사용자는 .. 2023. 10. 5. 쿠키, 세션 로그인 방식의 -세션 저장소- 세션 저장소 세션이 실제로 어디에 저장되느냐는 구현 방법과 환경 설정 등 여러 가지 요인이 있다. 메모리 기본적으로 많은 앱들은 메모리에 세션을 저장 이 방법은 서버가 재시작되면 모든 세션이 사라진다는 단점 데이터베이스 대규모 애플리케이션에서는 데이터베이스에 세션을 저장하는 것이 일반적 이 방법은 메모리보다 안정적이지만, 읽기/쓰기 속도가 느릴 수 있음 외부 세션 관리 시스템 Redis나 Memcached와 같은 외부 세션 관리 시스템을 사용할 수 있음 메모리에 데이터를 저장하지만, 재시작해도 데이터가 유지 세션 기반의 인증 시스템은 상태를 유지하고 보안성을 높일 수 있다는 장점, 서버 리소스를 많이 사용하고 확장성 문제가 발생할 수 있다는 단점. 이러한 이유 때문에 요즘은 토큰 기반의 인증 방식(JWT.. 2023. 9. 27. RESTAPI HTTP는 다양한 메서드를 지원(GET, PUT, POST, DELETE) 실제로는 서버가 메서드를 기존 설명에 맞지 않게 사용하더라도 개발은 가능 하지만 서로 다른 방식으로 개발 시 개발자 사이의 소통에 문제가 발생할 수 있음 기준이 되는 아키텍처로 REST를 채택 REST: 특정한 자원에 대하여 자원의 상태에 대한 정보를 주고받는 개발 방식 자원: URL을 이용 행위: HTTP메서드를 이용 표현: 페이로드 이용 ex) 클라이언트가 회원가입 하고 싶다 아이디는 SAHA 비밀번호는 1234로 하고 싶다 자원: 회원 행위: 회원등록 표현: 아이디: "SAHA", 비밀번호"1234" 자원은 URI가 될 것이고 행위는 POST 페이로드는 아이디랑 비밀번호가 객체에 담길 것이다. RESTAPI는 REST아키텍처.. 2023. 7. 12. 이전 1 2 3 다음 반응형
