들어는 봤지만 사용 빈도수가 낮아 정확한 사용법을 알아 보기 위해 메모 📝 Every()와 Some() every 함수는 배열의 모든 요소가 충족하는지 확인 = AND some 함수는 배열의 1개 요소라도 특정 조건을 충족하는지 확인 = OR every 함수는 하나라도 false를 리턴할 경우 false some 함수는 각 요소들 중 하나라도 true를 리턴하면 값은 true Array.prototype.every() const array = [1, 2, 3, 4, 5]; const result = array.every(number => number > 2); console.log(result); // false Array.prototype.some() const array = [1, 2, 3, 4, 5..
문자열 알고리즘을 풀다가 알게된 split(), join()의 문자열 활용법 string.split(separator, limit) : 문자열을 배열로 반환하는 split 함수 array.join([separator]) : 배열의 모든 요소를 연결해 하나의 문자열로 만드는 join 함수 한 마디로 split은 문자열을 배열로 나누고, join은 배열을 문자열로 이어붙인다. 내가 만났던 백준 문제로 예시를 들어보자. const alphabet = ["c=", "c-", "dz=", "d-", "lj", "nj", "s=", "z="] 문자열1: ljes=njak 문자열2: ddz=z= 문자열3: nljj 알파벳 배열과 문자열들이 주어진다. 각 문자열과 알파벳을 비교하여 동일한 문자는 한개의 문자로 치환 ..
알고리즘 공부를 하면서 자주 보이는 Number와 parseInt. 형변환을 해주는건 알고 있었지만 어느것이 더 적절한지 알아보기 위해 둘의 차이점을 정리해 보려 한다. Number(str) 문자열을 인자로 받으면 해당 문자열을 숫자로 바꿔주는 Number const num = Number('123'); console.log(num); // 123 위의 코드는 '123'이라는 문자열을 123라는 숫자로 형변환 되어 출력된다. const price = Number('100원'); console.log(price); // NaN 하지만 문자열이 숫자가 아닌경우 NaN이 출력된다. parseInt(str) Number(str)와 동일하게 문자열을 인자로 받으면 숫자로 바꿔주는 parseInt const num..
Next 강의를 듣고 실습을 해보려 하는데 생성 하자마자 폴더 구조가 다르다? 강의가 오래되어서 버전이 많이 다른가 하고 찾아보다가 알게된 Next.js 13 버전 2022년 10월에 Next.js 컨퍼런스에서 발표 되었다고 한다. 주요 변경 사항 - app/Diectory: 쉽고, 빠르고, 적은 클라이언트 JS (Layout, React Server Components, Streaming) - Turbopack: Rust 기반. Webpack 보다 700배, Vite 보다 10배 빠른 번들러 - Image: 새로운 next/image. 더 빨라진 Lazy Loading - Font: 새로운 next/font. 구글 폰트 자체 내장 - Link: 향상된 next/link. 태그를 자식 요소로 넣을 필요 ..
