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

조회한 데이터에 아무 값이 없을 경우엔? 없는 값을 제외하기 Mysql 에서는 사용할 수 없는 값일 때 해당 값을 연산에서 제외해줍니다. → 0으로 간주즉 평균 rating 을 구하는 쿼리를 아래와 같이 작성했을 때 실제 연산에 사용되는 데이터는 다음과 같습니다. select restaurant_name,        avg(rating) average_of_rating,// avg(rating)는 'Not given'과 같은 숫자가 아닌 평점들도 평균에 포함시킬 수 있습니다.        avg(if(rating'Not given', rating, null)) average_of_rating2// avg(if(rating'Not given', rating, null))은 if를 사용하고 있는데, 이는 ..

Subquery란?SQL에서 subquery(하위 쿼리 또는 서브쿼리)는 다른 쿼리 내에 포함된 또 다른 쿼리를 의미. 사용목적 데이터 필터링: subquery를 사용하여 특정 조건을 만족하는 데이터를 선택합니다. 예를 들어, WHERE 절에서 서브쿼리를 사용하여 특정 조건을 만족하는 행을 필터링할 수 있습니다.데이터 집계: subquery를 사용하여 데이터를 집계하거나 계산할 수 있습니다. 예를 들어, 평균값, 합계 등을 계산할 때 사용할 수 있습니다.서브쿼리 비교: 서브쿼리를 사용하여 두 개 이상의 데이터 세트를 비교하거나 연관된 데이터를 조회할 수 있습니다.조인 조건: 조인 시 서브쿼리를 사용하여 조인 조건을 복잡하게 설정할 수 있습니다. Subquery가 필요한 경우여러번의 연산을 수행해야 할 때..

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): 클라이언트가 서버에게 정보를 요구할 때 보내는 ..

업무에 필요한 문자 포맷이 다를 때 SQL로 가공하기(REPLACE, SUBSTRING, CONCAT) REPLACE 함수 특정문자를 다른 것으로 바꿀 수 있는 기능을 제공 replace(바꿀 컬럼, 현재 값, 바꿀 값) EX) 식당 명의 ‘Blue Ribbon’ 을 ‘Pink Ribbon’ 으로 바꾸기 select restaurant_name "원래 상점명",        replace(restaurant_name, 'Blue', 'Pink') "바뀐 상점명" from food_orders where restaurant_name like '%Blue Ribbon%'  주의사항:REPLACE 함수는 대소문자를 구분하지 않는다.문자열의 일부를 일치시키기 위해 LIKE 연산자와 함께 사용할 수 있다.UPDA..

엑셀 대신 SQL로 한번에 계산하기 (SUM, AVERAGE, COUNT, MIN, MAX)SQL에서는 다양한 집계 함수(aggregate function)를 제공하여 데이터의 집합에서 필요한 정보를 계산할 수 있습니다.연산자설명+더하기-빼기*곱하기/나누기 함수종류SUM: 주어진 열(컬럼)의 모든 값의 합계를 계산합니다.SELECT SUM(column_name) FROM table_name; AVERAGE (AVG): 주어진 열(컬럼)의 모든 값의 평균을 계산합니다.SELECT AVG(column_name) FROM table_name; COUNT: 주어진 조건에 맞는 행(레코드)의 수를 계산합니다. (NULL 값을 제외하고 계산합니다)SELECT COUNT(*) FROM table_name; -- 모..

SQL란?SQL은  서버와 이야기하느 방법데이터베이스= 서버의 기억 창고SQL을 사용해 서버에세 "창고에서 이 물건을 찾아줘" 또는 "이 물건을 창고에 추가해줘" 와 같은 요청이 가능하다. 테이블 -  데이터베이스에서 데이터를 저장하는 기본구조.엑셀 시트처럼 행(Row)과 열(Column)or field으로 구성됨   SQL 데이터 조회하기 1) SELECT / FROM 문의 개념 SELECT : 데이터를 가져오는 기본 명령어로, 데이터를 조회하는 모든 Query 에 사용됨 FROM : 데이터를 가져올 테이블을 특정해주는 문법 * : 모든 컬럼을 가져와준다는 의미 ex) Query 실행 Query기본 구조  원하는 컬럼 선택 select 컬럼1, 컬럼2 from 테이블 ex)select order_id,..