본문 바로가기
반응형

분류 전체보기166

자바스크립트 배열과 객체 마무리 문제 자바스크립트 배열과 객체 마무리 문제 책 : 모던 자바스크립트 프로그래밍의 정석 428페이지 참고 마무리 문제 2 자바스크립트를 사용해서 자동으로 복권 번호를 생성해 주는 프로그램을 작성하려고 합니다. 번호는 중복되면 안 되므로 셋(Set( ))을 이용할 것이고, 숫자는 1부터 45까지의 범위 안에 있어야 하며, 6개의 무작위 수를 추출할 것입니다. 버튼을 클릭했을 때 모든 조건을 반영해서 6개의 숫자를 추출하는 소스를 작성해 보세요. 코드 보기 / 완성화면 코드 블럭 로또 번호 생성기 클릭 Lotto Number 구성 body 구역에 각각 태그를 사용해서 구역을 만들어줍니다. style 구역으로 가서 각각의 태그에 스타일, 속성을 입력해줍니다. JAVASCRIPT 자바스크립트 구성 버튼 부분과 결과 부.. 2023. 4. 16.
자바스크립트 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.
슬라이드 이펙트 : 이미지 슬라이드(썸네일) 슬라이드 이펙트 : 이미지 슬라이드(썸네일) 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript slider Effect06 슬라이드 이펙트 : 이미지 슬라이드(썸네일) 1 2 3 4 5 6 7 prev next dongjin6539@naver.com 구성 코드는 간단하게 header 구역 부분에 제목 태그, 목록 태그를 사용해서 텍스트를 입력해줍니다. main 구역에는 이미지가 들어갈 구역, 썸네일 이미지가 들어갈 구역, 화살표 버튼을 class 명을 사용해서 만들어줍니다. css는 유형별로 공통으로 사용될 스타일은 파일로 따로 만들어서 링크 태그를 사용해 가지고 와서 입력해주고 유형별로 다르게.. 2023. 4. 14.
슬라이드 이펙트 : 화살표 버튼, 닷(dot) 메뉴 슬라이드 이펙트 : 화살표 버튼, 닷(dot) 메뉴 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript slider Effect06 슬라이드 이펙트 : 이미지 슬라이드(버튼, 닷 메뉴) 1 2 3 4 5 6 prev next 구성 코드는 간단하게 header 구역 부분에 제목 태그, 목록 태그를 사용해서 텍스트를 입력해줍니다. main 구역에는 이미지 태그를 사용해 각각 이미지를 입력해줍니다. css는 유형별로 공통으로 사용될 스타일은 파일로 따로 만들어서 링크 태그를 사용해 가지고 와서 입력해주고 유형별로 다르게 사용될 스타일은 각각의 코드 구성하는데 입력해줍니다. 이전과 다르게 화살표 버튼과 .. 2023. 4. 13.
슬라이드 이펙트 : 위로 연속으로 움직이기 슬라이드 이펙트 : 위로 연속으로 움직이기 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript slider Effect05 슬라이드 이펙트 : 위로 움직이기(연속적으로) 1 2 3 4 5 6 dongjin6539@naver.com 구성 코드는 간단하게 header 구역 부분에 제목 태그, 목록 태그를 사용해서 텍스트를 입력해줍니다. main 구역에는 이미지 태그를 사용해 각각 이미지를 입력해줍니다. css는 유형별로 공통으로 사용될 스타일은 파일로 따로 만들어서 링크 태그를 사용해 가지고 와서 입력해주고 유형별로 다르게 사용될 스타일은 각각의 코드 구성하는데 입력해줍니다. 첫번째 이미지를 다섯번째.. 2023. 4. 12.
슬라이드 이펙트 : 좌로 연속으로 움직이기 슬라이드 이펙트 : 좌로 연속으로 움직이기 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript slider Effect04 슬라이드 이펙트 : 좌로 움직이기(연속적으로) 1 2 3 4 5 6 dongjin6539@naver.com 구성 코드는 간단하게 header 구역 부분에 제목 태그, 목록 태그를 사용해서 텍스트를 입력해줍니다. main 구역에는 이미지 태그를 사용해 각각 이미지를 입력해줍니다. css는 유형별로 공통으로 사용될 스타일은 파일로 따로 만들어서 링크 태그를 사용해 가지고 와서 입력해주고 유형별로 다르게 사용될 스타일은 각각의 코드 구성하는데 입력해줍니다. 첫번째 이미지를 다섯번째.. 2023. 4. 11.
반응형

티스토리툴바