Join 여러 정보를 한 눈에 봐야할 때 테이블과 테이블을 하나의 공통된 키값을 기준으로 연결해주는 기능 엑셀의 vlookup과 동일 Join의 종류 1. Left Join 어떤 데이터는 모든 필드가 채워져있지만, 어떤 데이터는 비어있는 필드가 있다. 이를 모두 표시하고 싶을 때 사용 ex) select * from users u left join point_users p on u.user_id = p.user_id; 2.Inner Join 두 테이블에서 모두 가지고 있는 데이터만 출력하고 싶을 때 사용 ex) select * from users u inner join point_users p on u.user_id = p.user_id; 연습 1. inner join을 사용하여 orders 테이블에 u..
쿼리가 점점 길어지고 복잡해지게 되면 혼동이 올 수 있다. 그럴때 사용하는 것이 Alias라는 별칭을 지어주는 기능이다. ex) 테이블명 뒤에 붙이는 경우 orders o select * from orders o where o.course_title = '앱개발 종합반' ex) 출력될 필드에 별칭을 붙이는 겨우 count(*) as cnt => Alias(as)를 붙이게 되면 별칭(cnt)로 출력이 되며 호출할 때도 별칭으로 호출할 수 있음. select payment_method, count(*) as cnt from orders o where o.course_title = '앱개발 종합반' group by payment_method
1. bootstrap 미리 만들어 놓은 좋은 CSS들을 모아둔 프레임워크. 다른 사람들이 미리 만들어 놓은 CSS를 내 HTML 파일에 적용하는 것이기에, style시트 파일 분리와 원리가 동일. 2. 사용법 - https://getbootstrap.com/docs/5.2/getting-started/introduction/ 겟부트스트랩이라는 사이트에서 시작할 수 있는 코드를 만들어 놓았다. 해당 코드를 그대로 옮겨서 사용하면 된다. Hello, world! 3. CSS 가져오기 2번의 링크에서 마음에 드는 CSS를 찾아 코드를 복사한다. 부분에 붙여넣는다. Hello, world! # First Last Handle 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry ..
부분이 너무 길어지면, 보기가 어려워집니다. 이때 파일을 따로 분리해둘 수 있습니다. ~ 안쪽에 있는 부분을 복사 스타일 시트에 붙여넣는다. ~ 대신에 아래 코드를 위와 같이 입력한다. (본인이 설정한 css파일 이름을 집어넣으면 됨)
1. 아래 사이트로 접속한다. https://fonts.google.com/?subset=korean 2. 마음에 드는 폰트를 찾아서 클릭한다. 3. 세부 옵션들을 정한다. 4. 표시 된 부분을 복사하여 tip) 스타일에 * { } 는 이하 모든 것들에 괄호 안의 것을 적용하겠다는 뜻 6. 결과
간단한 로그인 페이지를 만들며 css를 연습해보자. 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 배경(background)로 이미지를 사용하고 싶을 때 background-image: url("이미지 주소"); background-size: cover; background-position: center; 위 3줄을 세트로 많이 사용한다. 만들어둔 로그인 화면의 위치 조정할 때 width를 주고, margin: auto를 사용 (가운데)
HTML 부모 - 자식 구조 HTML 태그는 "누가 누구 안에 있느냐" 를 이해하는 것이 가장 중요하다. 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받는다. 빨간색 div 안에, 초록색/파란색 div가 들어있다. 아래와 같은 상황에서 빨간색 div를 가운데로 옮기면, 내용물인 초록색/파란색 div도 모두 함께 이동한다. 즉, 박스를 옮기면 안의 내용물도 함께 옮겨지는 것과 같은 원리. 같은 원리로, 초록색 div의 글씨색을 바꾸면, 나는 버튼1의 글씨색도 바뀌게 된다. css 기초 CSS 사용법 안에 로 공간을 만들어 작성. ex) 배경관련 : background-color, background-image, background-size 사이즈 : width, height 폰트 : f..
HTML과 CSS의 개념 - HTML은 뼈대, CSS는 꾸미기 HTML은 구역과 텍스트를 나타내는 코드 CSS는 잡은 구역을 꾸며주는 것 HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생 HTML 코드 내에 CSS 파일을 불러와서 적용합니다. HTML 기초 HTML은 크게 head와 body로 구성 head 안에는 페이지의 속성 정보 : meta, script, link, title 등 페이지의 속성을 정의하거나, 필요한 스크립트들을 부릅니다. 즉, 눈에 안 보이는 필요한 것들을 담는 것. body 안에는 페이지의 내용 : 실질적인 내용
