728x90 > 프로그래밍 언어/Javascript25 자바스크립트 배열의 slice()와 splice() 함수 자바스크립트 배열의 slice()와 splice() 함수 | 달레의 웹 프로그래밍 - YouTube참고할 글자바스크립트 배열의 slice()와 splice() 함수 | Engineering Blog by Dale Seo 자바스크립트 배열의 slice()와 splice() 함수Engineering Blog by Dale Seowww.daleseo.comslice() 함수어떤 배열의 특정 범위를 새로운 배열로 복사.= 부분 배열 만들어 주는 함수. 첫 번째 인자 = 시작 인덱스두 번째 인자 = 종료 인덱스. 시작 인덱스부터 종료 인덱스 까지의 값을 복사해서 반환한다.배열 확인 nums.slice() 함수5부터 9까지의 복사한 값을 갖고있는 새로운 배열 만들어보기.= nums.slice() 함수 사용2 개의 .. 2024. 9. 25. [코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 6강 Alert 박스 X 버튼1 버튼2 3x minified 버전 복붙 제이쿼리 설치 끝 안녕하세요 Alert 박스 X 버튼1 버튼2 자바스크립트- html 변경 제이쿼리 문법을 쓰면 html 변경을 더 쉽게 할 수 있음. 원래 이렇게 사용 제이쿼리로 HTML 변경하는 방법 = 저 부분을 $()로 줄여서 사용하면 된다. 사용할 때 CSS 셀렉터 처럼 적어야 함. 아이디니까 # 클래스명 또한 찾을 수 있음. 이것과 비슷한 문법이 자바스크립트에도 있음 = document.querySelector() 대신 하나밖에 못찾음 #test 가 여러개 나온다 하면 맨 위에거만 찾아줌. 여러 개 찾고 싶으면 querySelectorAll을 사용 뒤에 [0] 이런거 같이 붙여서 활용 요소 바꾸려면 저렇게 사용 X jQuery .. 2023. 9. 23. [코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 5강 셀럭터 - class 명 alert-box 여러개 다 찾았으면 찾은 거 중에 0번째거 순서 지정 document.getElementById("alert-box")[2].innerHTML = "어쩌구"; 버튼1의 openbox => 알림창1열기() 로 전환 버튼 2 만들기 이 상태에서 버튼 2 에다가 openbox 말고 알림창2열기를 넣어준다. 두 개의 화살표가 비슷함 파라미터 사용 구멍 뚫기 버튼 1 에 알림창열기() => 알림창열기('아이디입력해라') 함수 또 만들필요 없이 버튼 2 도 알림창1열기 함수를 통해 활용 가능 저 코드 또한 더러워보일 수 있음. id 만 부여함 id = "close" 닫기 버튼 일단 셀렉터로 찾기. addEventLister - 함수 소괄호 있는 건 다 함수 function.. 2023. 9. 23. [코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 4강 숙제 실습 소괄호 안에 원하는 걸 집어넣을 수 있음 ( 모든 자료 ) 123이라는 자료를 집어넣을 수도 있음. 알림창 열기라는 긴 코드 실행해달라는 뜻 근데 구멍자리에 123이라는 숫자 넣어서 진행해달라. ( 숫자 표현할 땐 따옴표 없이 써도 ㅇ) 123이 구멍 자리에 들어간후 2번째 줄로 들어가서 실행 알림창 열기를 실행해줌. 구멍자리에 block 넣어줘서 실행. 첫 번째 코드는 알림창을 열어줌 ('block') 두 번째 코드는 알림창을 닫아줌. ('none') 함수 한가지 갖고 2가지 기능 구현한 것 알림창열기() => 알림창열기('none') 파라미터 값 넣어준 걸로 바꿈 밑에 코드는 지워준다. 지워준 모 2+1을 해주는 plus 함수 생성 plus() - 플러스 함수를 실행할 때마다 2+1을 함 .. 2023. 9. 17. [코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 3강 긴코드를 축약한거 아무렇게나 작명() 을 쓸 때마다 긴코드 들이 실행 알림창열기(); 이렇게 쓸 때마다 (소괄호는 무조건 포함) 안에있는 긴 코드 실행된다. 진짜인지 확인하려면 아까 담겨져 있던 긴코드 자리에 알림창열기() 적어줌. innerHTML의 왼쪽에 있는게 null 이라는 뜻. innerHTML의 왼쪽 실수로 셀렉터 잘못 쓴 경우 아까와 똑같은 에러 발생 오타가 난 경우의 에러 함수가 아니라고 알려줌. 2023. 9. 17. [코딩애플] 진짜 웹개발로 배우는 실용 자바스크립트 1강 ~ 2강 안녕하세요 -> 안녕 Id 에 의해서 HTML 요소 갖고와 요소 갖고오고 안에있는 html 내용을 안녕으로 바꿔달라는 뜻 뒤에는 뭘 바꾸고 싶은지 적음 내용물 바꾸고 싶으면 innerHTML .style.color = html 요소의 색상 변경 오른쪽 걸 왼쪽에 집어넣기 display: none; = 숨기기 none 말고 block 으로 하면 다시 보이기 버튼생성 클릭했을 때 안에 있는 자바스크립트를 실행하라는 뜻 아까는 아이디 속성이 있었으나 이번엔 아이디 속성이 없음. 아이디 부여해준다. 2023. 9. 17. 이전 1 2 3 4 5 다음 728x90
