윤슬의 개발블로그

기본 드롭다운 목록 만들기 기본 드롭다운 목록을 만들기 위해선 태그와 태그를 이용해 주면 된다. ===선택=== North America Asia Africa Europe south America Oceania Antarctica 태그에서 name은 드롭다운 목록의 이름으로 전송 후 데이터를 참조를 위해 사용되어진다. 태그에서 value는 서버에 전송될 값으로 value값이 없을 경우에는 option 사이의 내용이 서버에 전달 된다. 태그 사이의 이름은 드롭다운에 표시될 이름이다. - 결과 HTML 삽입 미리보기할 수 없는 소스 기본값(default) 지정 ===선택=== North America Asia Africa Europe south America Oceania Antarctica 기본값을 지정하..

시맨틱 태그란 시맨틱 태그란 의미가 부여된 태그라는 뜻이다. 시맨틱 태그 중에 목록1 목록1 목록1 목록1 목록1 목록1 목록1 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 네이버의 웹페이지 목록처럼 잘 나오는 것을 볼 수 있다. 이것들을 활용하여 네이버 기본 구조를 만들어 보자! 네이버로고는 개발자 도구 탭에서 이미지를 들고 왔다. 코드는 더보기 탭에서 볼 수 있다. 더보기 - 예시 두번째 페이지로 세번째 페이지로 링크 목록1 목록1 목록1 목록1 목록1 목록1 목록1 공지사항 ​ - 결과화면 semantic 태그인 ,,태그를 이용하여 쉽게 구조를 잡고 만들 수 있었다.

태그란 요소는 현재 문서와 외부 리소스의 관계를 연결해 준다. 이 요소는 스타일 시트를 연결할 때 제일 많이 사용되어진다. 사용법 태그는 사이에 넣는다. 기본 구조는 다음과 같다.

태그란 태그란 사용자로부터 입력을 받을 수 있는 입력필드(input field)를 정의할 때 사용한다. 요소는 사용자가 데이터를 입력할 수 잇는 입력 필드를 선언하기 위해 요소 내부에서 사용되는데, type 속성값을 달리하면서 여러 가지 모양으로 나타낼 수 있다. 요소를 사용하면 요소의 라벨을 정의할 수 도 있다. 요소의 타입 요소의 타입에는 여러가지 종류가 있는데 그 중에 몇가지만 소개해보려 한다. Input type = text 는 텍스트 입력이 가능한 한 줄의 입력 필드를 생성한다. - 예시 Text : - 결과 HTML 삽입 미리보기할 수 없는 소스 Input type = number 는 숫자 값을 입력해야 하는 입력필드에 사용이 되며, 숫자의 범위도 설정할 수 있도록 한다. - 예시 number..

HTML 요소 타입 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는지 결정 짓는 DISPLAY 속성을 가진다. 대부분의 HTML 요소는 이러한 DISPLAY 속성 값으로 다음 두 가지 값 중 하나를 가지게 된다. 1. 블록(BLOCK) 2. 인라인(INLINE) 블록(BLOCK) 타입의 요소 display 속성값이 블록(BLOCK)인 요소는 언제나 새로운 라인에서 시작하며, 해당 라인의 가로크기를 가득 차게 차지한다. - 예제 Block요소를 이용한 스타일 적용 블록 요소 확인하기 - 결과화면 HTML 삽입 미리보기할 수 없는 소스 \위의 예시를 보면 블록요소를 색깔을 주어 가로 크기가 가득차도록 차지하는 것을 볼 수 있다. ▶ , , , , , 요소는 display 속성값이 블록(blo..

CASE WHEN문 MYSQL에서 다중 조건문을 사용하고 싶을 때 CASE 함수를 사용해서 처리 할 수 있다. CASE문은 WHEN의 조건을 순차적으로 체크하고 조건을 만족한다면 그에 해당하는 THEN 뒤에 있는 값을 반환한다. 모든 조건을 충족하지 않는다면 마지막 ELSE에 해당하는 값을 반환한다. 아래는 CASE함수의 기본 형식이다. CASE WHEN 조건1 THEN 반환값1 WHEN 조건2 THEN 반환값2 ... ELSE 반환값 END - CASE함수 예시 select *, case when price >= 10000 then '비쌈' when price >= 7000 then '적절' else '쌈' end as '가격' from my_db.menu; 메뉴 테이블 조회, 추가 컬럼으로 10000..

JOIN문 JOIN은 데이터베이스 내의 여러 테이블에서 가져온 레코드를 조합하여 하나의 테이블이나 결과 집합으로 표현해주는 Relation Database에서 가장 많이 쓰이는 구문이다. INNER JOIN(내부 조인) 조인하는 테이블의 ON절의 조건이 일치하는 결과만 출력한다. select * from restaurant as a inner join menu as b on b.restId = a.no; A라는 RESTAURANT테이블과 B라는 MENU테이블의 restid와 no가 같은 교집합의 부분만 출력을 하도록 하는 INNER JOIN의 예시이다. LEFT / RIGHT OUTER JOIN(외부 조인) - LEFT OUTER JOIN 두 테이블이 합쳐질때 왼쪽이냐 오른쪽이냐를 기준으로 기준 테이블의..

트랜잭션(transaction)이란? 트랜잭션(transaction)은 하나의 작업을 위해 더이상 분할될 수 없는 명령들의 모음으로 즉, 한꺼번에 수행되어야 하는 일련의 연산 모음을 의미한다. 예를 들어 계좌이체 과정에서 인출과 입금을 한다고 했을 때 입금하는 연산수행에서 문제가 있어 계속 인출만 되고 입금이 안된다고 했을 때 치명적인 결과가 나타날 수 있다. 그래서 입금수행 문제가 있다면 인출과 입금이 둘 다 불가능하도록 만들어야 한다. 이 두 과정은 동시에 성공하던지 동시에 실패하던지 해야하는데 이 과정을 묶는 것이 트랜잭션(transaction)이다! 트랜잭션(transaction)은 데이터베이스와 어플리케이션의 데이터거래에 있어서 안정성을 확보할 수 있도록 한다. 데이터베이스에서 테이블에 데이터를..

숫자를 다루는 함수 숫자를 다루는 함수들의 예시들이다. select abs(-33); select round(123.44, 1); select ceil(123.44); select floor(123.44); select pow(5,3); select rand(); select pi(); 기능 함수 구조 예시 결과 절댓값 abs(숫자) abs(-33) 33 반올림 round(숫자, 소수점자리) round(123.44, 1) 123.4 올림 ceil(숫자) ceil(123.44) 124 내림 floor(숫자) floor(123.44) 123 거듭제곱 pow(밑,지수) pow(5,3) 5^3 = 125 랜덤함수 rand() rand() 0부터 1사이의 랜덤 변수 파이(π) pi() pi() 3.141593 문..

텍스트 태그 중요한 내용 강조된 내용 이탤릭 이탤릭 위의 코드로 웹페이지를 생성하면 아래와 같은 화면이 나온다. 태그와 태그, 태그와 태그는 결과화면만 보면 똑같은 쓰임새라고 생각 할 수 있다. vs 태그는 실제로 웹페이지가 중요한 내용이다라는 것을 인식하여 그 정보가 저장되어있으며 태그 같은 경우는 그냥 진하게만 글자가 나오는 것으로 "굵게" 설정을 한 것과 같은 효과이다. vs 태그는 글자를 이탤릭표시로 보이게 하며 태그와 같이 중요한 표현이라고 웹페이지가 인식하게 한다. 태그는 그냥 이탤릭체로 보여주며 글자모양만이 바뀌게 한것이다. 이렇게 중요한 정보와 그냥 글씨 모양체를 쓰기위한 태그를 나눈 이유는 청각정보를 위해서이다. 예를 들어 시각장애인들이 웹문서를 읽을 때는 소리 내 읽어주는 프로그램을 사..