CSS
-
Django database2클라우드 교육/Django 2023. 2. 7. 18:00
Database의 값에 따라 다른 페이지를 도출해보자. db를 아래처럼 정의해두었다. 이렇게 해두고 database를 만들게 되면 아래처럼 migrations파일 안에 id라는 값이 먼저 생성된 후 나머지 값들이 정의되어 생성되는데, 이는 값들의 주민등록번호처럼 그 데이터들을 지정하는 고유 번호가 된다. 이를 이용해 app의 동적 페이지를 만들어보자. db에는 아래처럼 a,b라는 유저를 등록해두었다. urls.py에 라는 변수를 입력해두고 그 값에 따라 페이지가 변하게 될것이다. .views.py에 아래처럼 좀 복잡하게 명시해뒀는데 천천히 해석하자면, urls.py에 idx라는 변수를 입력해뒀고, 그것을 request와 같이 가져온다는 의미이다. values안의 값들만 가져오는데, idx와 일치하는 id..
-
CSS클라우드 교육/html,css 2023. 2. 6. 16:58
CSS에는 여러가지 이벤트를 넣을 수 있는데, 보통 마우스가 올라가있을때, 클릭하고있을때, 클릭했을때 등등 마우스로 할수 있는 짓은 대부분 이벤트를 적용하게 할 수 있다. 간단하게 몇가지만 알아보자. hover라는 옵션은 마우스가 그 태그 위에 위치할때 변경하게 바꿀 수있다. 아래처럼 div안에 마우스가 위치할때 색상을 aqua로 바꾼다. 아래처럼 마우스가 캡쳐에는 안보이지만 올라가면 색상이 바뀌어진다. 아래는 기본적으로 div내부에 마우스가 올라갈때 aqua로 바뀌어지지만, h1태그는 bisque로 바뀌어진다. h1태그만 색상이 바뀌었다. active라는 마우스를 올렸을때 색상이 바뀌게 할 수 있다. 마우스를 올리기 전 마우스를 올리면 바뀐다. 아래 사이트에서 여러가지 방법을 배울 수 있다. https..
-
CSS클라우드 교육/html,css 2023. 2. 6. 15:50
html이 컴퓨터 언어이면 css는 html의 스타일을 정해둔 시트이다. css로 적용시키는 방법은 총 3가지가 있는데, 범위에 따라 엘레멘트 스타일 : html의 태그를 지정해 사용한다. class : 그룹으로 묶어서 사용할때 사용한다. id : 독립적인 id로 특정한 조건만 부여할 때 사용할 수 있다. 로 나뉠수 있다. 1. 엘레멘트 스타일 보통 갈색 글처럼 html 태그를 지정한다. 그리고 괄호 안에 스타일을 지정해 넣어둔다, 아래처럼 두곳을 지정해두고, 아래처럼 지정되지않은 h5를 제외한 나머지의 색상이 바뀌었다. 2. class 스타일 .로 class로 만들 것을 지정해 넣어둔다. 그리고 아래처럼 적용할 태그에 class="" 을 넣어 적용시킨다. 결과값 3. id # 으로 지정해 사용하는 방법..