본문 바로가기
반응형

JS9

element 요소 조작 (append, prepend, before, after, parent) Element 요소 조작 (append, prepend, before, after, parent) 기존 요소의 내부에 추가 .append() 선택된 요소의 마지막에 새로운 요소나 콘텐츠를 추가한다 .prepend() 선택된 요소의 첫번째에 새로운 요소나 콘텐츠를 추가한다 .appendTo() 선택된 요소를 해당 요소의 마지막에 추가한다. .prependTo() 선택된 요소를 해당 요소의 첫번째에 추가한다. ​ 기존 요소의 외부에 추가 .before() 선택한 요소의 바로 앞쪽에 새로운 요소나 콘텐츠를 추가한다. .after() 선택한 요소의 바로 뒤쪽에 새로운 요소나 콘텐츠를 추가한다. .insertBefore() 선택한 요소를 해당 요소의 앞쪽에 추가한다. .insertAfter() 선택한 요소를 해당.. 2023. 11. 24.
자바스크립트로 문자열 포매팅 구현하기. String.format() 다른 언어에서는 기본 메서드로 제공되는 문자열 포메팅 함수, 또는 메서드가 제공되지 않습니다. 굉장히 자주 사용하는 기능이지만 제공되지 않기 때문에 만들어 써야 합니다. 문자열 포매팅을 구현하는 방법은 여러가지가 있습니다. 필요에 따라 단순하게 구현해서 사용하는 방법도 있지만, 범용으로 사용할 수 있는 조금 복잡한 구현 방식으로 구현해서 여러가지 용도로 사용할 수도 있습니다. 프로토타입 언어인 자바스크립트의 특성을 살려서 프로토타입 메서드로 구현하는 방법을 주로 사용합니다. ES6부터는 템플릿 문자열이 지원되기 때문에 문자열 포매팅 메서드를 따로 구현하지 않아도 문자열 포매팅을 할 수 있지만, 인터넷 익스플로러 호환성이 필요하거나 템플릿 문자열로는 구현하기 어려운 중간 변환이 필요한 경우, 포매팅 메서드.. 2023. 10. 18.
자바 스크립트, 함수 ※ 함수 ● 함수 나만의 믹서기를 만들어보자! 1. 반복되는 실행코드를 묶어서 실행 (재사용성) 2. 중복죄는 코드 최소화 ​ 1. 함수 선언 function hello(이름){ console.log(이름+"님 hello") } - () 어떤 값을 전달 받아올건지? 파라미터(인자)를 정의 - {} 실제로 어떤 코드가 동작하는지 코드 작성 결과=> 2. 함수 호출 hello('박진우') ​ - ** 매개변수를 통한 리턴함수 function addNum(숫자1,숫자2){ return 숫자1 + 숫자2 } console.log(addNum(2,3)) 결과=> ● 함수종류 함수이름('마라탕') 1. 함수 선언식 (Function Declations) 일반적인 프로그래밍 언어에서의 함수 function 함수이름(.. 2023. 10. 18.
자바스크립트 for each 문 , for in 문 , for of문 ● foreach 문 ▼ 내용 foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터는 Map,Set 지원) 배열의 요소들을 반복하여 작업을 수행할수 있습니다. foreach구문의 인자로 callback함수를 등록할수 있고, 배열의 각 요소들이 반복될 떄 이 callback 함수가 호출됩니다. callback 함수에서 배열요소의 인덱스와 값에 접근할수 있습니다. 배열의 첫번쨰부터 마지막까지 반복하면서 item을 꺼낼수 있다. var arr = ['가','나','다','라']; arr.forEach(function(item,index,arr2){ console.log(item,index,arr2[index+1]); }) //첫번쨰 인수는 배열의 각각의 item //두번쨰 인.. 2023. 10. 18.
자바 스크립트, 배열, 배열함수 ※ 배열 ​ ● 배열 => 대괄호 1. 배열의 선언 let num = [] let arr = new Array() 2. 배열의 생성 num = [1,2,3] arr = new Array(1,2,3) 배열안에 있는 값을 저장, 접근 => 인덱스 번호 배열의 전체 길이 => 배열이름.length ​ ● 배열 : 여러 변수를 하나의 묶음으로 다루는 것 1. 배열의 선언 let arr = [] let arr2 = new Array(10) ※ new Array(배열길이) ** 배열 길이를 설정했어도, 초과 가능 => 공간이 동적, 가변적 ​ ★★ 중요! 무조건! 배열의 선언을 먼저 진행 ​ 2. 배열의 생성 arr = [1,2,3] arr2 = new Array(1,2,3,4,5) console.log(arr2).. 2023. 10. 18.
자바 스크립트 기초, 실행위치 ※ 실행위치 방식 ​ ​ · 내부 방식 head 혹은 body영역에 script 태그를 작성해서 그 안에 js 문법을 사용하는 방법 · 인라인 방식 태그 안에 직접 기능을 넣어줄 때 사용 마우스 올리기! ​ · 외부 방식 외부의 js파일 안에 js문법을 작성한 후 연결 마우스 클릭! //ex12외부.js 파일 function ck(){ alert('외부에서 가지고 온 기능입니다.') } ​ ● 만들어진 마우스 올리기(인라인), 클릭(외부) 버튼 =>마우스 올렸을 때(인라인 방식) =?마우스 클릭했을때(외부 방식) 2023. 10. 18.
반응형