홍루피의 블로그

고정 헤더 영역

글 제목

메뉴 레이어

홍루피의 블로그

메뉴 리스트

  • 홈
  • 방명록
  • 글쓰기
  • 루피의 지식 (116)
    • iOS (43)
      • 스탠포드 iOS 강의 (13)
      • iOS 지식 (23)
      • 디자인 패턴 (0)
      • CI&CD (3)
    • 알고리즘 (64)
    • 잡다구리 (9)
      • 웹 & 서버 (5)
      • 안드로이드 (2)
    • 일상 (0)

검색 레이어

홍루피의 블로그

검색 영역

컨텐츠 검색

잡다구리/웹 & 서버

  • Django+Docker 이미지 만들어 배포하기

    2021.04.12 by 홍루피

  • Django로 S3연동 REST API 만들기

    2021.02.06 by 홍루피

  • [CSS] inline, block, inline-block

    2020.12.18 by 홍루피

  • [CSS] 서식관련 속성

    2020.10.28 by 홍루피

  • Vue.js 프로젝트 생성 및 실행

    2020.09.19 by 홍루피

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로 이..

잡다구리/웹 & 서버 2021. 4. 12. 20:15

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 다양..

잡다구리/웹 & 서버 2021. 2. 6. 18:20

[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..

잡다구리/웹 & 서버 2020. 12. 18. 21:41

[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..

잡다구리/웹 & 서버 2020. 10. 28. 00:16

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

잡다구리/웹 & 서버 2020. 9. 19. 00:53

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
홍루피의 블로그 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바