미니 팀프로젝트 : 팀 소개 웹페이지 2일차

TIL

 

1. 메인 페이지에서 동물 방명록 페이지로 이동하는 버튼을 꾸몄다

 

.btn {font-size: 20px;
    font-weight: bold;
    padding: 10px 30px;
    background-color: white;
    color: black;
    border: 3px solid black;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-family: sans-serif;
    transition: all 0.4s;}
.btn:focus {outline: none;}
.btn:hover {background-color: black; color: white;}

결과

 

클릭 전

클릭 후

 

2.백엔드와 프론트엔드 연결

프론트(동물 방명록)에 입력하는 DB를

백엔드(DB)에 저장하고

그 DB를 프론트에 불러오는 작업

예) 닉네임, 동물 이름, 좋아하는 이유 등록 시,

해당 내용이 댓글처럼 방명록에 붙여짐

 

3.이미지 삽입하기는 Ing

방명록에 좋아하는 이미지 URL을 넣으면

반영되는 구현이 어려워서

이미지 파일을 첨부하면

구현되는 방식으로 전환

 

[느낀 점 - 팀워크]

팀장으로서 팀원들에게 고마움과 미안함이 크다

나의 경우, 구현이 어려울 것 같은 부분은 포기해 버리고 싶었는데

나와 같이 프론트를 준비하시는 분이

포기하지 말자고 하셔서 한 수 배워갔다

그러다보니 우리가 구현할 수 있는 수준으로

다른 방향을 발견할 수 있었고 그 해결법까지

찾는 단계라 배움이 큰 하루였다

 

[느낀 점 - 코드]

이제 Post, get 요청은 어느 정도 구현이 가능하다

그러나

메타, CSS 등 미숙한 게 정말 많았다

팀원들에게 도움이 되도록 더 노력해야겠다