본문 바로가기

분류 전체보기

(87)
SQL SQL (Structured Query Language)은 관계형 데이터베이스 관리 시스템(RDBMS)에서 데이터를 관리하고 조작하는데 사용되는 표준화된 프로그래밍 언어입니다. 1970년대에 IBM의 도널드 챔버린과 레이보이 보이스가 처음 개발한 이후에 지속적으로 발전하여 현재까지 널리 사용되고 있습니다. ​ SQL은 데이터베이스에 대한 쿼리를 작성하고 데이터를 검색, 삽입, 갱신, 삭제 등을 수행하는데 사용됩니다. RDBMS는 데이터를 테이블 형태로 저장하며, 각 테이블은 행과 열로 이루어져 있습니다. SQL은 이러한 테이블과 상호작용하여 데이터를 처리합니다. ​ 일반적으로 SQL 문은 다음과 같은 주요 부분으로 구성됩니다: ​ 데이터베이스 조작 언어 (Data Manipulation Language,..
IP 주소 IP 주소는 Internet Protocol 간단히 말해 인터넷 주소 ​ 집에 주소가 있듯 사이트에 주소가 있다 ​ IPv4 방식이 211.111.111.111 이런 주소 IPv6 는 더 긴데.. 써본적이 없어서 모르겠다. ​ IP는 공인 / 사설 / 고정 / 유동 이 있다. ​ 1. 공인 IP (Public IP): - 공인 IP는 인터넷에서 사용되며, 전세계적으로 고유한 IP 주소입니다. - 공인 IP 주소는 인터넷 서비스 제공자(ISP)에 의해 할당되며, 여러 기기나 네트워크에서 공유될 수 없습니다. - 집이나 회사에서 인터넷을 사용할 때, 라우터 또는 모뎀에 할당되는 IP 주소가 공인 IP입니다. - 공인 IP 주소를 사용하여 인터넷에 접속하고, 다른 장치들과 통신하며, 인터넷에 서비스를 제공합니..
Fetch / AJAX / Axios fetch, axios, 그리고 AJAX(XMLHttpRequest)는 모두 웹 브라우저 또는 Node.js 환경에서 서버와 통신하여 데이터를 비동기적으로 주고받는 기술들입니다. 하지만 각각은 사용 방법, 기능, 그리고 환경에서의 동작 방식 등에서 차이가 있습니다. ​ fetch fetch는 웹 브라우저에 기본적으로 내장된 API로, 네트워크 요청을 처리하는 메서드를 제공합니다. Promise 기반의 API로 비동기 코드를 작성할 때 유용합니다. 간단한 구문과 훌륭한 가독성을 가지고 있어, 코드가 깔끔하고 간결해집니다. 하지만 오래된 브라우저에서는 지원이 부족하며, 일부 브라우저에서는 폴리필(polyfill)이 필요할 수 있습니다. ​ axios: axios는 JavaScript의 HTTP 클라이언트 라..
XML, JSON, YAML 차이 XML, JSON, 그리고 YAML은 모두 데이터 표현 형식으로서 컴퓨터와 다른 시스템 간에 데이터를 교환하거나 저장하기 위해 사용됩니다. 각각의 형식은 다양한 용도와 장단점을 가지고 있습니다. ​ XML (eXtensible Markup Language): XML은 데이터를 구조화하고 표현하기 위한 마크업 언어입니다. 시작 태그와 종료 태그를 사용하여 데이터를 계층적으로 표현합니다. 데이터 표현이 간단하고 읽기도 쉬우며, 구조를 자유롭게 정의할 수 있습니다. 널리 사용되는 데이터 교환 형식이지만, 태그의 중복과 긴 문서 길이 때문에 파일 크기가 크고 가독성이 다소 떨어질 수 있습니다. 웹 서비스에서 SOAP (Simple Object Access Protocol) 등과 함께 사용되기도 합니다. (예시)..
API란 API는 "Application Programming Interface"의 약어로, 애플리케이션 프로그래밍 인터페이스를 의미합니다. API는 소프트웨어 응용 프로그램과 다른 소프트웨어 간에 상호작용하는 데 사용되는 인터페이스를 제공하는 방법입니다. ​ 일반적으로 API는 소프트웨어 컴포넌트들 간의 통신을 도와주는 일종의 규약이나 약속으로 생각할 수 있습니다. 하나의 소프트웨어가 다른 소프트웨어의 기능이나 데이터를 활용하기 위해서는 그 소프트웨어가 노출하는 API를 이용하여 상호작용합니다. ​ API는 다양한 형태로 제공될 수 있으며, 웹 API는 특히 인터넷을 통해 다른 서버와 통신하는 데에 자주 사용됩니다. 웹 API는 주로 HTTP를 기반으로 하며, 클라이언트와 서버 사이에서 요청과 응답을 주고받아 ..
웹앱 vs 하이브리드 앱 vs PWA 웹앱과 하이브리드 앱, PWA의 차이를 비교해 보겠습니다. ​ 웹앱 (Web App) 웹 기술로 개발된 애플리케이션으로, 사용자가 웹 브라우저를 통해 접근하는 앱입니다. 모바일 기기의 브라우저를 통해 접속하기 때문에 별도의 설치가 필요 없고, 여러 플랫폼에서 동일하게 작동합니다. 일반적으로 인터넷에 연결되어야만 기능을 제대로 수행할 수 있으며, 오프라인 상태에서는 제한된 기능을 가질 수 있습니다. ​ 하이브리드 앱 (Hybrid App) 웹 기술(HTML, CSS, JavaScript)로 개발된 웹앱을 모바일 앱 형태로 래핑하는 방식으로 만들어진 애플리케이션입니다. 특정 플랫폼용 네이티브 컨테이너 내에 웹뷰(Webview)를 포함하며, 이 웹뷰가 앱 내에서 웹 콘텐츠를 표시하고 웹앱과 네이티브 기능 간의..
쿠키 / 세션 / 토큰 / 캐시 / CDN 브라우저에 저장되는 정보입니다. 매번 로그인을 하려면 귀찮겠죠 다른 사이트 들어갔다가 와도 로그인 돼 있게 만들어주는 편리한 친구들입니다. ​ 쿠키 (Cookies): 쿠키는 클라이언트(웹 브라우저)에 저장되는 작은 데이터 조각으로, 웹 사이트가 클라이언트의 상태 정보를 유지하는 데 사용됩니다. 예를 들어, 로그인 정보, 장바구니 내용 등을 저장하는 데 쿠키를 사용합니다. 쿠키는 클라이언트 측에 저장되기 때문에 서버와 클라이언트 간의 상태를 유지하는 데에 용이합니다. 하지만 보안에 취약하고 용량 제한이 있어서 중요한 정보를 저장하기에는 적합하지 않을 수 있습니다. ​ 세션 (Session): 세션은 클라이언트와 서버 간의 연결을 유지하여 클라이언트의 상태 정보를 서버에 저장하는 방법입니다. 일반적으로 세..
반응형 웹 vs 적응형 웹 반응형 웹은 사이즈를 줄이고 늘리는데 반응한다 해서 반응형 웹입니다. 즉 화면이 커지면 쭉 늘어나고 화면이 작아지면 세로로 배치됩니다. 이런 식입니다. 반면에 적응형 웹은 아예 페이지를 새롭게 만드는 거죠. 1920*1080용 페이지 모바일용 페이지 각각을 따로 만듭니다. (css에서 조건에 따라 설정을 적어두는 방식으로도 합니다) ​ 즉 '반응형 웹'은 화면 사이즈에 반응해서 바뀌는 웹 '적응형 웹'은 안바뀌는 웹입니다.

반응형