Frontend/JavaScript60 [javascript] 문법 - 데이터 실행하기 1 선언적 함수 { function func(){ document.write("함수가 실행되었습니다."); } func(); //함수가 실행되었습니다. } 2 익명 함수 { const func = function(){ document.write("함수가 실행되었습니다."); } func(); //함수가 실행되었습니다. } 3 매개변수 함수 { function func(str){ document.write(str); } func("함수가 실행되었습니다."); //함수가 실행되었습니다. function func1(str1, str2){ document.write(str1, str2); } func1("함수가", "실행되었습니다."); //함수가실행되었습니다. } 4 리턴값 함수 { function func(.. 2021. 8. 12. [javascript] 문법정리 - 데이터 불러오기 01 변수 : 데이터 불러오기 { let x = 100, y = 200, z = "javscript"; document.write(x); //100 document.write(y); //200 document.write(z); //javscript } 02 상수 : 데이터 불러오기 { const x = 100, y = 200, z = "javascript"; document.write(x); document.write(y); document.write(z); } 03 배열 : 데이터 불러오기 { const arr = [100, 200, "javascript"]; document.write(arr[0]); //100 document.write(arr[1]); //200 document.write(arr[2.. 2021. 8. 12. [JAVASCRIPT] 문법 정리 - 데이터 저장하기 데이터 저장하기 01 변수 : 데이터 저장 { var x = 100; var y = 200; var z = "javascript"; document.write(x); //100 document.write(y); //200 document.write(z); //javascript } 02 변수 : 데이터 저장 + 데이터 변경 { let x = 100; let y = 200; let z = "javascript"; x = 300; y = 400; z = "jquery"; document.write(x); //300 document.write(y); //400 document.write(z); //jquery } 03 변수 : 데이터 저장 + 데이터 변경 + 데이터 추가 { let x = 100; let y .. 2021. 8. 11. [JAVASCRIPT] clientX, offsetX, pageX, screenX 1. clientX, clientY 클라이언트 영역 내의 가로, 세로 좌표를 제공한다. 클라이언트 영역은 현재 보이는 브라우저 화면이 기준. clientX : 브라우저 페이지에서의 X좌표 위치를 반환. clientY : 브라우저 페이지에서의 Y좌표 위치를 반환. 2. offsetX, offsetY 이벤트 대상이 기준이 된다.(화면 중간에 있는 박스 내부에서 클릭한 위치를 찾을 때 해당 박스의 왼쪽 모서리 좌표가 0이 된다. 화면이 기준이 아니다) offsetX : 이벤트 대상 객체에서의 상대적 마우스 x좌표 위치를 반환. offsetY : 이벤트 대상 객체에서의 상대적 마우스 y좌표 위치를 반환. 3. pageX, pageY 전체 문서를 기준으로 x,y 좌표를 반환. 스크롤 화면을 포함해서 측정. pag.. 2021. 8. 11. [Javascript] 탭 메뉴, 메뉴 하이라이트 구현하기 basic advanced expert baic plan 첫번째 페이지 입니다. advanced plan 두번째 페이지 입니다. expert plan 세번째 페이지 입니다. https://www.youtube.com/watch?v=c5uvAIxn07c 2021. 7. 29. [Javascript] loading 페이지 넣기 ㅈ딘아ㅓ린아런이ㅏㄹ sadlkfjasldkfjasdlkfjasdlkfjasdlk 2021. 7. 24. 이전 1 ··· 6 7 8 9 10 다음 반응형
