210923 TIL 프로젝트 첫날

내용

프로젝트 첫날

처음에 뭐뭐뭐 정하는데 나는 하나도 모르겠고 ㅠㅠ 어렵고 죄송한 하루였다

나는 많다고 느껴지는데 팀원분들은 할 수 있다고 하시니까 나도 할 수 있겠지..?

걱정되고 막막하기도 한데 실제로 완성되면 무지 뿌듯할 것 같다

잘해보자 !

# 개발 업무내용

• 케이스 스타일

-카멜케이스 : 첫글자는 소문자 중간글자가 대문자 camelCase

-스네이크케이스 : _사용 snake_case

-파스칼케이스 : 첫글자, 중간글자 모두 대문자 PascalCase

-케밥케이스 : -사용 kebab-case

• 서버쪽 파일 받기 코드

file = request.files["file_give"]

save_to = 'static/mypicture.jpg'
file.save(save_to)

 

• 클라이언트 쪽 파일 보내기 코드

let file = $('#file')[0].files[0] //변수 설정

let form_data = new FormData()

form_data.append("file_give",file)
//파일은 다른 데이터처럼 보내는게 어렵기 때문에 폼데이터에 넣어서 보내준다.

 

• 파일 보낼때 ajax 설정

$.ajax({
    type: "POST",
    url: "/diary",
    data: form_data,
    cache: false,
    contentType: false,
    processData: false,
		     //기본세팅이 최적화 되어있지 않을수도 있기 때문에 이 세개는 false로 지정해준다.
    success: function (response) {
    }
});

• .으로 쪼갠것 중에 제일 마지막 꺼

extension = file.filename.split('.')[-1]

• jinia2 : flask 프레임워크에서 사용하는 템플릿 언어

-html에서 데이터가 들어가는 곳을 {{ }}로 표시

<ul id="gu_list">
    {%  for row in rows %}
        {% set gu_name = row['MSRSTE_NM'] %}
        {% set gu_mise = row['IDEX_MVL'] %}
        {% if gu_mise>=60 %}
            <li>{{ gu_name }} : {{ gu_mise|int }}</li>
        {% endif %}
    {% endfor %}
</ul>

 

• 정적 vs 동적 웹페이지 차이점알기

-rendering : 요청받은 내용을 브라우저에 나타내는 것

# 이슈

# To-do List

• 웹 심화 2주차 1/3..완료