비온뒤 맑음. 하말의 숨겨진 블로그

https://www.youtube.com/watch?v=7neASrWEFEM 해당 유튜브 영상을 정리한 것 입니다. 기본 1 2 3 4 5 6 7 8 9 10 .container { background: beige; height: 100vh; } .item1 { background: #ef9a9a; } .item2 { background: #f48fb1; } .item3 { background: #ce93d8; } .item4 { background: #b39ddb; } .item5 { background: #90caf9; } .item6 { background: #a5d6a7; } .item7 { background: #e6ee9c; } .item8 { background: #fff59d; } .it..

https://www.youtube.com/watch?v=nxi1EXmPHRs 위 유튜브를 따라해 본 것 입니다. 부모 요소에게만 그리드 적용 .container { display: grid; grid-template-columns: repeat(3, 1fr); } 굉장히 띄엄 띄엄 있음 자식 요소에게 크기를 정해줌 .container { display: grid; grid-template-columns: repeat(3, 1fr); } .image { width: 100%; height: 100%; object-fit: cover; } grid-template-areas body { padding: 5rem; background-color: black; } .container { display: gri..

* { /* flex 1차원적 배치, wrap을 통해 그리드 느낌으로 할 수 있음 */ display : flex ; /* 한줄을 차지하는 div 요소들을 가로로 배치가능 */ flex-direction : column /* 쌓이는 방향을 세로로 바꿔줄수있음 (기본 row) */ } *{ display:grid /* 부모에서 그리드의 전체적인 모양과 사이즈를 정함 */ grid-template-columns : /* 가로 */ grid-template-rows : /* 세로 */ grid-template-areas : /* */ grid-gap : /* 그리드 간격 */ grid-column-start : grid-column-end : grid-row-start : grid-row-end : grid-..

https://youtu.be/WvsiPBsJq7k?si=BrJ2edtvaYJSKwZU host name에 "http://" "ftp://" "sftp://" 등을 빼고 적는다. ( 영상 1분경 ) Leave out “http://,” “ftp://,” “sftp://,” etc. from the host name. (about 1 minute into the video) ex> https://blingstarhamal.tistory.com/ (x) => blingstarhamal.tistory.com/ (o)

맨날 할때마다 구글링해서 내가 적어둔 장고 프로젝트 생성 과정. 파이참이 아닌 환경에서 진행. 가상환경 생성부터 마이그레이션과 관리자계정 생성까지. 가상환경 생성 # 프로젝트 생성 및 폴더 이동 mkdir django cd django # 가상환경 생성 및 활성화&비활성화 python -m venv source /bin/activate deactivate django 프로젝트 생성 # 가상환경 활성화 source /bin/activate # 장고 설치 pip이 안되면 pip3 pip install django # 장고 프로젝트 생성 django-admin startproject # 장고 프로젝트 실행. python이 안되면 python3 cd python manage.py runserver # 장고 프로..

https://www.youtube.com/playlist?list=PLTb3qGCzYjS3cIanQ9DFx7zDiejgnnql1 div class="container-fluid" sm, md, lg, xl, xxl (breakpoint) padding(p), margin(m) p- ( 0~5 ) p-0 ( top-t / bottom-b / left(start)-s / right(end)-e / x axis(left&right)-x / y axis(top&bottom)-y ) gap ( div 내에서 간격 조절 ) class="color" background color : bg- text color : text- text-bg- text- bg- table class="table " table-strip..

을 읽고 정리한 것 입니다. https://books.django.ac/ 1.1 파이썬으로 작성된 웹 프레임 워크 -> 웹 사이트를 만들기 위해 일반적으로 필요로 하는 기능을 탑재 1.2 데이터베이스 관리 강력한 관리자 기능 보안 내장기능과 파이썬 확장 기능 2.1 웹페이지가 요청에 응답하는 방법 사용자 -> 브라우저(주소 입력) -> 인터넷(WWW) -> 주소의 컴퓨터서버 -> "요청응답" -> 주소의 컴퓨터 서버 -> 인터넷 -> 브라우저에 출력 -> 사용자 2.2 Django가 요청에 응답하는 방법 사용자 URL 요청 -> URLconf -> View -> "요청응답" -> 브라우저에 출력 4.1 Django의 디자인 패턴 디자인 패턴 -> 소프트웨어를 개발할 때 공통적으로 발생하는 문제들을 해결하..

레이어 팝업을 띄워야해서 준비했던것 정리 1. 기본적으로 레이어 팝업은 아래 블로그에서 그대로 복붙했다. 다만 그대로 복붙하면 주석처리가 이상해졌고, 일부분을 수정했기에 다시 남겨본다. https://kideagle.tistory.com/85 레이어팝업 공지 (오늘 하루 열지 않기) 오늘 하루 이 창 열지 않음 닫기 kideagle.tistory.com