CSS - transform
css의 를 사용해서 요소를 이동(translate), 기울이기(skew), 회전(rotate), 확대 혹은 축소(scale)하는 방법을 정리하였습니다. Define style.css css를 다음과 같이 정의합니다. define html htm...
총 1,428개의 아카이브 중 241 - 256번째 글
css의 를 사용해서 요소를 이동(translate), 기울이기(skew), 회전(rotate), 확대 혹은 축소(scale)하는 방법을 정리하였습니다. Define style.css css를 다음과 같이 정의합니다. define html htm...
visibility의 값을 수정하여, 상황에 따라 보이도록 혹은 보이지 않도록 할 수 있습니다. 기본적으로는 visible하지만, 마우스를 올리면(hover) 보이지 않도록 설정합니다. 렌더링해보면, 마우스를 올리면 보여지지 않는 것을 알 수 있...
보통 html에서 form 요소를 작성할 때는 다음과 같이 작성합니다. 간단한 input의 경우는 다음처럼 작성해도 아무 문제가 없습니다만, input이 여러 개이거나, 잘못된 input에 대해서 백엔드에서 프론트엔드로 메세지를 전달해주기 위해서...
우선 를 사용하여 현재 사용가능한 conda environment를 확인해봅시다. 표시가 되어 있는 env가 현재 활성화되어 있는 env입니다. 저는 로 변경을 해주려고 합니다. 우선 를 사용해서 conda env를 활성화해줍니다. 그 다음 를 ...
css, javascript, image와 같은 static 파일들을 Django 프로젝트 내에 집어넣기 위해서는 다음의 과정을 따르면 됩니다. 우선, 에서 static css file을 집어넣어주려고 합니다. head 부분에 다음의 부분을 넣어...
사용자가 html 문서의 tag로부터 submit한 값을 컨트롤러가 전달받아서 처리해주는 작업을 정리합니다. template with form submit 에 다음 내용을 작성해줍니다. 보는 것처럼, GET, POST의 방식으로 submit하는 ...
CSRF는 "Cross Site Request Forgery"의 약자로, 사용자의 의도와 상관없이 사용자의 요청(Request)에 다른 요청을 숨겨서 전송하도록 하는 방법을 말합니다. 가령 사용자가 특정 POST를 보낼 때, 여기에 다른 POST...
toast-ui Grid를 사용하여 table을 그리는 방법을 정리합니다. 일반적으로 html에서 table은 다음의 형태로 표현해줍니다. 뭐...이렇게 해줘도 문제는 없는데 table은 워낙 많이 쓰이는 요소이기 때문에 javascript 단에...
사실 html 문서들은 서로 중복을 피해서 유지보수를 편하도록 하게 위해서 다양한 Template Langue들이 존재합니다. django는 Django Template Language(DTL)을 사용합니다. Passing parameter 백엔...
html 문서 내에 다른 html 문서를 집어 넣을 수 있습니다. 가령 아래와 같은 를 다른 문서에 집어넣고 싶다고 하겠습니다. 이 때는 아래 처럼 를 사용해서 넣어주면 됩니다.
은 다음처럼 정의되어 있다고 하겠습니다. 내부를 자세히 보면, block으로 표시된 부분이 있죠. 은 다음처럼 정의됩니다. 을 extends하고, 앞서 정의한 , 를 대체해 줍니다. 를 사용하면, block에 원래 정의되어 있는 default 를...
Controller에서 String을 에 묻혀서 View로 보내는 방법을 정리하였습니다. views.py - MainController 우선 Controller를 만들어 줍니다. 에 새로운 컨트롤러를 추가해줍니다. 컨트롤러 내부에서는 의 형태로 ...
Django, Spring, ROR(Ruby On Rails)는 모두 MVC(Model - View - Controller)라는 패턴을 따릅니다. MVC는 특정 언어에 국한된 것이 아니라, 소프트웨어 설계적인 접근인데 각각 다음과 같은 의미를 가...
MVC니 다 필요 없고 일단 server를 띄워보도록 하겠습니다. View - index.html view는 사용자에게 보여지는 문서를 말합니다. 그냥 html 문서라고 생각해도 문제가 없죠. 을 다음처럼 만들어 줍니다. Controller - ...
oh my zsh를 설치하고 zsh theme를 사용해보기로 합니다. 아래 명령어를 사용해서 oh my zsh를 설치합니다. 좋은 theme들이 이미 많지만, Powerlevel9k가 좋다는 말이 많아서, 얘를 사용해보기로 합니다. "oh my ...
vim의 color theme을 변경해줍니다(vim은 vi의 향상된(iMproved) 버전입니다). 홈() 디렉토리에 폴더를 만들고 내부에 다시 폴더를 만들어 줍니다. 맥북의 경우 를 내에 이미 설치되어 있는 colorscheme들도 있습니다만,...