라라벨 루트디렉토리에 바로 접속하기위해

루트디렉토리에

server.php -> index.php로 이름 변경

public 폴더에 .htaccess 파일을 루트폴더로 이동

cd /etc/nginx/sites-available

vim default

listen 443 ssl default_server;

listen [::]:443 ssl default_server;

ssl on;

ssl_certificate         "통합된 pem 경로";

ssl_certificate_key    "키 pem 경로";

json으로 결과값을 반환하려하는데

Malformed UTF-8 characters, possibly incorrectly encoded

같이 문구가 뜬다면

utf8_encode 함수를 써서 인코딩 후 반환!!

git config --global credential.helper 'cache --timeout=2628000'

ubuntu16, php7.2

apt-get install nginx

설치 후 버전확인

nginx -v ,

conf 경로 확인

nginx -t

설치할것들

apt-get install php7.2-fpm

apt-get install php7.2-zip php7.2-gd mcrypt php7.2-mbstring php7.2-xml php7.2-mysqli php7.2-curl

/etc/nginx/nginx.conf에서 ssl 셋팅시

ssl on;

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE

        ssl_prefer_server_ciphers on;

        ssl_ciphers 'EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH';

/etc/nginx/sites-available/ 에서

default를 아래와 같이 수정

server {

        listen 80 default_server;

        listen [::]:80 default_server ipv6only=on;

        # SSL configuration

        #

        # listen 443 ssl default_server;

        # listen [::]:443 ssl default_server;

        #

        # Note: You should disable gzip for SSL traffic.

        # See: https://bugs.debian.org/773332

        #

        # Read up on ssl_ciphers to ensure a secure configuration.

        # See: https://bugs.debian.org/765782

        #

        # Self signed certs generated by the ssl-cert package

        # Don't use them in a production server!

        #

        # include snippets/snakeoil.conf;

        root /라라벨프로젝트명/public;

        # Add index.php to the list if you are using PHP

        index index.php index.html index.htm;

 server_name api;

        location / {

                # First attempt to serve request as file, then

                # as directory, then fall back to displaying a 404.

#               try_files $uri $uri/ =404;

                try_files $uri $uri/ /index.php?$query_string;

        }

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000

        #

        #location ~ \.php$ {

        #       include snippets/fastcgi-php.conf;

        #

        #       # With php7.0-cgi alone:

        #       fastcgi_pass 127.0.0.1:9000;

        #       # With php7.0-fpm:

        #       fastcgi_pass unix:/run/php/php7.0-fpm.sock;

        #}

        # deny access to .htaccess files, if Apache's document root

        # concurs with nginx's one

        #

        #location ~ /\.ht {

        #       deny all;

        #}

        location ~ \.php$ {

                try_files $uri =404;

                fastcgi_split_path_info ^(.+\.php)(/.+)$;

                fastcgi_pass unix:/var/run/php/php7.2-fpm.sock;

                fastcgi_index index.php;

                fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

                include fastcgi_params;

        }

}

service nginx restart

service php7.2-fpm restart

php -v랑 apache에서 사용하는 php 버전이 다른 경우

기존 버전을 사용안함으로 -> a2dismod php이전버전

최신 버전 사용 -> a2enmod php최신버전

가상호스트 등록해서 사용할 경우

아파치 설치 경로에가서

sites-availables 에서 기존 등록된  conf 하나 복사해서

설정 한 후

만약 80포트를 추가 한 경우

sites-enabled에 등록된 conf가 있으면 해제해야함(아니면 충돌나서 사이트 안뜸)

service a2dissite conf파일명

새로 등록한 conf는 등록

service a2ensite conf파일명

재시작

serviec apache2 restart

* xdebug, phpstorm 셋팅 관련

https://xdebug.org/wizard.php 에서 phpinfo()를 띄운 html 전문을 등록해서

ini 경로등 확인 후

xdebug 관련 설정을 한 후

debugger validate 수행

이 때 라라벨 프로젝트인 경우 프로젝트명/public 으로 경로 해줘야함

서버 맵핑도 마찬가지로 /public 까지

xdebug 설정은 /etc/php/7.2/mods-available/xdebug.ini에서

apt-get update && apt-get upgrade

apt-get install python-software-properties

add-apt-repository ppa:ondrej/php

위 커맨드가 안먹히면

apt-get install software-properties-common python-software-properties

후 다시 진행

apt-get update

apt-get install php7.2

파이챰에서 프로젝트 생성

Django -> More Setting에서 앱도 하나 만들기

메뉴 Settings -> Project Interpreter에서 pip에서 패키지들 추가

djangorestframework

django-rest-swagger

django-debug-toolbar

패키지추가 하고

프로젝트에 settings.py에서

모든 호스트를 허용하고

ALLOWED_HOSTS = ['*']

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'Portfolio.apps.PortfolioConfig',
    'rest_framework',
    'rest_framework_swagger',
    'debug_toolbar',
]

rest_framework랑 rest_framework_swagger, debug_toolbar 추가

///

static 파일 관련해서 한번 읽어보기

https://devcenter.heroku.com/articles/django-assets

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__))

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.11/howto/static-files/

STATIC_ROOT = os.path.join(PROJECT_ROOT, 'staticfiles')
STATIC_URL = '/static/'

# Extra places for collectstatic to find static files.
STATICFILES_DIRS = [
    os.path.join(PROJECT_ROOT, 'static'),
]

# Simplified static file serving.
# https://warehouse.python.org/project/whitenoise/
STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
    'whitenoise.middleware.WhiteNoiseMiddleware',
    'debug_toolbar.middleware.DebugToolbarMiddleware',
]

디버그 툴바 셋팅

# Debug ToolBar
DEBUG_TOOLBAR_PANELS = [
    'debug_toolbar.panels.versions.VersionsPanel',
    'debug_toolbar.panels.timer.TimerPanel',
    'debug_toolbar.panels.settings.SettingsPanel',
    'debug_toolbar.panels.headers.HeadersPanel',
    'debug_toolbar.panels.request.RequestPanel',
    'debug_toolbar.panels.sql.SQLPanel',
    'debug_toolbar.panels.staticfiles.StaticFilesPanel',
    'debug_toolbar.panels.templates.TemplatesPanel',
    'debug_toolbar.panels.cache.CachePanel',
    'debug_toolbar.panels.signals.SignalsPanel',
    'debug_toolbar.panels.logging.LoggingPanel',
    'debug_toolbar.panels.redirects.RedirectsPanel',
]

def show_toolbar(request):
    return True


DEBUG_TOOLBAR_CONFIG = {
    "SHOW_TOOLBAR_CALLBACK": show_toolbar,
}

urls.py에서

from django.conf.urls import url, include
from django.contrib import admin
from rest_framework_swagger.views import get_swagger_view

from DjangoProject import settings
from Portfolio.apis import TestAPI

schema_view = get_swagger_view(title='API')

urlpatterns = [
    url(r'^$', schema_view),
    url(r'^test$', TestAPI.as_view()),
    url(r'^admin/', admin.site.urls),
]

if settings.DEBUG:
    import debug_toolbar
    urlpatterns = [
        url(r'^__debug__/', include(debug_toolbar.urls)),
    ] + urlpatterns

TestAPI 클래스 하나 만들어서

테스트 해보기

runserver 해서 로컬에서 돌려보고

이제 로컬 준비 끝났으면

-------------- 헤로쿠에 올려야함!! ------------

쉘에서 헤로쿠 로그인

heroku login

아이디 / 비번 입력 후

쟝고 프로젝트 루트에서 깃 초기화

git init

쟝고 프로젝트 루트에 아래 3개 파일을 만들어야함

Procfile

web: gunicorn 프로젝트명.wsgi

pip freeze > requirements.txt

requirements.txt (사용하는 패키지들 모두 적기... 의존하는 패키지들인거 같은데 따로 확인 안해봄..)

Django==1.11.1
Jinja2==2.10
MarkupSafe==1.0
certifi==2017.11.5
chardet==3.0.4
coreapi==2.3.3
coreschema==0.0.4
dj-database-url==0.4.1
django-debug-toolbar==1.9.1
django-rest-swagger==2.1.2
djangorestframework==3.7.7
gunicorn==19.6.0
idna==2.6
itypes==1.1.0
openapi-codec==1.3.2
psycopg2==2.6.2
pytz==2017.3
requests==2.18.4
simplejson==3.13.2
sqlparse==0.2.4
uritemplate==3.0.0
urllib3==1.22
whitenoise==3.2

runtime.txt

python-3.6.3

모든 소스 add 시킨 후

git add -A

커밋

git commit -m "init"

헤로쿠 앱 만들기

heroku apps:create 앱이름 (이미 사용중인 이름은 만들수가 없음!!!!)

헤로쿠에 푸쉬

git push heroku master

푸쉬중에

 Error while running '$ python manage.py collectstatic --noinput'.

remote:        See traceback above for details.

remote:

remote:        You may need to update application code to resolve this error.

remote:        Or, you can disable collectstatic for this application:

remote:

remote:           $ heroku config:set DISABLE_COLLECTSTATIC=1

remote:

remote:        https://devcenter.heroku.com/articles/django-assets

remote:  !     Push rejected, failed to compile Python app.

remote:

remote:  !     Push failed

위와 같이 메시지가 뜨면

heroku config:set DISABLE_COLLECTSTATIC=1

한 후 다시 git push heroku master

Verifying deploy... done. 이 뜨면

heroku config:unset DISABLE_COLLECTSTATIC

한 후

heroku run python manage.py collectstatic

heroku ps로 돌아가는지 확인

heroku open으로 앱 잘 돌아가는지 확인

스케일을 늘리거나 줄여서 앱 구동 / 정지

heroku ps:scale web=1

heroku ps:scale web=0

마이그레이트를 해야하는 경우

heroku run python manage.py migrate 해주기

쉘에 접속해서 테스트 해봐야 하는 경우

heroku run python manage.py shell

* Cannot run more than 1 Free size dynos 라고 뜨는 경우

heroku ps

실행중인 프로세스 넘버 확인 후

heroku ps:stop run.프로세스넘버

* dyno 시간 확인

남은 할당량 확인

heroku ps -a 앱이름

 #!/bin/sh

 for item in $(apt-mark showmanual)

 do

     # installed packages

     echo '----------------------------------------------------'

     echo ''

     echo $item

     echo ''

     cat /var/lib/dpkg/info/$item.conffiles || echo 'Cant search config files...'

     echo ''

 done

~              

유용한 사이트

http://pxtoem.com/

http://fitvidsjs.com/

*반응형 너비 퍼센트 구하기 공식

(가변박스자식 너비 / 부모 너비) * 100

* 플렉스 쓸때 유의 사항

 부모 / 자식 너비 지정해야함 ... (단 자식이 flex:1 이런식으로 줄 경우 너비 필요없음)

부모에 적용

display: flex;

배치방향 설정

flex-direction : row(가로), column(세로)

여러줄로 배치

flex-wrap: wrap;

한줄로 배치

flex-wrap:nowrap;

배치방향 / 여러줄 배치 동시 설정

flex-flow: row wrap;

주축방향 자식 가운데 정렬

justify-content:center;

교차축방향 자식 가운데 정렬

align-items:center;

교차축방향으로 다양하게 정렬

flex-direction:column인 경우 (자식이 여러줄인 경우)

align-content: 살펴보기

----- 여기까지 부모에 스타일 줘야함 -----

----- 여기부터 자식 ------

교차축 각 자식아이템 자유롭게 배치

align-self: 옵션 살펴보기

아이템 순서 바꾸기

order:순서

크기 늘이고 줄이기

flex: [flex-grow] [flex-shrink] [flex-basis]

ex)자식이 3개인 경우 .. 각 flex-grow:1 인 경우 전체를 1/3나눈 크기를 차지

ex)자식이 3개인 경우 .. 각 flex-shrink:1 인 경우 전체를 초과한 너비를 1/3해서 줄어듦

flex-basis는 기본값

https://jsfiddle.net/xb52n24L/1/

연습용