분류 전체보기169 18. JavaScript 연습문제 (이미지스크롤) ● PRACTICE 연습문제 Q1) 풍선 이미지 스크롤 (자바스크립트 총정리) - 4개의 풍선이미지가 왼쪽으로 이동하도록 이미지스크롤 2022. 5. 11. 17. JavaScript 이벤트(Event) ○ 이벤트 (Event) - 이벤트 : 웹사이트 방문자가 하는 행위 - 자바스크립트는 주로 이벤트를 발생시킨 후 함수를 호출함으로써 실행한다 - 기본 이벤트의 종류 ① onchange : 다른 객체로 바뀌었을 때 ② onclick : 클릭했을 때 ③ onmouseover : 마우스가 올려졌을 때 ④ onmouseout : 마우스가 올라갔다 나갔을 때 ⑤ onkeydown : 키보드를 눌렀을 때 ⑥ onload : 페이지 로딩이 끝났을 때 ⑦ onsubmit : 서버로 해당 폼이 전송될 때 ○ 마우스 관련 이벤트 - onclick, onmouseover, onmouseout ○ onkeydown ○ onchange 서울 제주 부산 ○ onload ○ 커서 관련 이벤트 - onfucus : 텍스트 입력 상자.. 2022. 5. 10. (CAFE) 서울상회, 보신각 뷰가 좋은 종각역 카페 ☕️ 먹을거 사진은 매번 찍지만, SNS를 안해서 앨범에 방치되고 있는 사진들에 대한 안타까움으로 코딩 블로그에 살짝 얹어보는 맛집 포스팅 폴더 학원 점심시간에 잠깐 들른 카페 커피도 맛있고 뷰도 좋았던 서울상회 수많은 원두 리스트가 커피에 진심임을 보여준다 좋아하는 커피스타일을 설명드리면 사장님이 엄청 친절하게 추천해주심 핸드드립만 하시고, 원두도 판매하는 것을 보아하면 로스팅도 다 직접 하시는듯 사장님의 커피에 대한 애정과 내공이 느껴졌다 Blend 무채색 아이스 (8,000won) 나는 산미가 적은 고소한 커피를 좋아하는 편이라서 사장님께서 추천해주신 무채색을 선택했다 친구꺼는 뭐였는지 기억안남ㅋㅋㅋ 뭔가 제일 유명한거 추천해달라고 했던거만 기억난다 보신각뷰에 인테리어도 내가 좋아하는 우드톤이어서 맘에 .. 2022. 5. 6. 16. JavaScript 내장객체 ○ 자바스크립트 내장 객체(Object) - 자바스크립트에 내장되어 있는 객체 - object = 멤버변수(변수, property, attribute, field, column) + 멤버함수(함수, function, method) 로 구성 - 객체명.멤버변수 - 객체명.멤버함수() ○ Math객체 - 수학과 관련되어 있는 객체 - 수학에서 자주 사용되는 상수, 함수들 사용 가능 07.JavaScript Math객체 ○ Math 객체 - 수학과 관련되어 있는 객체 - 수학에서 자주 사용되는 상수, 함수들 사용 가능 - 사용법 : Math.변수명 | Math.함수() document.write(Math.E); //2.718281828459045 document.write(Math.PI); //3.. bins.. 2022. 5. 6. 15. JavaScript Date 객체 (디지털 시계 만들기) ○ Date 객체 - 날짜 관련 내장 객체 var d=new Date(); //시스템의 현재 날짜 정보 가져오기 document.write(d);//Wed May 04 2022 12:00:26 GMT+0900 (한국 표준시) document.write(d.getFullYear());//현재연도 document.write(d.getMonth());//현재월 (월은 '현재월-1'로 출력) document.write(d.getDate());//현재일 document.write(d.getHours());//현재시 (24시간제) document.write(d.getMinutes());//현재분 document.write(d.getSeconds());//현재초 document.write(d.getDay());//현.. 2022. 5. 4. 14. JavaScript 함수 (Function: 사용자 정의 함수, 변수의 유효범위) ○ 함수 (Function, Method) ★★★★★ - 일정한 기능을 가지고 있다 - 함수는 정의(작성)하고, 함수를 호출함으로써 실행된다 - 함수 정의 : function 함수명( ){ 코드 } - 함수 호출 : 함수명( ) ○ 함수작성 시 고려 사항 - 매개변수(parameter)가 있는지? - 리턴값(return)이 있는지? ① 전달값(argument value)이 없는 경우 //함수정의 function test1() { document.write("KOREA"); } //test1() end function test2() { document.write("SEOUL"); } //test2() end //함수호출 test1();//"KOREA" 본문에 출력 test2();//"SEOUL" 본문에 출.. 2022. 5. 3. 이전 1 ··· 19 20 21 22 23 24 25 ··· 29 다음
