10/23 개인과제 & web 강의 2

내일배움캠프 오늘 학습 내용

 

• WEB 2주차 강의 듣기: CSS 활용 심화를 공부하고 bootscrap사용, JavaScript와의 연계로 동작 만들어보기
• 개인과제 : search를 조금 더 구현, 부분으로만 검색, 대소문자 관계없이 검색이 가능하고, 화면이 깜빡이는 문제 해결, 팀원들과 코드리뷰 해보기

 

 

WEB 강의

 

영화 검색 사이트를 만들어 보며 JavsScript를 어떻게 적용하는지 알아보았다. script를 사용하여 html의 동작을 javasrcipt로 구현할 수 있다. CSS는 주로 Bootstrap의 도움을 받았다.

 

 

 

개인과제 진행 상황

 

과제를 진행하며 search를 했지만 내용이 출력되지 않고 깜빡이기만 하는 문제, 영화 제목을 전부 입력해야만 검색되는 문제, 대소문자를 구분하여 검색하는 문제 등을 확인하였고, 그에 따라 로직을 수정하였다. 또한, 이미지만 클릭했을 때만 alert문이 뜨는 문제를 발견하여 이미지가 아닌 전체 카드를 클릭하였을 때 alert문이 나타나도록 수정하였다. 

 

 

다음에는 코드를 조금 더 나눠서 각 기능에 해당하는 요소를 따로 파일로 만들어 보기 쉽도록 만들 예정이다. 팀 과제에서도 그것이 필수일 것이라 생각한다. 또한, WEB 강의에서 배우는 요소를 사용하여 CSS를 조금 더 보기 좋게 꾸며볼 예정이다.