내일배움캠프 8일차 TIL

minjae·2021년 9월 27일
0

개발일지 시작의

당 떨어짐

개발 업무내용

footer, 소개글 수정
로그인, 회원가입 모달창
****로 나오는 비밀번호 버튼 누르면 보이게 하기

오늘의 이슈/고민..그리고 해결한 내용

모달창 먹통 -> 모달창이 상단에 고정되어 있는 네비게이션 바에 있는 버튼을 누르면 뜨는 거였는데 모달은 position이 defaul가 아닌 객체 안에 들어가있는 경우 이렇게 먹통이 된다

해결방법
1. modal div를 fixed/relative 설정 객체 밖으로 빼라. </body.> 바로 앞이 좋을 수 있다.
2. 다른 방법으로 문제가 해결될 때까지 modal의 position: 속성과 부모 속성을 지워라. 그러니 이 방법은 네 페이지의 화면 구성을 바꿀 수도 있다.

footer를 완전 다르게 수정하면서 서로 간격이 안 맞는데 아무리 수정해도 마지막이 묘하게 어긋난다... 소개글 쥐어짜기 넘 힘들다

모달창을 열때 button이 아니고 a태그로 만들었는데 표준을 따르지 않으면 안드로이드 + 크롬 조합에서는 문제없이 잘 작동하는데 iOS + Safari 조합에서는 modal이 안열리는 경우가 있다고 하니 나중에 확인해볼것... 근데 지금 안하면 나중에 수정하기 더 힘들 것 같아 button으로 하려고 했으나 css 적용이 이상하게 돼서 일단 a태그로 계속 가기로 했다

<p> <a> link text </a> </p>

이게 W3C 표준

To-do List

강의 2주차까지 듣고 완성된 기능 합치기

참고

모달창 먹통

https://stackoverflow.com/questions/10636667/bootstrap-modal-appearing-under-background

0개의 댓글

관련 채용 정보