원지의 개발
728x90
article thumbnail
[Jquery] BootMyweb (2) - 카테고리 처리, sql join
클라이언트/jQuery 2023. 2. 20. 18:45

BootMyWeb 카테고리 판매자 매니저(Sales Manager) 카테고리는 난이도가 높은 작업 (난이도 최상) 1단 카테고리는 1:N 처리 2, 3단 카테고리는 self join - 트리구조로 self join 카테고리 SQL 1. Product_category 테이블 생성 ## https://taiyakee.tistory.com/82 SELECT @@autocommit; SET AUTOCOMMIT = 0; #해제 CREATE TABLE PRODUCT_CATEGORY( CATEGORY_ID INT PRIMARY KEY AUTO_INCREMENT, GROUP_ID VARCHAR(10), CATEGORY_LV INT, ##1,2,3 CATEGORY_NM VARCHAR(100), ##대분류중분류소분류 CA..

article thumbnail
[Jquery] JavaScript vs JQuery, 사용법
클라이언트/jQuery 2023. 2. 17. 18:21

JavaScript vs JQuery jquery는 단수 함수 암기 싸움 JavaScript JQuery 웹페이지를 동적으로 표현해주는 언어 자바스크립트를 더 간편하게 사용해주는 자바스크립트 라이브러리 경고창, 확인창, drop다운 기능, 탭 기능 높은 생산성 선택자로 한번에 선택 선택자로 선택한 태그를 제어 사용방법 1. 직접 사용 1. http://jquery.com/download/ 에서 제이쿼리 소스 다운로드 2. Download the compressed, production jQuery x.x.x 로 처리된 것을 우클릭 - 다른이름저장 3. 다운로드 후 프로젝트 안의 파일에 넣어줌 https://jquery.com/download/ Download jQuery | jQuery link Down..

article thumbnail
[React] Ajax, ES6, fetch, Axios, async, await, then, catch, Promise 객체, news API
클라이언트/React 2023. 1. 20. 18:24

Ajax AJAX ( Asynchronous Javascript and XML)는 웹 페이지의 이동없이 필요한 데이터만 전송하는 기술 웹 어플리케이션에서 데이터를 가져올 때 서버쪽 데이터가 필요할 때 ajax기법을 사용 이 작업은 시간이 오래 걸릴 수도 있기 때문에 비동기적으로 처리하게 됨 비동기(asynchronous): 요청이 끝날 때 까지 기다리는 것이 아니라, 동시에 여러 작업을 수행, 순서 보장X 나중에 react에서는 다른 서버의 REST API와 통신을 이용하여 데이터베이스 데이터를 가져올 수 있음 2023.01.06 - [클라이언트/JavaScript] - [JavaScript] AJAX, API, fetch, Promise, then, json, xml [JavaScript] AJAX, ..

article thumbnail
[JavaScript] AJAX, API, fetch, Promise, then, json, xml
클라이언트/JavaScript 2023. 1. 6. 18:11

ES5 ▶ XMLHttpRequest, fetch(), ajax(), Axois 등 XMLHttpRequest: ajax 프로그램에 사용할 수 있는 객체 AJAX (비동기 통신) Asynchronous Javascript ans XML 웹페이지의 이동 없이 필요한 데이터만 전송하는 기술 ex) 구글맵에서 특정 지역을 클릭하면, 주소는 변하지만 화면이 reload 되지는 않음 비동기: 순차적으로 진행하지 않음 = 함수가 끝날때까지 기다리지 않음 ↔ 동기: 순차적으로 실행 (지금까지 배웠던 함수) API Application Programming Interface 기능을 사용할 때 너무 어렵고, 많은 것을 해야 하기 때문에 사용방법을 정의해서 줄테니 너는 그대로만 사용해라~~ fetch API 비동기 방식을..

728x90
250x250