본문 바로가기
WebDev/CS & 자료구조

쿼리란?

by S.AHA_dev 2023. 11. 10.
728x90
반응형

쿼리는 질문하다 명령하다라는 정의가 된 단어이다.

IT에서 쿼리(Query)란 데이터베이스에 정보를 요청하는 명령문

쿼리는 프론트엔드와 백엔드 모두에서 사용, 각각의 컨텍스트에 따라 다른 의미

 

프론트엔드 쿼리

  • 프론트엔드에서의 쿼리는 주로 URL의 일부로 사용
  • 웹 브라우저가 웹 서버에 특정 정보를 요청하는 방식을 의미
  • URL 뒤에 '?' 기호를 이용하여 키-값 쌍으로 표현
  • `www.example.com/search?query=abc`에서 `query=abc`가 쿼리
  • 위 쿼리는 웹 서버에 'abc'를 검색하라는 정보를 전달

실제 코드 예시

// 검색어
const query = 'Picasso';

// GET 요청을 보낼 URL과 쿼리 문자열 생성
const url = `http://www.example.com/search?query=${query}`;

// GET 요청
fetch(url, {
    method: 'GET', // 메소드 지정
})
.then(response => response.json()) // response를 json 형태로 파싱
.then(data => console.log(data)) // 콘솔에 결과 출력
.catch(error => console.error('Error:', error)); // 에러 처리

백엔드 쿼리

  • 백엔드에서의 쿼리는 데이터베이스 시스템에 정보를 요청하는 명령문을 의미
  • SQL이 가장 대표적인 예시
  • `SELECT * FROM Users WHERE Age > 20;` 이라는 쿼리는
    "Users 테이블에서 나이가 20세 초과인 모든 사용자 정보를 가져와라"는
    요청을 데이터베이스에 보내는 것

 

주어진 요청에 따라 적절한 쿼리를 작성하고 해석하는 능력은 웹 개발에서 매우 중요

백엔드는 프론트를 조금 더 공부한 후에 알아보자!

반응형

'WebDev > CS & 자료구조' 카테고리의 다른 글

프론트엔드 아키텍처  (1) 2023.11.14
웹 호스팅의 이해  (0) 2023.11.12
웹 간단 요약 정리  (0) 2023.10.06
HTML, CSS의 정의  (2) 2023.10.05
쿠키, 세션 로그인 방식의 -세션 저장소-  (0) 2023.09.27