공부

opentutorials.org/course/195/1409 JOIN - 생활코딩 여러개의 테이블 사용하기 데이터의 규모가 커지면서 하나의 테이블로 정보를 수용하기가 어려워지면 테이블을 분활하고 테이블 간의 관계성을 부여한다. 예제 DROP TABLE IF EXISTS `student`; CREATE TAB opentutorials.org JOIN 테이블간의 관계성에 따라서 복수의 테이블을 결합, 하나의 테이블인 것처럼 결과를 출력 JOIN의 종류 OUTTER JOIN : 매칭되는 행이 없어도 결과를 가져오고 매칭되는 행이 없는 경우 NULL로 표시한다. LEFT JOIN과 RIGHT JOIN이 있다. INNER JOIN : 조인하는 두개의 테이블 모두에 데이터가 존재하는 행에 대해서만 결과를 가져온다.

INSTR(기준문자열, 부분문자열) - 특정문자가 어느위치에 있는지 알 수 있다. SELECT INSTR('하나둘셋', '둘'); -> 3 출력 SUBSTRING(문자열, 시작위치, 길이) or (문자열 FROM 시작위치 FOR 길이) - 시작위치부터 길이만큼 문자를 반환 SUBSTRING("안녕하세요", 1,2); ->안녕 만 출력된다.

www.mysqltutorial.org/mysql-cast/ MySQL CAST() Function This tutorial shows you how to use MySQL CAST function to convert a value of any type into a value with a specified type. www.mysqltutorial.org cast type의 종류 binary char signed date datetime time unsigned 등 예시) 문자를 숫자로 변환 select cast('1' as unsigned) as num 숫자를 문자로 변환 select cast(2 as char(1)) as str

kr.vuejs.org/v2/guide/ 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org

opentutorials.org/course/228/4894 HTTPS와 SSL 인증서 - 생활코딩 HTTPS VS HTTP HTTP는 Hypertext Transfer Protocol의 약자다. 즉 Hypertext 인 HTML을 전송하기 위한 통신규약을 의미한다. HTTPS에서 마지막의 S는 Over Secure Socket Layer의 약자로 Secure라는 말을 통해서 알 수 있듯이 opentutorials.org

tr {border-bottom: 2px solid black} 으로 해도 선이 나타나지 않는다. 그렇다고 td에 넣으면 각각 셀에 맞춰 끊긴 선이 나타남. table에 border-collapse: collapse를 넣은 후에 border를 넣으면 tr에도 테두리를 넣을 수 있다.

border로 테두리 선을 나타낼 수 있다. border: width style color; style 종류

을 이용해서 만들 수 있다 tr: table row 테이블의 행. 왼쪽 정렬 th: table head 테이블의 셀 제목. 굵은 글씨로 가운데 정렬 td: table data 테이블의 셀. 왼쪽 정렬 시간/요일 월 화 수 목 금 1교시 국어 수학 영어 체육 과학 2교시 음악 국어 과학 사회 수학 3교시 미술 영어 국어 수학 영어

https://codepen.io/enxaneta/pen/adLPwv Flexbox playground ... codepen.io opentutorials.org/course/2418/13526 flex - 생활코딩 CSS의 flex는 엘리먼트들의 크기나 위치를 쉽게 잡아주는 도구입니다. 지금까지 레이아웃과 관련된 다양한 속성들이 있었지만 그리 효과적이지 않았습니다. flex를 이용하면 레이아웃을 매우 효과 opentutorials.org

opentutorials.org/course/128/1395 Emmet (Zen Coding) - 생활코딩 Emmet (Zen Coding) 2012-03-10 23:44:26 zen coding 젠코딩은 HTML 코딩의 생산성을 향상시켜주는 도구eclipse, vim, dreamweaver, editplus와 같은 에디터에 플러그인으로 설치젠코딩 홈페이지 문법 ID, CLASS 속성div#page.s opentutorials.org 문법 ID, CLASS 속성 div#page.section.main 커스텀 속성 a[title="hello world"] 엘리먼트 복제 li*3 넘버링 - $ 위치에 값이 1부터 1씩 증가 (1,2,3,4...) li.item$*3 li.item$$$*2 그룹핑 div#pa..