Django+Docker 이미지 만들어 배포하기
·
잡다구리/웹 & 서버
Docker를 처음 써보는 초보자 기억 복기용이므로 틀린 부분이 있을 수 있습니다. Docker와 Docker 이미지의 개념에 대한 부분은 추후 업데이트 예정입니다. IDE : Pycharm / 터미널: zsh / 파이썬 버전 3.9 venv 생성 및 활성화 - venv (virtual environment) : 프로젝트 별 독립된 파이썬 실행 환경(runtime/interpreter)을 사용 보장 - 버전 충돌을 방지할 수 있기 때문에 venv에 pip로 패키지를 설치하고 사용하는 것을 권장합니다. - Django 프로젝트 파일로 들어간 후 venv를 생성하고 actiavte시킵니다. activate하지 않으면 pip로 설치한 패키지가 제대로 원하는 venv에 설치되지 않을 수 있으며 Docker로 이..
Django로 S3연동 REST API 만들기
·
잡다구리/웹 & 서버
Django를 처음 써보는 초보자 기억 복기용이므로 틀린 부분이 있을 수 있습니다. 다른 블로그에서 S3환경 설정하는 부분은 많이 나와있기 때문에 다루지 않습니다. S3에서 이미지 다운로드, 업로드를 API로 만드는 것을 목적으로 한 포스팅입니다. IDE : Pycharm 프레임 워크 설정 1. Preferences => Project => Python Interpreter에서 djangorestframework 추가 2. settings.py => REST_FRAMEWORK 부분 추가, INSTALLED_APPS에 'rest_framework' 추가 S3 연동해 API 만들기 [1] 터미널에서 pip명령어를 통해 아래 두 가지를 설치한다. S3 연동 패키지 설치 : pip install boto3 다양..
[CSS] inline, block, inline-block
·
잡다구리/웹 & 서버
인라인(inline) - 한 줄에 여러개 배치 - 기본 너비값은 텍스트의 너비값을 가짐, 즉 요소들의 너비값을 가짐 - 크기값(width, height)값 적용 불가 - margin을 주면 상하 값은 적용되지 않음, 좌우로만 적용 ex) span, a, br, sup, em 등 a{ color: #000; width: 100px; height: 100px; margin: 100px; } 블록(block) - 한줄에 한개만 배치 - 기본 너비값은 100%를 가짐 - 크기값(width, height)값 적용 가능 - 인라인 요소와 다르게 margin을 상, 하, 좌, 우에 줄 수 있음 ex) div, p, table, header/footer, nav 등 div{ border: 1px solid red; h..
[CSS] 서식관련 속성
·
잡다구리/웹 & 서버
1. 폰트 사이즈 주로 body 태그 안에서 설정 기본 사이즈 : 16px = 1em 브라우저에서 실행 시 15px이 적당 2. 폰트 속성 텍스트 크기: font-size value: px, em, pt, %, rem(반응형) 글꼴 두께: font-weight 기본값: normal 두껍게: bold 얇게: normal 줄 간격: line-height (body안에 지정) value: px(22px), 주로 em단위 사용(상대적 단위, 1.6em) 글꼴 지정: font-family 문자 스타일(기울림체): font-style 글꼴 색 : color value: color name, #000000, rgb(0,0,0), rgba(0,0,0,0.5) 텍스트 줄 표시 / 제거 : text-decoration v..
Vue.js 프로젝트 생성 및 실행
·
잡다구리/웹 & 서버
1. CLI 설치 npm install -g @vue/cli 2. vue 프로젝트 생성 vue create login-ex 3. 생성된 vue프로젝트 폴더로 이동 후 vuetify설치(필수X) cd login-ex vue add vuetify 4. 프로젝트 실행 npm run serve