TIL

8월 5일 TIL

skyteer0 2024. 8. 5. 20:23

처음 SQL에 기본을 쳐밨을때

처음 SQL의 기본을 실행해보았다. select from. 원하는 테이블에서 원하는 컬럼을 꺼내고 그 컬럼의 이름을 바꾸어 볼 수 있었다.

 

비교연산자를 이용한 경우

다음은 비교연산자를 이용해 컬럼 중 에서 일부 내가 원하는 부분만을 보여주게 해주었다.(>=, <=, <>, =)

 

다른 연산자로 컬럼에서 원하는 정보를 얻음

between ~ and 는 내가 입력한 사이에 있는 모든 정보를 보여준다.

in 은 컬럼 안에서 내가 입력한 정보만을 찾아서 보여준다.

like 는 내가 찾으려는 대략적인 정보 우측 사진에 나온 것 처럼 '김%'이면 김을포함하지만 뒤에 글자는 무엇이든 상관없이 찾아준다. %를 앞에 붙이면 그 반대로 %사이에 있으면 사이에 있는 글자를 앞뒤 상관없이 찾아서 보여준다.

 

논리연산자를 사용하여 원하는 정보를 얻은 결과

AND 연산자는 내가 입력한 모든 조건을 만족하는 정보만을 컬럼에서 찾아서 보여준다.

OR 연산자는 내가 입력한 조건 중 하나라도 만족하면 컬럼에서 찾아서 보여준다.

NOT 연산자는 내가 입력한 조건에 해당되지 않는 정보를 컬럼에서 찾아서 보여준다.

 

vscode를 사용한 html5로만든 간단한 로그인 페이지

<h1>은 제목 역할을 한다.

<p>는 하나의 영역을 지정해 준다.

<input type = "text" /> 는 웹에서 내가 직접 입력할 수 있는 칸을 만들어 준다.

<button>은 내가 직접 누를 수 있는 버트을 생성한다.

 

<div>로 내부에 <h1>과 <h5>를 감싸고 클래스를 지정하였다. <head>에 <style>를 넣어 앞서 지정한 클래스 이름을 넣었다.

width : 가로 height : 세로 color : 글씨의 색상 text-align : 글의 위치 padding : 안쪽 여백 설정

border_radius는 모서리를 둥굴게 만들어 준다.

background image에 사진 주소를 넣어 사진을 불러오고 position으로 위치를 잡고 size로 앞에서 정한 크기에 맞게 설정했다.

 

부트스크랩을 사용한 웹

부트스크랩에 있는 다양한 스타일을 사용하여 여러가지 스타일에 웹을 만들 수 있었다. 사진은 자신이 선택하여 부트스크랩에서 가져온 스타일에서 사진의 주소를 입력하는 것으로 내가 원하는 사진을 보여줄수 있었다.

'TIL' 카테고리의 다른 글

24.08.12 TIL  (0) 2024.08.12
24.08.09 TIL  (0) 2024.08.09
24.08.08 TIL  (0) 2024.08.08
8월 7일차 TIL  (0) 2024.08.07
24. 08. 06 TIL  (0) 2024.08.06