whatisthis?

DreamCoding JavaScript Lecture REFERENCE LECTURE https://www.youtube.com/watch?v=wcsVjmHrUQg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 #1. 자바스크립트의 역사

String 관련 Method 목차 ** https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String String - JavaScript | MDN String 전역 객체는 문자열(문자의 나열)의 생성자입니다. developer.mozilla.org charAt() includes() indexOf() / lastIndexOf() match() / matchAll() padEnd() / padStart() raw() repeat() replace() / replaceAll() search() toLowerCase() / toUpperCase() trim() / trimEnd() / trimStart() valueO..

Array.indexOf() - indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 존재하지 않으면 -1을 반환함. SYNTAX arr.indexOf(searchElement[, fromIndex]) 매개변수 searchElement 배열에서 찾을 요소 fromIndex (Optional) 검색을 시작할 색인(index) -> 생략시 0번지부터 검색함. cf. String.indexOf() 배열 뿐만 아니라 String(문자열)에서도 주어진 값과 일치하는 첫 번째 인덱스를 반환할 수 있음. 마찬가지로 일치하는 값이 없으면 -1을 반환. ** 만약 ()안에 아무값도 주어지지 않으면 undefined를 찾으려는 문자열로 사용함. ** 만약 fromIndex >= st..

Array.forEach() - forEach()메서드는 주어진 함수를 배열 요소 각각에 대해 실행함. SYNTAX arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) 매개변수 callback 함수 : 각 요소에 대해 실행할 함수. 다음 세 가지 매개변수를 받습니다. currentValue 처리할 현재 요소. index Optional 처리할 현재 요소의 인덱스. array Optional forEach()를 호출한 배열. thisArg Optional callback을 실행할 때 this로 사용할 값. - forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행함. - 요소 값 / 요소 인덱스 /..

Array 관련 Method 목차 ** https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array Array - JavaScript | MDN JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다. developer.mozilla.org isArray() find() findIndex() includes() indexOf() / lastIndexOf() every() filter() forEach() map() reduce() / reduceRight() from() slice() pop() / push() shift() / unshift() keys() / valu..

우리는 String 형을 Number 형으로 바꿀 때, 연산(*1)을 사용하기도 하지만, 주로 parseInt()나 Number()을 사용한다. = 형 변환 (Type Casting) parseInt()와 Number()의 차이는 무엇일까? parseInt() Number() 문자열에서 숫자를 가져오는 능력 good. 즉, 문자열이 섞여있어도 가능. >> "2022년", "467개" 등 / 첫 번째 글자가 숫자여야 한다. 문자열이 숫자로만 되어있어야 숫자로 변환 가능. >> "22" , "5382" 등만 가능 const var1= "2022년"; parseInt(var1); // 2022 Number(var1); // NaN 만약 Number()안에 숫자로만 되어있지 않은 값이 온다면, NaN(Not a..

그동안 String()이나 Number()함수를 이용해서 형 변환을 했었다면, 가장 간단한 방법으로 변환해보자! ** 주의 ) 명시적인 타입변환은 아니니 '이런 방법도 있구나' 하고 참고만 하자! 💡 자바스크립트의 자동 형변환을 이용! ** String -> Number let str = "22" str *= 1; console.log(typeof str); // Number 1을 곱해준다. >> 값의 변화는 없지만, 곱하기(*) 연산자는 number형만 가능하므로 그에 의해 number형으로 바뀐다. ** Number -> String let num = 123; num += "" console.log(typeof num); // String 공백("")을 더해준다. >> string을 더해주면 stri..

https://mywebproject.tistory.com/191 CSS part 2 - (1) Float 上 Float The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the p.. mywebproject.tistory.com 지난 시간 학습했던 float를 사용했을 때의 문제점 #1. parent의 height 감소 #2. block 으로 바뀌지만 한줄 차지는 X >>> float 가 일어나면 block 요소들은 무시하지만..

배열(Array) vs 리스트(List) Array List index로 빠른 조회 가능 순차적 검색 - 비효율적. 연속된 메모리 공간에 할당 (순차접근 용이) 참조관계만 필요. (연속적일 필요X) 참조를 위한 추가 메모리 할당 X 참조를 위한 메모리 필요 삽입/삭제는 용이 X 삽입/삭제 용이 선언시 지정한 크기 변경 불가 크기 가변적 출처: Array vs. LinkedList REFERENCE https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Arrays BOOK > 그림으로 배우는 ..

대괄호 =>[] list를 나열 할 때 list의 인덱스를 지정해줄 때 ex) mise[0], mise[1] 중괄호 => {} dictionary를 만들 때 {'key': 'value'} style tag를 적용해줄 떄 ex) .commet { 적용해줄 것 } 특정 function에 대해 정의해줄 때 ex). function openclose() { 실행 할 것 } for문의 조건문 뒤에 실행할 것을 적어 줄 때 for (i=0; i b ) { 실행 할 것 } 소괄호 => () for문의 특정 조건을 적어줄 때 ex) for (i=0; ib ) jquery 선택자를 적어줄 때(특정조건) $('#names-q7') 함수 이름 바로 뒤에 (매개변수가 들어갈 위치) function openclose() => ..