전체 글101 ⭐INNER JOIN(내부 조인) ⭐ INNER JOIN(내부 조인) ⭐ 🔥 INNER JOIN은 조인 중 가장 많이 사용된다. 따라서 보통 JOIN을 얘기할 때에는 INNER JOIN을 말한다. example 쇼핑몰 사이트에서 사용자가 물건을 구매하기 위해서는 구매 테이블에 물품, 수량 등을 입력할 것이며, 외래키인 ID와 함께 삽입될 것이다. 물품을 구매하고 배송을 할 때는 그 구매 테이블에 있는 정보 뿐만 아니라 사용자 테이블에 있는 배송 주소, 전화번호 등을 함께 알아야 한다. 이 때 사용하는 것이 INNER JOIN이다. 🧩 SELECT FROM INNER JOIN ON [WHERE 검색조건] 위 형식에서 INNER JOIN이 아닌 그냥 JOIN으로 써도 INNER JOIN으로 인식함 🧩 USE shopDB; SELECT * F.. 데이터베이스/SQL 2022. 12. 14. 💡attr vs prop 💡 attr() VS prop() 💡 jQuery 1.6.0 업데이트로 attr() 과 prop() 두 개로 나눠졌다. attr() : HTML 속성 (Attribute) 취급 prop() : javascript 프로퍼티 (Property) 취급 * 속성(Attribute) 은 HTML 요소에 대한 추가 정보를 전달하며 쌍으로 제공 * 프로퍼티(Property) 는 HTML DOM트리의 특성으로 javaSctipt / jQuery를 통해 수정된 요소의 값을 가져오는데 사용하는 것이 좋음 // .html // .js // attr() var text = $("input[type=text]"); console.log(chk.attr("id"));// example console.log(chk.attr("ty.. jQuery/기본 2022. 12. 14. 🧩jqGrid 간단한 사용법 🧩jqGrid 간단한 사용법🧩 fn_grdm_columns() { if (typeof this._cls_info.grdMasterCols === null || this._cls_info.grdMasterCols === null || this._cls_info.grdMasterCols.length < 1) { var owner = this; this._cls_info.grdMasterCols = [ { name: "branch_id", hidden: true }, { name: "senior_id", hidden: true }, {name :'checkBox', index :'checkBox', align:'center', cellattr: function () { return " class='order'.. jQuery/rib - jQgrid 2022. 12. 14. 🧩jqGrid - cell - editable(style) 🧩jqGrid - cell - editable(style)🧩 1. cellattr 옵션을 통한 편집 유무 설정하기 (ft. 편집 방지) cellattr: function(rowid, value, rawObject, cm, rdata) { // 필요에 따라서 if 조건문을 걸어 조건에 맞는 cell만 편집 방지 return "class='not-editable-cell'"; }, 🔥 cellattr 옵션은 jqgrid에서 사용되는 colmodel 옵션 중 하나인데, 편집 유무 뿐만 아니라 다양한 작업을 할 때 자주 사용되는 옵션이다. 🔥 cell 마다 반복되며 해당 함수가 실행되기 때문에 cell 속성을 주입할 수 있어, cell 마다 ‘not-editable-cell’ 클래스를 주입하여 편집 방지를 걸어.. jQuery/rib - jQgrid 2022. 12. 13. 🔥 GET / POST GET 방식과 POST 방식 HTTP 🔥 HTTP(Hypertext Transfer Protocol)란 하이퍼텍스트 전송 규약으로 Web-Client와 Web-server간 데이터를 전송하는 프로토콜이다. GET과 POST 메소드는 HTTP 프로토콜에서 데이터 전송을 위해 지원하는 7가지 메소드 중 일부이다. 🔥 HTTP통신 할때 보내는 데이터는 HTTP 패킷이라 하는데 해당 패킷의 구조는 크게 Header 영역과 Body영역으로 나누어진다. Header에는 크게 여러가지 정보와 어떠한 방식의 메소드를 사용 하였는지에 대해 적는다. 또한 어떠한 메소드 방식을 사용하였는지에 따라 Body 영역의 사용 유무 및 사용 방법이 달라지게 된다. GET 방식 GET 방식의 특징으로는 대표적으로 URL에 Parame.. 참고/네트워크 2022. 12. 13. 🔥component - 부품으로 정리 component - 부품으로 정리 SPA(Single Page Application)는 간단히 만들기 위함이지만, 규모가 커지면 복잡해진다. 이 때, “같은 종류의 처리를 하는 부분을 컴포넌트로 정리”하면 보기 좋고 이해하기 쉬워진다. HTML의 일부분을 오브젝트로 정리하는 것은 template 오브젝트를 사용한다. 그리고 오브젝트에 이름(컴포넌트 태그명)을 붙인 것을 “컴포넌트”라고 한다. // 준비된 컴포넌트가 표시된다. 컴포넌트 만드는 방법 전역 컴포넌트로 등록하는 방법 Vue.component('컴포넌트태그명', { template: 'HTML부분' }) 로컬 컴포넌트에 등록하는 방법 var 컴포넌트의 오브젝트명 = { template: 'HTML부분' } new Vue({ el: '#app',.. JavaScript/vue 2022. 12. 13. 👣REST API {REST API} Representational State Transfer Application Programming Interface REST API란 Rest를 기반으로 만들어진 API를 의미한다. REST API를 알기 위해 REST부터 알아보자 REST란? REST(Representational State Transfer)의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것을 의미한다. 즉, REST란 HTTP URL(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE, PATCH 등)를 통해 해당 자원(URL)에 대한 CRUD Operation을 적용한느 것을 의미한다.. 참고/네트워크 2022. 12. 13. 👣Synchronous / Asychronous (동기식/비동기식) Synchronous(동기식) / Asychronous(비동기식) 1. 동기식(synchronous) 🔥 동기식 통신 및 동기식 프로그래밍이란 Synchronous란 뜻대로 동시에 일어난다는 뜻이다. 동시에 일어난다는 것은 Request를 보내게 된다면 얼마나 시간이 걸리든 그 자리에서 Response를 받는다는 말이다. 즉, 두 서버 사이의 Transaction을 맞추겠다는 의미이다. 🔥 Synchronous에서는 Request를 보내면 Response를 기다리기 때문에 Request를 보낸 Thread는 Response가 도착하기 전까지는 아무것도 하지 못하는 Block 상태가 됨을 의미한다. 2. 비동기식(asychronous) 🔥 비동기식 통신 및 비동기식 프로그래밍이란 Asynchromous란 .. 참고/네트워크 2022. 12. 13. 👣CRUD CRUD 설명 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create(생성), Read(읽기), Update(갱신), Delete(삭제)를 묶어서 일컫는 말이다. 사용자 인터페이스가 갖추어야 할 기능(정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다. 이름 조작 SQL Create 생성 INSERT Read(또는 Retrieve) 읽기(또는 인출) SELECT Update 갱신 UPDATE Delete(또는 Destroy) 삭제(또는 파괴) DELETE 기본 사용법 데이터베이스 생성 생성 CREATE DATABASE TBL; 생성되었는지 확인 SHOW DATABASES; 사용 USE TBL; 삭제 DROP DATABASE TBL; 테이블 만들기 생성 CREATE TABLE st.. 데이터베이스/기본개념 2022. 12. 13. 👣PHP - ARRAY PHP - ARRAY INDEX ARRAY 배열 1차원 배열 1.1 배열 생성 및 요소 추가 1.2 배열의 홀(hole) 1.3 배열과 반복문 1.4 배열의 조작 1.5 정리 2. 다차원 배열 2.1 2차원 배열 2.2 2차원 배열 요소 입력 2.3 2차원 배열과 반복문 3. 연관 배열 3.1 연관 배열의 참조 3.2 루프를 이용한 연관 배열로의 접근 ARRAY 배열 🔥 배열은 한 쌍의 키(KEY)와 값(VALUE)으로 이루어진 맵(map)으로 구성된 순서가 없는 집합이다. 배열은 주로 연관된 데이터를 모아서 관리하기 위해 사용하는 데이터 타입이다. PHP에서의 배열은 다른 언어에서 리스트라고 하는 형태이다. 1차원 배열 1.1 배열 생성 및 요소 추가 배열을 생성할 때는 array()라는 함수를 이용하.. 데이터베이스/PHP 2022. 12. 12. [참고] display:flex 사용할 때 justify-content가 적용 안됨 flex로 row, column 정렬을 할 때 justify-content가 적용되지 않음 #container { dispaly: flex; justify-content : space-between; } conclude flex 내부 items이 고정되고 난 후에도, items을 묶고 있는 container에 여백이 있어야 justify-content가 잘 작동된다 이유 - if your flex items are all inflexible (flex: noone or flex: 0 0 auto), and smaller than the container. - if your flex items are flexible, But can't grow to absorb all the free space, due .. STYLESHEET/STYLE- 참고 2022. 12. 8. 4장 - 변수 4. 변수(Variable) 4.1 변수란 무엇인가? 애플리케이션은 데이터를 다루는데, 데이터를 입력(INPUT)받아 처리하고, 그 결과를 출력(OUTPUT)하는 것이 전부이다. CPU --> 연산, 메모리 --> 데이터 기억 컴퓨터는 CPU를 사용해서 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리의 집합체이다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1바이트 단위로 데이터를 저장하거나 읽어 들인다. 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고 저장된 값을 읽어 들여 재사용하기 위해 변수라는 매커니즘을 제공한다. 변수의 정의를 내려보면 다음과 같다. = 값의 위치를 가리키는 상징적인 이름 변수는 하나의 값을 저장.. JavaScript/모던 자바스크립트 딥다이브 - 스터디 2022. 11. 27. 이전 1 2 3 4 5 6 ··· 9 다음