이 전에 해놨던 작업물
검색 부분 수정하기.
마크업
-
form tag 로 마크업
정보를 전공하는 테그.
그 안에 input 태그를 넣어서 작성할 수 있게. -
boostrap활용
input박스 적당한걸 찾아 코드를 복사해 기존input테그 대신 붙이기.
bootstrap css도 가져다 쓸 수 있게, getting started에서 코드 가져와서 head테그에 붙이기
!!! 이때 아래줄 css가 우선순위가 높으니까 로컬 css파일 위쪽에 붙이기.
css 수정
- 크기조절
조절하고 싶은 div 태그에 class를 줌.
css 를 수정해서 하거나,
bootstrap에서 제공하는 css를 바로 주는 class를 사용할 수도 있음.
mt, rounded-phill 등
검색기능 구현
- form 으로 검색 기능 구현
form의 action:어디로 향할껀지 - 주소
method는 전송방식
- get: 주소창에 정보를 포함하여 전달하는 정보 전송 방식
- post: 주소창에 정보를 푯하지 않고 내부적으로 정보전달
form 태그 수정, input태그 name 지정
하면 실제로 검색으로 넘어감.
https://github.com/joygoround/joogle
roundy