본문 바로가기
반응형

전체 글166

Flower animation Flower animation See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen. 2023. 3. 24.
자바스크립트 쪽지 시험(4) 자바스크립트 쪽지 시험(4) 길라잡이 수업시간에 배운 자바스크립트를 간단하게 테스트합니다. 제대로 배웠는지 간단하게 테스해보세요! 1. 결괏값을 작성하시오. { const str = "javascript"; const text = str.indexOf("a"); const text2 = str.lastIndexOf("a"); const text3 = str.includes("a"); console.log(text); console.log(text2); console.log(text3); } 답 확인하기 1, 3, true 2. 다음의 결괏값을 보고 빈칸을 채우시오. { function func(){ document.write("함수2가 실행되었습니다."); } function callback(str){ .. 2023. 3. 24.
검색 이펙트 - CSS 속성 검색하기 검색 이펙트 - CSS 속성 검색하기 CSS 속성 검색할 수 있는 사이트를 만들었습니다. 코드 보기(HTML, JAVSCRIPT / CSS1 / CSS2) / 완성 화면 코드 블럭 1 2 3 4 5 6 자바스크립트 CSS 속성 검색하기 indexOf( ) / search( ) 검색하기 CSS 속성 갯수 : 0개 align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. all : 요소의 속성을 초기화 또는 상속을 설정합니다. animation : 애니메이션과 관련된 속성을 일괄적으로 설정합니다. animation-delay : 애니메.. 2023. 3. 23.
푸터 유형 페이지 만들어보기!! 푸터 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 헤더 유형 : https://dongjin6539.tistory.com/44 지난 번에 이어 또다른 페이지를 만들어보았습니다. 지난 번과 같은 방식으로 시작해보겠습니다. 코드 보기 / 완성화면 코드 블럭 운동 사이트 운동 사이트 소개하기 운동을 하는 이유 운동 시 주의할 점 운동.. 2023. 3. 22.
3D 애니메이션 효과 3D 애니메이션 효과 코드 보기 / 완성 화면 코드 블럭 참고 지금까지 배운 내용을 이용해서 3D 애니메이션을 만들어봤습니다. 지금까지 배운 내용을 이용해서 한다고는 했지만 아직 대부분 모르는 내용이 너무 많았습니다. 아직 처음 보는 메서드나 속성이 많이 있습니다. 나중에는 더 배워서 이해하면서 해봐야 될거 같네요. 2023. 3. 21.
마우스 이펙트 - 마우스 조명 효과 마우스 이펙트 - 마우스 조명 효과 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT, CSS / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript Mouse Effect03 마우스 이펙트 - 마우스 조명 효과 1 2 3 4 5 6 To truly smile, you must endure the pain, and you must also learn to enjoy the pain 진정으로 웃으려면 고통을 참아야하며 , 나아가 고통을 즐길 줄 알아야 해 dongjin6539@naver.com 코드 블럭 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 태그에 h1 태그, p 태그, ul 태.. 2023. 3. 21.
마우스 이펙트 - 마우스 따라다니기(2) 마우스 이펙트 - 마우스 따라다니기(2) 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT, CSS / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript Mouse Effect02 마우스 이펙트 - 마우스 따라다니기 1 2 3 4 5 6 God never abandons the courageous. 신은 용기있는 자를 결코 버리지 않는다. dongjin6539@naver.com 코드 블럭 구성 body 태그에 알맞은 header 구역, main 구역, footer 구역을 만들어줍니다. header 태그에 h1 태그, p 태그, ul 태그를 사용해서 제목, 텍스트, 목록을 입력해줍니다. main 태그에 div 태그를 사용해 class "mouse__.. 2023. 3. 21.
마우스 이펙트 - 마우스 따라다니기 마우스 이펙트 - 마우스 따라다니기 수업 시간에 배운 내용을 복습하면서 해보겠습니다. 코드 보기(HTML, JAVASCRIPT, CSS / CSS1 / CSS2) / 완성화면 코드 블럭 Javascript Mouse Effect01 마우스 이펙트 - 마우스 따라다니기 1 2 3 4 5 6 I would be happy if I could always focus on the present. 언제나 현재에 집중할 수 있다면 행복할 것이다. clientX : 0px clientY : 0px offsetX : 0px offsetY : 0px pageX : 0px pageY : 0px screenX : 0px screenY : 0px dongjin6539@naver.com 코드 블럭 구성 body 태그에 알맞은 .. 2023. 3. 20.
헤더 유형 페이지 만들어보기!! 헤더 유형 페이지 만들어보기!! 이미지 유형 : https://dongjin6539.tistory.com/28 카드 유형 : https://dongjin6539.tistory.com/31 텍스트 유형 : https://dongjin6539.tistory.com/35 이미지/텍스트 유형 : https://dongjin6539.tistory.com/39 슬라이드 유형 : https://dongjin6539.tistory.com/40 푸터 유형 : https://dongjin6539.tistory.com/49 지난 번에 이어 또다른 페이지를 만들어보았습니다. 지난 번과 같은 방식으로 시작해보겠습니다. 코드 보기 / 완성화면 코드 블럭 Need of Exercise 이유 종류 필수품 주의할 점 영상 커뮤니티 로.. 2023. 3. 19.
반응형

티스토리툴바