내일배움캠프 211005 : TIL (Today I learned)

1. 오전 발제 및 회의 ( 회의 6시간 이상??!! )

오늘은 회의를 정말 많이 한 것 같다. 오전에 발제가 끝나고, 2차 프로젝트 시작을 알렸다.

우리 팀은 모여서 주말 동안 준비했던 각자의 프로젝트 모델링을 설명하며 회의가 진행되었다.

정말 여러 가지 의견과 좋은 의견들이 많이 있었다. 팀원들의 자료들을 보니 다 넣고 싶은 기능들이었고, 나와 생각이 같은 부분들도 있었다. 내가 혼자 구상했을 때는 뭔가 복잡하고 어려운 웹사이트가 될 거라는 생각이 많이 있었다. 팀원들이 나의 PPT를 보고 너무 복잡해서 내용을 이해할 수 있을지, 내 의견이 모두 사라지는 게 아닐까 걱정을 하였다. 그러나 나의 걱정과는 다르게 우리 팀원들은 너무 좋게 봐주었고, 내용은 어렵지만 하나씩 다 설명을 들어주고 내용을 반영해주었다.

정말 다행이란 생각도 하고 팀원들에게 너무 고마웠다. 그리고 역시 내가 혼자 만든 것보다 팀원들과 함께 내용을 만드니 좋은 결과물이 되었다. 우리는 그렇게 전체적인 홈페이지 모습을 구상하였다.

모델링 회의가 끝나고, 2차 프로젝트를 위한 회의를 진행하였다. 2차 프로젝트 회의는 모델링 회의에서 현재 우리 실력에서 2차 프로젝트에 반영할 수 있는 부분을 진행하기로 하였다. 1차 프로젝트를 할 때에는 강의도 잘 못 듣고, 강의와 프로젝트가 원활하게 이루어지지 못한 부분이 있기에, 이번에는 강의도 들으며 개인역량을 높이는 것에 집중하기로 하였다.

프로젝트를 진행하면서 한 명이 아닌 팀원이 모두 성장할 수 있는 계기가 되었으면 좋겠다.

2. 원격강의 웹프로그래밍 심화

- 날짜와 시간

from datetime import datetime

today = datetime.now()
mytime = today.strftime('%Y년-%m월-%d일-%H시-%M분-%S초')

print(mytime)

- 파이썬 f-string?
우리가 문자열에서 특정 부분만 바꾸고 나머지 부분은 일정하다고 할 때, 문자열 포매팅을 이용해서 이쁘게 출력할 수 있다.
변해야 하는 값이 있는 위치를 포매팅할 위치로 잡아서 설정만 하면 손쉽게 이쁘게 원하는 데로 문자열 출력이 가능하다.

name = ' 세종대왕'
age = '50'

hello = '제 이름은 ' +name+ '이구요'
print(hello)

hello2 = f'제 이름은 {name}입니다. 나이는 {age}입니다'
print(hello2)

f-string의 모양은 f와 {}만 알면 된다. (f'문자열 {변수} 문자열')
1. 문자열 맨 앞에(따옴표 앞)(따옴표앞) f를 붙인다.
2. 사용하고 싶은 변수, 값을 중괄호 안에 넣는다.
3. 이쁘게 출력한다.

- 파일 저장 시 중복을 방지하기 위해서 날짜와 시간을 이용해서 관리할 수 있다..
today = datetime.now()
mytime = today.strftime('%Y-%m-%d-%H-%M-%S')

filename = f'file-{mytime}'

- 사진 파일이jpg, png처럼split 함수를 사용해서, 맨 끝부분 글자를 가져와서 저장 시에 jpg,pngjpg, png를 구분해서 저장할 수 있다..
extension = file.filename.split('.')[-1]

save_to = f'static/{filename}.{extension}'

- 파일 업로드시 필요한 내용

파일 업로드 라이브러리 : <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.js"></script>

파일 업로드 코드 : bsCustomFileInput.init()

- 클라이언트에서 서버로 파일을 보낼때에는 formdata를 사용해서 넘겨준다.

function posting() {
    let title = $('#title').val()
    let content = $("#content").val()

    let file = $('#file')[0].files[0]
    let form_data = new FormData()

    form_data.append("file_give", file)
    form_data.append("title_give", title)
    form_data.append("content_give", content)

    $.ajax({
        type: "POST",
        url: "/diary",
        data: form_data,
        cache: false,
        contentType: false,
        processData: false,
        success: function (response) {
            alert(response["msg"])
            window.location.reload()
        }
    });
}