프론트엔드235 JS 배열 정렬하기 toSorted() 함수를 이용해서 정렬을 진행하면 된다.해당 함수를 이용하여 정렬을 하면 원본 배열은 변경되지 않고 반환되는 배열만 영향이 있어서 해당 함수로 정렬하는 것을 추천한다. 원본 배열에 영향이 있으면 혹시 모를 문제가 생길 수 도 있기 때문에 사이드 이펙트 확인이 필요하다. 2024. 9. 1. [object Object] 내용을 콘솔 출력 하는 방법 객체 배열 데이터를 확인하고 싶으면 JSON.stringify() 내장 함수를 이용하여 원하는 객체의 내용을 확인할 수 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify JSON.stringify() - JavaScript | MDNJSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환합니다. 선택적으로, replacer를 함수로 전달할 경우 변환 전 값을 변형할 수 있고, 배열로 전달할 경우 지정한 속성만 결과에 포함developer.mozilla.org 2024. 9. 1. 프론트 개발자가 프로젝트 개발하는 순서?? 1. 페이지 라우팅2. 글로벌 레이아웃 설정3. 공통 컴포넌트 구현4. 개별 페이지 및 복잡한 기능 구현 이런식으로 개발을 진행 하면 될까??? 싶다. 공통을 먼저 구현하면 개별 페이지 개발 시 필요한 공통 부분을 사용할 수 있다. 2024. 8. 25. 배열 함수 예제 (forEach, includes, indexOf, findIndex, find) 1. forEach선언된 배열을 길이만큼 반복하여 콜백함수를 호출 한다.let arr1 = [1,2,3];arr1.forEach((item, idx, arr) => { console.log(item, idx, arr)});// 배열에 데이터 삽입let doubleArr = [];arr1.forEach((item) => { doubleArr.push(item*2);})console.log(doubleArr); 2. includes찾고싶은 값을 매개변수에 입력하면 해당 값이 존재하는지 확인하여 boolean(true(있을 경우) / false(없을 경우))값으로 반환et arr2 = [1,2,3];let isInclude = arr2.includes(2); // true / false 반환console.. 2024. 7. 28. NVM 설치 프론트 개발하다 보면 각 프로젝트마다 node 버전이 다른경우 버전을 맞춰주지 않으면 예상치 못한 버그가 발생할 수 있는데, 그것을 대비하여 각 프로젝트에서 사용되는 버전을 NVM을 통하여 node 버전을 맞춰서 개발 할 수 있다. 설치 전에 만약 node가 설치되어있다면 제어판에서 삭제 후 진행 해 준다.터미널에서 node 명령어로 확인 아래 사이트에서 exe 파일을 다운 받아 준다. 설치 사이트:https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybut.. 2024. 7. 21. 현재 브라우저 활성화 여부 체크 방법 https://developer.mozilla.org/ko/docs/Web/API/Document/visibilityState#%EB%AA%85%EC%84%B8%EC%84%9C Document.visibilityState - Web API | MDN Document.visibilityState 읽기 전용 property로, 이 element가 현재 표시된 컨텍스트를 나타내는 document의 가시성을 반환합니다. document가 background 또는 보이지 않는 탭(다른 탭)에 있는지, 또는 pre-rendering을 developer.mozilla.org document.addEventListener("visibilitychange", () => { console.log(document.visib.. 2024. 4. 4. 이전 1 2 3 4 5 ··· 40 다음
