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 |