[내일배움캠프] 11/1 TIL 회고록

8시 40분에 입실 후  팀 소개페이지 댓글 기능 구현을 하기 위해

파이참을 켜서 웹개발 종합반때 만든 것들을 참고해서 하려했으나 좀 더 다른걸 만들어보고 싶어서 (댓글 수정 및 삭제)

한시간 정도 구글링을 해보고 파이참에 붙여넣기도 해보고 했으나.. 너무 어렵고 내가 본거랑 다른 모양들이 많아서..

미니프로젝트 작품 거의 다 완성했을때 도전하기로 하고 웹개발 종합반때 만든 것을 참고하기로 했다..

완전히 복붙 하지는 않고 부트스트랩 사이트에서 이번에는 이메일,패스워드,댓글 기능을 찾아 붙여넣었다.

 

대충 이렇게.. 웹개발 종합반에서 만든 것을 참고하며 만들었다.

다 만들고 실행해서 localhost:5000 들어가서 댓글 작성 누르는데 자꾸 POST 요청이 안되고

400 bad request: the browser (or proxy) sent a request that this server could not understand.

'name.give' 에러가 계속 나와서 웹개발 종합반때 만든 프로젝트 참고해서 틀린 곳이나 오타 난 곳이 있나 계속 보고 

하나씩 다시 쳐보고 하는데도 같은 오류가 계속 나와서 10시부터 점심먹고 3시까지 계속 이 오류만 고쳤다ㅠㅠ..

아무리 해도 소용이 없어 포기 하려는 찰나 맨 밑을 내려서 다시 한 번 보니

내가 오늘 만든  index.html 에는 id가 floatingTextarea가 되있고 

<textarea class="form-control" placeholder="댓글을 남겨주세요" id="floatingTextarea"></textarea>-->

웹개발 종합반에서 만든 index.html 에서는 id가 comment로 되어 있던 것이었다..

<textarea class="form-control" placeholder="댓글을 남겨주세요" id="comment"></textarea>

나머지 부분도 보니

<input type="email" class="form-control" id="name" placeholder="name@example.com">

이렇게 id 값이 주어져있었다.. 그래서 id값들 전부 수정하고 아이디/비번/댓글 적고 댓글 작성 누르니 성공적으로 클라우드로 넘어갔다 ㅠㅠ

잘 들어간다.. 비밀번호는 출력 하면 안될 것 같아 출력되지 않게 하였다.

id값 하나때문에 거의 4시간이나 잡아먹었다 ㅋㅋㅋㅋ 

 

팀원분들한테 죄송한 말씀 드리고 전달드렸다.. ㅠㅠ 죄송합니다...

그 다음 이제 자기소개 작성을 했다.

어제 S.A에 제출한 양식을 따라 만들려고 했으나... 너무 어렵다.. 구현하기가..

구글링을 대충 해보면서 이쁘게 하려고는 했으나 무슨 말인지도 모르겠고 막상 복붙해도 안되는게 대다수

결국 그냥 혼자 만들어보기로 했다.

어찌저찌 부트스트랩 참고 해 가면서 만들었다..

근데.. 저 왼쪽에 내 얼굴을 넣을려고 일단 임시로 대충 이미지를 넣었는데 이미지가 절대 안움직인다..

CSS파일에다가 대충 이런식으로 넣고 값을 바꿔봐도 안움직인다.

.card3 {
    background-color: green;

    width: 300px;
    height: 300px;

    color: white;

    text-align: center;

    background-image: url("https://png.pngtree.com/png-vector/20190411/ourmid/pngtree-vector-business-men-icon-png-image_925963.jpg");
    background-size: cover;
    background-position: center;

    border-radius: 10px;

    padding-top: 40px;

미칠 것 같다.. 네이버에 검색을 해봤는데 안나온다. ㅋㅋㅋ진짜 손으로 잡고 옮기고싶다..

결국 이미지 옮기는건 포기하고 다른거 먼저 하기로 했다..

 

먼저 내가 먹고싶은 음식 하나를 만들고 나머지 카드들은 다른 사람들에게 입력받아서 넣으려고 했는데..

스파르타피디아 같은 경우는 네이버 영화 링크를 올리면 api가 인식해서 이미지를 넣어주는? 거였는데..

이건 음식 사진을 어떻게 자동으로 넣어야 할지 모르겠다. 그래서 스파르타피디아에선 별점을 줄 수 있는 칸이

있었는데 그 별점을 없애고 다른 사람이 이미지를 올릴 수 있는 칸을 만들고 싶은데.. 도저히 어떻게 해야할지 모르겠다ㅠ

첫 미니프로젝트라 열심히 하고는 싶은데.. 모르는게 아직 너무 많아 힘이든다.. 내일 이어서 아예 싹 갈아 엎던지 더욱 더 구글링을 해서 만들어 봐야할지 봐야될 것 같다 ㅠㅠ

 

 

오늘의 결론: 코드를 짤 때 남들이 봤을때 편하게 볼 수 있게 이름을 정하자!!

(팀장님이 저 포함 팀원들이 준 프론트엔드, 백엔드 파일들 합치셨는데 엄청 힘이 드셨다고 하셨다. 

다른 사람이 봤을 때 그래도 쉽게 알아 볼 수 있게 변수 이름을 짓자)