뉴렉처 과정 기록 (Frontend)/HTML _ CSS44 05/04 HTML/CSS 모바일시스템 구현하기6 이걸 만들건데.. 그리드로 만들어줄것이다 모바일페이지에서는 width 안써주면 100%라고 보면됨 다음은 영역이름만들어줘 넣어주기 2021. 5. 4. 04/28 HTML/CSS 모바일 페이지 구현하기5 어제 햄버거 버튼 만들었던 것을 앞으로 다른 구현할때도 재사용하기 위해 함수형태로 따로 js파일만들어서 나눠주었다 나눴는데 안되더라.. -> html파일에 새로만든 js파일 쓸꺼라고 말해줘야된다.. list가 util안에 있는 함수를 써야 하니까 순서 바꿔줘야 함! -> util.js는 경로가 달라서 이것도 써주면 이걸 안했네 이제 잘됨 aside는 처음화면에서 가려야됨 ul은 컨텐츠를 감싸는 최전방의 블럭 컨텐츠를 작성해보자 (숙제 - html 작성할 것) 2021. 4. 28. 04/27 HTML/CSS 모바일 페이지 구현하기4 저번시간 숙제했던 것인데 이미 있는 aside 이니까 selecter로 transition이 끝난 것을 알려주는 이벤트 screen 트랜지션이 끝나면 aside 시작하게 해준다 그리고 나서 다시 원래 화면으로 돌아갈 수 있어야 하니까 표시된 부분을 클릭하면 어사이드가 다시 원래대로 돌아가거나 없어지게 해줘야함 2021. 4. 27. 04/26 HTML/CSS 모바일 페이지 구현하기3 저번시간에 a태그때문에 reload 되는 문제까지 했었다 이벤트 객체 이용해서 e.preventDefault(); 함수써주면 잘 출력되는 것을 볼 수 있다 그러면 출력이 아니고 / 햄버거 버튼 눌렀을 때 메인메뉴 장막이 나오게... -> 모든 화면을 덮는 창이 뜨게 해보기 이 방법은 임시방편임.. 왜? -> 만약 html에 데이터를 많이 추가하게 되면 이렇게 됨.. -> fixed로 바꾸면 화면에 고정됨 버튼을 눌렀을때 나오는 장막이 스르르나오는 효과를 주고 싶다면 transition 주기 그 장막 위에 aside부분이 나올 수 있는 박스가 오른쪽에서 스르르 나오는 효과 만들어보자 -> 2021. 4. 26. 이전 1 2 3 4 ··· 11 다음
