호스팅 서버나 웹 서버에 파일을 자유자재로 옮기기 위해서는 FTP라는 프로그램을 이용해야합니다.

보통 파일질라(FileZilla)라는 FTP 프로그램을 사용합니다.파일 질라는 https://filezilla-project.org/ 에서

"Download FileZilla client" 버튼을 눌러 설치할 수 있습니다.

스파르톤 생존일지

2021.07.10.

21:00

start

체크인도 안되고 내자리가 어딘지 모르겠고...소경이 얼음 위를 걷는듯 조심조심~

사전에 캠과 마이크를 준비할걸 그랬네.휴~

22:30 부터 웹개발 종합반 퀴즈문제 다시 풀어보기

웹개발 종합반 1주차 03 Quiz_간단한 로그인 페이지 만들어보기

이미지 CSS기본 사용세트:

background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
background-size: cover;
background-position: center;

프로그램 작성시 url 주소만 갈아끼우면 된다.

모서리를 둥글게 만드는 명령 

border-radius: 10px; 

여백을 주는 명령어:바깥여백margin-top: 20px;

                         내측여백 padding: 20px;

                         상측여백margin-top: 20px;

                         좌측여백margin-left: 20px;

혹은 이런식으로도 할수가 있다.

margin: 20px 0px 0px 30px;

즉 왼쪽으로 도는 순서는 top,right,bottom,left

또한 글 속성과 box속성이 차이를 이해하는 명령어:

글속성은 box로 강제로 묶어 준 다음에 옮겨야한다.

즉 display: block; 으로 옮겨주어야한다.

또한 상황에 따라 명찰을 2개를 붙일수도 있다.

예하면:<button class="mybtn red-font"> 로그인하기</button>

#주석처리:코딩하다가 써넣고 싶은 메모,혹은 잠간 지우고 싶은 코드 등에 사용된다.

주석처리란:사람은 읽고 싶은데 컴퓨터는 읽지마~!

주석처리하는 모양은 CSS,HTML 각자가 다르다.

#CSS부분은 파일로 분리할 수 도 있다.

*부트스트랩이란? 예쁜 CSS를 미리 모아둔 것 (CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은 다른 이야기이기 때문에, 현업에서는 미리 완성된 부트스트랩을 가져다 쓰는 경우가 많습니다.)

대표적 color link example:

<button type="button" class="btn btn-primary">Primary</button>

<button type="button" class="btn btn-secondary">Secondary</button>

<button type="button" class="btn btn-success">Success</button>

<button type="button" class="btn btn-danger">Danger</button>

<button type="button" class="btn btn-warning">Warning</button>

<button type="button" class="btn btn-info">Info</button>

<button type="button" class="btn btn-light">Light</button>

<button type="button" class="btn btn-dark">Dark</button>

<button type="button" class="btn btn-link">Link</button>

또한 Card columns에서 필요한 카드를 갖다 쓸수도 있다.

7월11일 

am: 02:20

10. Quiz_함께 만든 페이지를 발전시켜보세요!

am:03:35

10Quiz_나홀로 메모장의 포스팅박스를 완성하기!

am:04:00

12. Javascript 맛보기

자바스크립트는 유일하게 프라우저가 알아듣는 코드다.

#중간 휴식: 비빔냉면 한사발 만들어 먹고~."수염이 석자라도 먹어야 양반"

개발자 도구 사용하는 방법

개발자 도구를 이용하여 프로그램 작성시 중간중간 확인가능하고 확인시 발생하는 에러를 그때그때 수정할수가있다,

Javascript 기초문법 배우기

변수이름을 지정할때에는 남이 봐도 알아보기 쉽게 짓는다.

#종류[편집]

• 2.1. 소괄호 ( )[편집] Parenthesis. 문장에서 가장 많이 사용되는 괄호. ...
• 2.2. 중괄호 { }[편집] Brace. 은(는) 여기로 연결됩니다. ...
• 2.3. 대괄호 [ ][편집] Bracket. ...
• 2.4. 홑화살괄호 〈 〉[편집] 국립국어원의 설명

#가지고 올때에는 대괄호,선언 할때에는 중괄호를 사용한다.

#딕셔널과 리스트가 서로서로가 요소로 씌일 수 있다.

am:5:30 문법 뽀개기

14. Javascript 기초 문법 배우기(2)

예제:

9시간 스파르톤(마라톤)은 지정된 시간내에 높은 효율을 낼수있는 아주 좋은 계기로 되었고

퀴즈를 맞추는 시간을 제외한 시간들은 정말로 짜릿한 긴장감과 더불어 키보드 버튼을 두두리는 소리만 들릴뿐이었습니다.이런 기회를 자주 가짐으로서 학원들 사이의 우애를 더욱 돈독히 하는 계기로 되었으면합니다.

모두들 수고 많으셨습니다.

다음 예제:

조건문:if

설명:

let age = 24를 허락해놓고

만약에 (if) 나이가(age) 24보다 크면 "성인입니다"를 띄워주고 다르면(else) "청소년입니다"를 띄워준다.

즉 앞에서 24세를 선언해놓고 질문했기때문에 결과는 "성인입니다"를 띄워준다.

만약에 20세를 허락해 놓고 질문 하면 "청소년입니다"를 추출한다.

또다른 예문:

여기에서 if (age > 20 && sex == '남성') {
    console.log('성인 남성입니다.')
} else {
    console.log('청소년입니다.')
}

설명:나이가 20보다 크고 성별이 남성이면

결과: 성인남성입니다,

또는

if (age > 20 || sex == '남성') {
    console.log('성인 남성입니다.')
} else {
    console.log('청소년입니다.')
}

# 논리 연산자 배우기 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_OR

여기에서 else if 중복 사용이 가능하다.

반복문

딕셔너리들을 모아둔 리스트를 돌면서 필요에 맞는 딕셔너리를 if 문으로 찍어준다.

example:서울시 미세먼지 현황 list

우선 SpartaCodingClub Slack으로 튜터님들께 질문을 드리고 출근했다.일하면서도 왜 그런지?고민도 많이 했는데

오후 3시쯤 되어 내가 다운로드한 크롬 버전과 실제 컴퓨터에 설치된 크롬 버전이 같지않을 경우 이런 현상이 나지 않을까하는 의심도 했었다.퇴근하여 컴퓨터를 켰더니 과연 튜터님의 답안도 내 생각과 같은 내용이었다.

튜터님의 올린 순서대로 해보니 크롬이 열렸다.

튜터님들이 끝까지 책임감을 갖고 문제가 해결될때까지 답변주시는 정신에 탄복된다.

크롬 브라우저 버전 확인하기

chrome://settings/help

여기에서 크롬의 최신 버전을 확인할수 있다.

크롬 드라이버 다운로드 링크

https://chromedriver.storage.googleapis.com/index.html

제일 하단에 최신 버전 파일을 선택하고 chromedriver_win32.zip 을 클릭하면압축파일이 다운로드된다.

다운로드된 압축파일을 풀고 chromedriver 파일을 Ctrl+c 를 눌러서 파일을 복사한후 pytharm으로 가서  projiect03폴더를 선택한후 Ctrl+v를 누른다.그러면 복사할거냐 하는 문의 창이 뜨는데 OK를 눌러주면 된다.

반드시 prac_scraping.py파일과 같은 폴드내에 있어야한다.

if r.status_code !=200:  입력시 PEP 8: E225 missing whitespace around operator

if r.status_code != 200:  이렇게 공백을 주면 물결밑줄을 제거할 수 있다.

2021.06.26

jinja2 {% %} 코드색이 주황색이 아닌 흰색일 경우 코드를 인식하지 않는다고 생각했는데 입력하고 돌려봤더니 정상적으로 작동하고 있었다.에러가 발생하지 않는 한 계속 사용해도 무방할듯.이로하여 나중에 다른 에러가 발생할지도 모르겠지만 여하튼 지금은 내 생각대로 간다.go~

from markupsafe import escape
from markupsafe import Markup
from werkzeug.exceptions import abort as abort
from werkzeug.utils import redirect as redirect

from . import json as json
from .app import Flask as Flask
from .app import Request as Request
from .app import Response as Response
from .blueprints import Blueprint as Blueprint
from .config import Config as Config
from .ctx import after_this_request as after_this_request
from .ctx import copy_current_request_context as copy_current_request_context
from .ctx import has_app_context as has_app_context
from .ctx import has_request_context as has_request_context
from .globals import _app_ctx_stack as _app_ctx_stack
from .globals import _request_ctx_stack as _request_ctx_stack
from .globals import current_app as current_app
from .globals import g as g
from .globals import request as request
from .globals import session as session
from .helpers import flash as flash
from .helpers import get_flashed_messages as get_flashed_messages
from .helpers import get_template_attribute as get_template_attribute
from .helpers import make_response as make_response
from .helpers import safe_join as safe_join
from .helpers import send_file as send_file
from .helpers import send_from_directory as send_from_directory
from .helpers import stream_with_context as stream_with_context
from .helpers import url_for as url_for
from .json import jsonify as jsonify
from .signals import appcontext_popped as appcontext_popped
from .signals import appcontext_pushed as appcontext_pushed
from .signals import appcontext_tearing_down as appcontext_tearing_down
from .signals import before_render_template as before_render_template
from .signals import got_request_exception as got_request_exception
from .signals import message_flashed as message_flashed
from .signals import request_finished as request_finished
from .signals import request_started as request_started
from .signals import request_tearing_down as request_tearing_down
from .signals import signals_available as signals_available
from .signals import template_rendered as template_rendered
from .templating import render_template as render_template
from .templating import render_template_string as render_template_string

__version__ = "2.0.1"


class Flask:
pass

경고:E305 E302에 대한 해결방법

물결 밑줄이 생기면서 아래와같은 경고문이 뜨게되면~

PEP 8: E305 expected 2 blank lines after class or function definition(found 1)

대책:

공백을 한줄이 아닌 2줄을 띄워주는것으로 해결하였습니다.

E302 에러도 같은 방법으로 해결가능

셀룰로스https://ko.wikipedia.org/wiki/%EC%85%80%EB%A3%B0%EB%A1%9C%EC%8A%A4

https://mommoo.tistory.com/55
컴포넌트(Component)란?

https://useful-jang.tistory.com/146

Isn't STATICFILES_DIRS in settings.py enoughsettings.py의 STATICFILES_DIRS로도 충분하지 않습니까?

파이썬 함수 def
https://velog.io/@ednadev/%ED%8C%8C%EC%9D%B4%EC%8D%AC-%ED%95%A8%EC%88%98-def