URL( Uniform Resource Locator )이란?인터넷 상의 자원(웹 페이지, 이미지, 동영상 등)의 위치를 나타내는 주소이다. 기본적인 구조 프로토콜://도메인/경로 ? 쿼리 #프래그먼트 각 부분의 설명 프로토콜 (Protocol):자원에 접근하는 방법을 정의합니다. 주로 사용되는 프로토콜로는 http (HyperText Transfer Protocol)와 https (HTTP Secure)가 있습니다. 그 외에도 ftp (File Transfer Protocol), mailto (이메일 주소를 지정), file (로컬 파일 접근) 등이 있습니다.도메인 (Domain):자원이 위치한 서버의 주소를 나타냅니다. 예를 들어, www.example.com이 도메인입니다. 도메인은 IP 주소로 변..

데이터베이트란?정보를 체계적으로 저장, 관리, 검색할 수 있는 구조화된 집합체입니다. 일반적으로 컴퓨터 시스템에서 데이터를 구조화하고 저장하는 데 사용된다. 주요 특징 정보 저장: 데이터베이스는 다양한 유형의 정보를 구조화하여 저장할 수 있습니다. 예를 들어, 사용자 정보, 제품 목록, 주문 기록 등을 데이터베이스에 저장할 수 있습니다.데이터 관리: 데이터베이스는 데이터를 추가하거나 삭제하고, 업데이트하고, 검색할 수 있는 기능을 제공합니다. 이를 통해 사용자는 필요한 데이터를 쉽게 관리하고 조작할 수 있습니다.구조화된 형식: 데이터베이스는 일정한 형식에 따라 데이터를 구조화하여 저장합니다. 예를 들어, 테이블 형식의 관계형 데이터베이스에서는 각 테이블이 특정 데이터 유형을 정의하고, 관계를 설정하여 데..

Fetch 통신의 결과 값을 이용해보기 (OpenAPI 이용) fetch("http://spartacodingclub.shop/sparta_api/seoulair") .then(res => res.json())  .then(data => {  console.log(data['RealtimeCityAir']['row'][0]); }) 반복문으로 구 데이터를 출력해보기   fetch("http://spartacodingclub.shop/sparta_api/seoulair") // 기본 요청(GET) .then(res => res.json()) // 요청해서 받은 데이터를 JSON화 .then(data => { // JSON화 한 데이터를 다시 data로 이름짓기 let rows = data['Realtime..

클라이언트 - 서버개념 이해하기 JSON(JavaScript Object Notation)  이란?데이터를 효율적으로 저장하고 교환하기 위해 사용되는 경량의 데이터 형식입니다. JSON은 기계와 사람 모두가 이해하기 쉬운 텍스트 기반의 데이터 형식으로, 웹 어플리케이션에서 데이터를 전송하거나 저장하는 데 널리 사용된다. 주요 특징:텍스트 기반 형식: JSON은 사람이 읽을 수 있는 텍스트 기반의 데이터 형식입니다. 이는 JSON 데이터를 생성하고 해석하기 쉽게 만들어줍니다.기계와 사람이 모두 이해하기 쉬움: JSON 데이터는 객체와 배열을 포함하여 값들의 중첩 구조로 이루어집니다. 이러한 구조는 대부분의 프로그래밍 언어에서 직접 지원하며, 데이터를 쉽게 해석하고 사용할 수 있습니다.독립적: JSON은 프..

제이쿼리 적용 PostBox 열고 닫기  head 태그 안에 scipt 태그 만들기script 태그 안에 function 함수 작성추억 저장하기 버튼에 onclick 작성div안에 id 선택자 가져오기.toggle() 메서드 작성          데이터 넣고 카드 생성하기script 태그안에 새로운 function 함수 작성기록하기 전에 버튼에 onclick 작성div안에 id 선택자 가져오기메서드 val을 통해 postbox에 값들 변수에 담기카드 html코드 변수에 담기div안에 class 선택자 선택 후  append 메서드

Query는 자바스크립트를 기반으로 한 라이브러리로서, HTML 문서의 구조를 다루고 상호작용을 단순화하는 목적으로 개발되었습니다. 주로 다음과 같은 기능을 제공하며, 웹 개발에서 매우 널리 사용됩니다:주요 기능DOM 조작: jQuery는 간편한 DOM(Document Object Model) 조작을 제공합니다. CSS 선택자를 사용하여 요소를 선택하고, 요소의 속성을 변경하거나 새로운 요소를 생성할 수 있습니다.  // 예시: id가 "myDiv"인 요소의 텍스트 변경 $("#myDiv").text("Hello, jQuery!");이벤트 처리: 이벤트 핸들링을 단순화하여 클릭, 입력, 마우스 이동 등 다양한 이벤트를 처리할 수 있습니다. // 예시: 버튼 클릭 이벤트 처리 $("#myButton").c..

Javascript란?자바스크립트(JavaScript)는 웹 페이지를 동적으로 만들기 위해 사용되는 프로그래밍 언어이다.웹 클라이언트 측 스크립팅: 주로 웹 브라우저에서 실행되며, HTML과 함께 사용되어 웹 페이지의 동적인 기능을 제어합니다. 예를 들어, 사용자 입력에 반응하여 내용을 변경하거나, 애니메이션 효과를 추가하는 등의 작업을 수행할 수 있습니다.경량 프로그래밍 언어: 문법이 간단하고 배우기 쉽습니다. C나 Java와 같은 다른 프로그래밍 언어와는 다른 독특한 특성을 가지고 있습니다.동적 타입 지정: 변수의 타입을 사전에 선언하지 않고도 사용할 수 있습니다. 이는 개발 속도를 높이고 유연성을 제공합니다.객체 기반 프로그래밍: 객체 지향적인 특성을 가지고 있으며, 다양한 내장 객체를 사용하여 웹..

미니 프로젝트 2 1.  junbotron 추가하기부르스트랩 사이트에서 junbotron을 검색후 개발자 도구를 열어 해당부분을 복사한다.                                                                                                                                                                                  spartaflix                     홈                     시리즈                     영화                     내가 찜한 콘텐츠                             ..

웹의 동작 개념1. 클라이언트-서버 모델웹 동작은 기본적으로 클라이언트(사용자가 사용하는 웹 브라우저)와 서버(웹 서버) 간의 상호작용을 기반으로 합니다. 이는 클라이언트-서버 모델이라고 불립니다.클라이언트: 사용자가 웹 브라우저를 통해 웹 페이지를 요청하고, 서버로부터 응답을 받는 역할을 합니다.서버: 클라이언트의 요청을 받아 처리하고, 그에 대한 응답을 돌려주는 컴퓨터 시스템입니다.2. HTTP 프로토콜웹에서 데이터를 주고받는 데에는 HTTP(HyperText Transfer Protocol) 프로토콜이 사용됩니다. HTTP는 클라이언트와 서버 간의 통신 규약으로, 요청(Request)과 응답(Response)의 형태로 구성됩니다.요청(Request): 클라이언트가 서버에게 정보를 요구할 때 보내는 ..