반응형 구성2 패럴랙스 이펙트(Parallax Effect) : 가로 효과, 세로/가로 효과 패럴랙스 이펙트(Parallax Effect) : 가로 효과, 세로/가로 효과 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 가로 효과 코드 보기: HTML, JAVASCRIPT / CSS1 / CSS2 / 완성화면 코드 블럭 Javascript parallax Effect09 패럴랙스 이펙트 : 가로/세로 효과 1 2 3 4 5 6 7 8 9 01 02 03 04-1 04-2 04-3 05 06 07 08 09 scrollTop : 0px 구성 header 태그를 사용해서 제목과 목록을 태그를 사용해 각각 만들어줍니다. nav 태그를 사용해서 메뉴 목록을 태그를 사용해서 만들어줍니다. main 태그를 사용해서 구역 안에 section 태그를 사용해서 각각 알맞는 구성의 태그와 텍스트를 입력해줍니다... 2023. 5. 31. 자바스크립트 JSON 마무리 문제 자바스크립트 JSON 마무리 문제 책 : 모던 자바스크립트 프로그래밍의 정석 519, 520페이지 참고 마무리 문제 1 dummyjson.com/quotes 사이트의 json 데이터를 가져온 후 콘솔 창에 결과를 표시해 봅니다. 가져온 데이터가 어떤 구조로 이루어져 있는지 살표보는 것이 목표입니다. 길라잡이 feth와 then, catch를 사용해서 URL에서 자료를 가져옵니다. 가져온 데이터에 어떤 값이 어떤 구조로 저장되어 있는지 확인하고 그중에서 명언과 말한 사람 정보를 가져오는 방법을 생각합니다. JAVASCRIPT function nextQutoe(){ fetch("http://dummyjson.com/quotes") .then(res => res.json()) .then(items => { c.. 2023. 4. 15. 이전 1 다음 반응형
