web/html & css
[CSS] position
.container { position: static; position: relative; position: absolute; position: fixed; position: sticky; } top-left, top-right, bottom-left, bottom-right 값으로 position 변경 가능 static : default value / html에 정의된 순서대로 브라우저상에 출력 relative : left, right 값 적용 가능 / 원래 자리에서 상대적으로 값만큼 이동 absolute : item이 담긴 가장 가까운 box 내에서 위치 변동 fixed : window 내에서 변동 / 웹 페이지 내에서 변동 / box와는 무관 sticky : 원래 있던 자리에 있되, scrollin..
→2021.07.09
web/likelion
[Django] null=True / blank=True
null = True data = models.DataTimeField(null=True) - 필드의 값이 NULL로 저장되는 것을 허용 - 데이터베이스 컬럼에 관한 설정 - CharField와 TextField 등의 문자 기반 필드에서는 사용 피할 것 - CharField에서 unique=True와 blank=True 모두 설정될 때는 예외 blank = True title = models.CharField(blank=True) - 필드가 폼(입력 양식)에서 빈 상태로 저장되는 것을 허용 - 데이터베이스에는 ''이 저장됨 - 장고 관리자 및 직접 정의한 폼에도 반영 - 유효성 검사(form.is_valid())와 관련있다 👉 null=True, blank=False 옵션을 가진 필드 = DB 레벨에서는..
→2021.07.06
web
Pycharm/Cmder로 가상환경 실행 및 프로젝트 생성
1. 가상환경 생성 1. File > Settings 2. Project: 프로젝트 폴더명 > Python Interpreter > 설정(icon) > Add 3. C:\..\프로젝트 폴더명\가상환경명 > OK 4. Python Interpreter에 python.exe 경로 지정(자동) 5. Package에 pip와 setuptools 생성(자동) 5-1. Python Interpreter에 invalid 표시 뜨면 경로 다시 지정 6. Apply > OK 2. 가상환경 실행 1. cmder에서 프로젝트 폴더가 있는 위치로 이동 2. venv(가상환경명)\Scripts\activate.bat 3. deactivate 명령어로 종료 4. pip list로 설치 패키지 및 버전 확인 3. 장고 프로젝트 생..
→2021.06.28
web/html & css
[Bootstrap] checkbox와 radio
👉 인라인 체크박스, 라디오 - 체크박스나 라디오 컨트롤을 같은 줄에 출력 - 줄마다 띄울때는 단순 class="checkbox" 작성 1 2 3 1 2 3
→2021.06.25
web/likelion
[Django] pip freeze '@ file:///' 형태로 나올 때 해결
pip list --format=freeze > requirements.txt 출처 : https://stackoverflow.com/questions/62863020/pip-freeze-generating-file-on-conda-environment
→2021.06.16
web/likelion
[Django] 로그인 / 로그아웃 / 회원가입
[ User 기본 ] 1. python manage.py startapp account 를 통해 계정 관련 앱 새로 생성한다 2. settings.py에서 INSTALLED_APPS에 앱 생성 알려주기 3. templates폴더에 login.html과 signup.html 생성(로그아웃은 필요없음) 4. views.py에서 로그인 폼과 회원가입 폼 생성 from django.shortcuts import render, redirect from django.contrib.auth.forms import AuthenticationForm, UserCreationForm from django.contrib.auth import authenticate, login, logout 5. views.py def lo..
→2021.05.18
web/likelion
[Django] 공통된 template 상속
1. project 폴더 하위에 templates 폴더 생성 2. base.html 생성 3. DOCTYPE, html, head, navbar 등 공통된 요소들 작성 4. 하위에 {% block content %} {% endblock %} 을 사용하여 내용 감싸줄 부분 만들어주기 5. 각 템플릿에 공통된 요소들 삭제 후 6. 가장 상단에 {% extends 'base.html' %} 작성 7. 공통되지 않은 요소들을 {% block content %} {% endblock %} 로 묶어준다
→2021.05.18
web/html & css
[CSS] Flexbox
float 목적 : 이미지와 텍스트 어떻게 배치할 것인지 정의 - left, center, right : 텍스트가 이미지 감싸는 형태로 나타남 flexbox 1. container에 적용 : display, flex-direction, flex-wrap, justifu-content, align-iems, ... 2. item에 적용 : order, flex-grow, flex, align-self, flex-shrink 중심축(main axis)과 반대축(cross axis)이 있다 실습 준비 div.container>div.item.item${$}*10 입력 후 tab키 누르기 Tip height: 100% → 아이템에 맞게 높이가 지정됨, 아이템이 들어있는 부모의 높이에 100% 채우겠다 예를 들면..
→2021.05.17

• 이전
• 1
• 2
• 3
• 다음