종우의 삶 (전체 공개)

23.05.10 내일배움캠프 A03조 미니프로젝트 02 본문

일지

23.05.10 내일배움캠프 A03조 미니프로젝트 02

jonggae 2023. 5. 10. 20:46

전날에 이어 미니프로젝트 웹페이지를 보완하였다.

 

오늘 떠올리거나 부딪힌 문제들

 

1.자신의 추천 영화를 작성하면 daum영화 사이트에서 크롤링 한 데이터들을 가져온다.

아니면 단순히 이미지 포스터 이미지url을 사용할 것인가?

 

-> 해결. 처음에는 더미데이터 생각하여 이미지url을 따와서 붙일 생각이었으나 어차피 목표는 DB를 활용한 포스팅, 겟 등등 다 써야하는 것이기에. 다음영화 사이트에서 크롤링한 포스터 제목 등등을 사용하여야한다.

 

 

2. 완성 후 배포는 어떻게 할 것인가?

 

-> 해결. 처음엔 github를 이용하여도 될 것이라 생각했지만

깃헙은 정적 웹페이지만 배포가능하기 때문에 어쩔수 없이 그 무서운 AWS 를 사용하여야 한다.

 

//새로운 문제//

AWS 배포는 어떻게 할 것인가?

 

3. main.html에서 empty 명령어를 사용하여 DB에 저장된 데이터를 붙일 때,

영화 추가하기 버튼이 함께 사라지는 불상사가 발생했다.

아래는 우선 수정사항임.

이전에는 녹색 창들과 함께 + 영화 추가하기 버튼도 함께 날라갔다 ㅠㅠ

 

-> 해결. 그림과 같이 div로 다시 나누어서 해결하였다.

css

        .add_movie {
            width: 500px;
            margin: 30px auto 0px auto;
        }

class를 새롭게 주어 css를 적당히 만져주었다.

   <div class="add_movie">
        <button type="button" class="mybtn" onclick="toggleBtn()">+영화 </br>추가하기</button>
    </div>

class id가 다르기에 empty를 써도 날라가지 않는다!  다행이다! 버튼이 살아있게 되었다.

 

이후 다른 팀원께서 버튼css를 넣어주셨다 ㅋㅋ 굿

 

4. 대문 이미지 

 

농구 좋아하세요? 를 문구를 바꾸어야한다..

 

-> 해결. 무료 사진 호스팅 사이트를 이용하여 .. 그림판으로 대충 농구 -> 영화로 바꾸어 적용시켰다. 흠흠..

 

디자인은 디자이너에게...

----------------------

 

우선 오늘은 여기까지 프로젝트를 진행했다.

 

개인적으로는 회원가입, 로그인 모델을 만들어보고 있는데 아직 모르는게 많아 다음에 다시 적도록 하겠다. 

 

뭔가 해결이 되가는 것 같아 기분이 좋다. 파이팅!

 

Comments