첫 화면 만들기

Chapter 2. 프론트엔드 개발 (W2 D2)

지금 나는 푸꿕에서 코딩 중! 바닷소리 들으면서 선베드에 누워서 코딩은... 못 할 일이고 리조트 안에 미팅룸 빌려서 바짝 하고 있다. 역시 4주 안에 마쳐야 한다는 압박감이 엄청나다(!)

어제 쓴 개발일지를 토대로 튜터님께 코멘트를 받았다. 일정에는 무리가 없을 것이라고 하셔서 이번 주는 place (장소) 등록, 조회 페이지 구현에 집중하기로.

메인페이지 (index.html)

기획안과 크게 다르지 않은 비주얼

앞서 말한 대로 Bulma에 있는 Nav Bar를 그대로 가져와서 넣었고 사진과 태그 영역으로 구분했다. 태그는 place 작업 후에 넣을 거라 지금 자리만 잡아둔 상태.

#해결해야 할 부분

- 로고, 배경 이미지 경로: src로 외부 경로를 넣는 방법 말고 static 경로를 쓸 수는 없을지? 예전 프로젝트 때 했던 거랑 방식이 달라서 헷갈림.

#개선하면 좋을 부분

- 여력이 된다면 커버 이미지 자동으로 넘어가는 슬라이더 쓰는 것도 좋을 듯.

장소 등록페이지 (register.html)

bulma로 입력 폼 만들어 봄

장소 등록 페이지는 나만 쓸 거라서 디자인은 신경 쓰지 않았다. place를 구성하는 항목을 하나하나 넣어봤는데 지금은 DB에 저장하거나 유효성 검증 아무것도 없이 submit 버튼 누르면 alert 메시지만 나옴. ^^...

#해결해야 할 부분

- tag 입력 폼은 복수개라 , (쉼표)로 구분이 되어야 하는데 자동으로 그렇게 할 수 있는지 방법을 찾아야 한다. --> 프론트 말고 백엔드에서 해결?

- 입력 시 특정 항목이 비어있는 경우 alert 메시지 노출

- 단, Instagram URL은 선택항목으로 비어있어도 제출 가능하도록 함 (필수/선택 항목 구분)

#개선하면 좋을 부분

- 여력이 되면 좀 예쁘게...? 우선순위 최하위 예감 (....)

---

오늘은 정말 딱 껍데기만 만들어봤다. 이제 입력 창에 정보 넣으면 저장이 돼야하는데.. 이게 맞나?

처음에는 의기양양하게 스파르타 코딩 클럽에서 했던 내용을 수정해서 POST API를 만들려고 했는데 파이참에서 변수명이 회색에서 돌아오지 않으니 뭔가 불안하다. (....)

register.html / function makePlace()

app.py makePlace()

이 순서대로 하는 게 맞는지 여쭤봐야겠다.