jeongah story 알고 싶은 코드가 있으시면,
게시글 아무대나 댓글주세요!

웹 사이트 튜토리얼 목업 codepen 입니다~ See the Pen 튜토리얼 tutorial 만들기 by jeongahlee (@jeongahlee) on CodePen. 만약, 위부분에서 li가 아니라 다른곳을 지정 + 자연스럽게 스크롤 하고 싶다면? 다음 스탭 부분을 수정하면서 풀어나가면 됩니다. // 다음 버튼 클릭 이벤트 $('.nextButton').click(function() { var currentStep = $(this).closest('.tuto'); // 현재 단계 요소 선택 var stepNumber = currentStep.attr('class').match(/tuto(\d+)/)[1]; // 숫자 추출 var nextStepNumber = parseInt(stepNumber) ..

1. 쿼리(Query)문이란? 쿼리는 질의를 의미하죠. 데이터베이스에 명령을 내리는 것을 의미합니다. 테이블: orders라는 엑셀 시트명 보이시죠? 테이블은 데이터가 담긴 엑셀 시트와 동일합니다. 이런 형태의 값이 데이터베이스에 담기면, orders라는 이름의 테이블이 되겠죠. 필드: order_no, created_at, course_title, user_id, payment_method, email 각각이 필드입니다. Where 절은, Select 쿼리문으로 가져올 데이터에 조건을 걸어주는 것을 의미해요. Group by는 동일한 범주를 갖는 데이터를 하나로 묶어서, 범주별 통계를 내주는 것을 의미합니다. Order by를 사용하면 한 번에 정렬할 수 있어요. ( 오름차순 ASC, 내림차순 DESC..

Subquery 쿼리 안의 쿼리라는 의미입니다. 하위 쿼리의 결과를 상위 쿼리에서 사용하면, SQL 쿼리가 훨씬 간단해져요! 즉, Subquery를 사용하지 않아도 원하는 데이터를 얻어낼 수 있겠지만, 더 편하고 간단하게 원하는 데이터를 얻기 위해 사용되는 파워풀한 기능입니다. kakaopay로 결제한 유저들의 정보 보기 → 우선, 이렇게 볼 수 있겠죠? users 와 orders 의 inner join으로! select u.user_id, u.name, u.email FROM users u inner join orders o on u.user_id = o.user_id where o.payment_method = 'kakaopay'; //조금 더 직관적으로 적기 SELECT user_id, name, ..

Join이란? 두 테이블의 공통된 정보 (key값)를 기준으로 테이블을 연결해서 한 테이블처럼 보는 것을 의미해요. 예) user_id 필드를 기준으로 users 테이블과 orders 테이블을 연결해서 한 눈에 보고 싶어요! 더보기 위의 예시와 같이, 두 테이블의 정보를 연결해서 함께 보고싶을 때가 있겠죠? 그럴 때를 대비해서 무언가 연결된 정보가 있을 때, user_id 처럼 동일한 이름과 정보가 담긴 필드를 두 테이블에 똑같이 담아놓는답니다. 이런 필드를 두 테이블을 연결시켜주는 열쇠라는 의미로 'key'라고 불러요. Join의 종류: Left Join, Inner Join 1) left join : null 값도 함께 join이 됩니다. select * from users u left join po..

Group by는 동일한 범주를 갖는 데이터를 하나로 묶어서, 범주별 통계를 내주는 것이라고 지난 시간에 배웠습니다. SELECT week, count(*) FROM checkins group by week; SELECT WEEK, min(likes) from checkins group by WEEK; SELECT WEEK, max(likes) from checkins group by WEEK; SELECT WEEK, sum(likes) from checkins group by WEEK; SELECT WEEK, round(avg(likes),1) from checkins group by WEEK; Order by를 사용하면 한 번에 정렬할 수 있어요. SELECT name, count(*) FROM us..

쿼리(Query)문이란? 쿼리는 질의를 의미하죠. 데이터베이스에 명령을 내리는 것을 의미합니다. 여기서 Select 쿼리문은, 데이터베이스에서 '데이터를 선택해서 가져오겠다'는 의미입니다. 테이블: orders라는 엑셀 시트명 보이시죠? 테이블은 데이터가 담긴 엑셀 시트와 동일합니다. 이런 형태의 값이 데이터베이스에 담기면, orders라는 이름의 테이블이 되겠죠. 필드: order_no, created_at, course_title, user_id, payment_method, email 각각이 필드입니다. Where 절은, Select 쿼리문으로 가져올 데이터에 조건을 걸어주는 것을 의미해요. //orders 테이블에서 결제수단이 카카오페이인 데이터만 가져와줘! select * from orders ..

See the Pen Andreas Storm button by jwktje (@jwktje) on CodePen.

See the Pen CSS Ring Text with CSS Trigonometric Functions by Jhey (@jh3y) on CodePen.