post-thumbnail

[SQL] join의 on과 where 차이

출처 : https://steadiness-193.tistory.com/248ON : JOIN이 실행되기 전WHERE : JOIN이 실행된 후JOIN에 우선 이름으로 테이블을 연결한 뒤 AND t.2몸무게 = 50 이라는 조건을 걸어주었다.ON은 JOIN이 되

2일 전
·
0개의 댓글
·
post-thumbnail

[SQL] 조인수행원리

Nested Loop루프를 돌며 두 테이블의 로우를 연결하는 형식Sort-Marge참조할 인덱스가 없는 두 테이블을 정렬하여 순차적으로 연결시켜주는 방식Hash 두 테이블이 너무 큰 경우, 해쉬맵에 저장하여 연결시켜 조인하는 방식 선행테이블에서 첫 번째 행을 접근그 행

2일 전
·
0개의 댓글
·

[react] JSX 문법 3개

jsx로 html을 짤때는 class=""가 아닌 className=""으로 써야함 자바스크립트로 div안에 변수를 꽂아넣고 싶을때는 document.getElementById().innerHTML = ?? 이런식이지만 리액트에서는 <div>{ 변수명 }</

4일 전
·
0개의 댓글
·

[react] 설치 및 개발환경 세팅

구글에 node.js를 검색 후 lts버전을 설치한다설치경로는 C드리이브로 (안바꾸면 됨)설치 중 chocolatey어쩌구는 설치 안해도 됨vscode 에디터 씀window : 작업용 폴더를 만들고 shift+우클릭해서 powershell열기 macOS : 손가락 두개

4일 전
·
0개의 댓글
·

[SQLD] 순위함수 rank

중복값 발생 시 같은 순위 부여증복값 갯수만큼 건너 뛰고 다음 순위 부여중복값 발생 시 같은 순위 부여중복 순위 발생 후 다음 순위를 연속된 다음 순위 부여 중복값에 관계없이 sequence(순차적인) 순위 반환

4일 전
·
0개의 댓글
·

[SQL] JOIN

두 개의 관련있는 키가 있는 테이블에서 컬럼의 값을 비교 후 join 조건에 맞는 행만 검색SQL서버의 기본 조인 방식조인 대상 테이블의 칼럼 값들이 서로 정확하게 일치하는 경우에 사용where절에 =연산자를 사용해 조인조건을 명시PK, FK로 지정된 칼럼을 조인으로

2022년 8월 9일
·
0개의 댓글
·

[DB] 트랜잭션

트랜잭션은 데이터베이스의 상태를 변화시키기 위해 수행하는 작업의 단위여러개의 테이블이 차례로 데이터를 insert한다고 가정했을 때테이블이 쪼개져 있으므로 테이블간으 ㅣ데이터 정합성을 유지하는 것이 중요함A, B에는 insert를 했으나 C에 insert를 하기 전 서

2022년 8월 9일
·
0개의 댓글
·

캐러셀 스와이프 기능 만들기

오늘은 마우스를 떼었을 때 일정거리 이상 이동했으면 2번 사진을 보여주고, 아니면 1번 사진을 보여주는 ui를 만들어 보자!ㅜ

2022년 7월 11일
·
0개의 댓글
·

position : sticky

position : sticky는 스크롤 시 화면에 고정되는 요소를 만들 수 있는 css 속성입니다. position : fixed는 항상 화면에 고정되는 요소를 만들때 사용하는데 이 둘이 무슨 차이가 있냐면,position : sticky는 스크롤이 되어시 이 요소가

2022년 6월 20일
·
0개의 댓글
·

locaStorage

개발자도구 -> application탭 여기에 정보를 저장할 수 있음 local sesseon : 키 verlue형탤 ㅗ index L 구조화된 대용량 데이터 저저아 cookie: 보통 로그인 정보 저장 cache html, css, js 파일 저장한느 곳 loca

2022년 6월 16일
·
0개의 댓글
·

DOM 개념정리 & load 이벤트

DOM Document Object Model 자바스크립트는 HTML조작에 특화된 언어이지만 HTML과 자바스크립트는 다른 언어입니다. 그래서 자바스크립트에선 ``이런 html을 직접 해석하고 조작할 수 없습니다. 자바스크립트는 를 못알아듣는데 어떻게 html태

2022년 6월 15일
·
0개의 댓글
·

Sort

이번에는 sort함수 사용 방법에 대해 알아보겠습니다. sort함수로 내림차순 하는 방법을 먼저 알아보도록 하겠습니다.오름차순 정렬되어 있는 arr을 '다', '나', '가'로 내림차순정렬해보겠습니다.sort함수의 작동원리는a, b는 arary안에 있는 자료들임. re

2022년 6월 15일
·
0개의 댓글
·

forEach, filter, map, reduce

배열을 loop돌면서 무언가 하고싶을때 for loop문보다 간편하게 쓸 수 있는 함수들을 정리해보려고 합니다. : 하나씩 돌면서 무언가 하기: 조건에 맞는것만 새로운 배열로: 조건에 맞는것만 배열로 만들어, 한개씩 돌면서 무언가 처리하기: 한개씩 돌면서 연산한 결과를

2022년 6월 12일
·
0개의 댓글
·

Ajax

Ajax는 서버와 데이터를 주고받는 방법 중 하나인데 서버가 뭔지 모르겸 아무리 ajax문법을 외워봤자 응용을 못하기 대문에 서버가 뭔지 정리부터 하겠습니다. 유저가 데이터를 요청하면 데이터를 보내주는 간단한 프로그램입니다. 서버에 데이터를 요청할 때는 1\. 어떤 데

2022년 6월 12일
·
0개의 댓글
·

배열메소드 every, some

이번 글에서는 Array Method 중 비슷한 성격의 every와 some에 대해서 살펴보도록 하겠습니다. 이 두가지 Array Method는 배열의 요소들이 주어진 조건을 만족하는지 여부에 대한 검증을 수행합니다.

2022년 6월 10일
·
0개의 댓글
·

배열메소드 map, filter, forEach

이번 글에서는 Array Method 중 map, filter, forEach에 대해서 살펴보겠습니다. 이 메소드들을 잘 사용하면 for loop를 사용하는 경우보다 훨씬 깔끔하고 가독성 높은 코드를 얻을 수 있습니다.map() 메소드는 배열의 각각의 요소에 대해 순차

2022년 6월 10일
·
0개의 댓글
·

화살표 함수 Arrow Function

화살표 함수(Arrow Function)은 ES6에 추가된 것으로, 기존 일반 함수 표현보다 짧은 구문으로 가독성 높은 코드를 작성할 수 있게 도와줍니다. \[일반 함수 선언]기존 일반 함수(regular function) 선언은 다음과 같이 'function'을 이용

2022년 6월 10일
·
0개의 댓글
·

JS this

대부분의 언어에서 'this'는 클래스가 인스턴스화 한 현재 객체에 대한 참조인 반면, 자바스크립트에서 'this'는 일반적으로 함수를 호출하는 객체에 대한 참조입니다.이번 글에서는 자바스크립트의 this에 대해서 많이 사용되는 케이스의 예제 위주로 다루어 보겠습니다.

2022년 6월 10일
·
0개의 댓글
·

자바스크립트로 html생성하기

.creadteElement()<div>안에 <p>태그를 생성해보았습니다. document.createElement()를 쓰면 html자료를 하나 생성해줍니다. 그걸 맘대로 조작한 다음 appendChild()를 써서 원하는 곳에 넣으면 html이 생성됩니다

2022년 6월 6일
·
0개의 댓글
·