728x90 💚04_HTML5 & Javascript & CSS/01_Javascript9 #NVM #LTS #NODE #Verstion 🦖NVM(Node Version Manager)이란?Node 버전 업데이트하기 위한 패키지로 Node.js버전을 관리할수 있다. NVM설치를 통해 최신 LTS버전설치 및 변경이 가능하다ㅏ. 🦖NVM설치 윈도우 기준 github.com/coreybutler/nvm-windows/releases 접속 후 Exe파일 설치 진행 🦖Node.js버전 변경 node -v // 내가 사용하고 있는 Node 버전 확인하기nvm list available // 사용 가능한 버전 조회하기nvm install 14.15.4 // 14.15.4(LTS) 버전 다운로드하기nvm list // 설치 되어있는 버전확인하기nvm use 14.15.4 // 14.15.4 버전 사용하기node -v 🦖LTS(.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2025. 4. 10. #npm #pnpm #차이 #구성 🦖 특징패키지 설치 방식전통적인 방식 (node_modules에 모든 의존성 설치)의존성 중복을 최소화하고 심볼릭 링크 사용속도비교적 느림 (중복된 의존성 파일들로 인해)더 빠름 (공유된 캐시 사용, 중복된 의존성 제거)디스크 사용량의존성 중복 설치로 인해 더 많은 디스크 공간 사용디스크 공간 절약 (중복된 의존성 링크 사용)설치 구조각 프로젝트마다 독립적인 node_modules 디렉터리중복을 최소화한 node_modules 구조, 심볼릭 링크 사용호환성대부분의 프로젝트에서 기본적으로 사용일부 프로젝트에서 호환성 문제 발생 가능캐시기본적으로 설치 후 캐시 없음 (다시 설치 시 다운로드 필요)패키지 캐시 시스템을 이용해 빠르게 설치커맨드npm install, npm run 등 기본 명령어pnpm ins.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2025. 4. 8. #javascript #script태그 #페이지로딩속도 #async/defer 어트리뷰트 #sciprt태그위치는? 태그는 지금까지 head태그안에 들어가야지 하고 알고 지낸 부분이 많이 있습니다. 💚04_HTML5 & Javascript & CSS/01_Javascript 2024. 7. 16. #removeEventListener #스크롤이벤트체크 #이벤트체크메소드 #약관동의 #스크롤 서비스를 개발하다보면 약관동의 같은 페이지를 개발할때가 있다. 약관은 내용이 많기 때문에 스크롤이 생기게 되는데 이럴때 removeEventListener 이벤트를 통해서 스크롤을 체크해볼수 있다. 🌱 scrollTop : 스크롤바 내린 높이🌱 scrollHeight : div 태그 실제 높이🌱 clientHeight : 눈으로 확인되는 div 박스 높이 🌱 실제 높이 : 스크롤 내린높이(scrollTop) + 눈으로 확인되는 div 박스 높이(clientHeight)🌱 $div.scrollHeight = $div.scrollTop + $div.clientHeight 통상적으로 -5를 지정해서 스크롤 끝에서 5px정도 왔을때 체크를 하는것이 오차를 감안할수 있다.🌱스크롤 감지 이벤트 $(".. 💚04_HTML5 & Javascript & CSS/01_Javascript 2024. 5. 23. #var #let #const #변수 #차이점 #ES6 #스코프 #호이스팅 ⚡var var로 선언한 변수는 동일한 이름으로 여러번 중복 선언이 가능하며 마지막에 할당된 값이 변수에 저장된다. 변수를 유연하게 사용할 수 있다는 장점이 될수 있지만 기존 선언된 내역을 망각하여 재 선언을 하여 값이 다르게 출력될수 있는 케이스가 발생할수 있다. var lanType = 'javascript'; console.log(lanType);// javascript var lanType = 'java'; console.log(lanType);// java ------------------------------------------------------------------------------------ var str = "mrbang"; function newFunction() { var t.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2024. 2. 22. #javascript #함수 #filter #find #구분 📚.filter filter함수는 각 배열의 원소에 대한 전달받은 함수 결과가 true인 원소로 배열을 만든다. const words = ['a', 'b', 'c', 'd', 'e', 'f']; const result = words.filter( word => word.indexOf('a') > -1); console.log(result); 📚.find find함수는 배열 원소에 대해 주어진 함수연산중 true반환하면 find함수도 같이 종료 된다. 만족하는 원소가 없다면 undefined가 발생한다. const testNumArr = [1,2,3,4,5]; const findArr = testNumArr.find( Element => Element > 3); console.log(findArr); 💚04_HTML5 & Javascript & CSS/01_Javascript 2023. 11. 16. #window. #window.location #reload #페이지이동 우리가 사용하는 window객체에 대해서 알아보자 📚window는 모든 객체의 전역 객체로 생략이 가능하다. 🧨Reload(새로고침) window.location.reload(); location.reload(); location.href = location.href; history.go(0); 🧨Assign & href(페이지 이동) ⭐ 이전방문기록이 남아 뒤로가기 가능 window.location.assign ("/경로"); location.assign("/경로"); window.location.href = "/경로"; location.href = "/경로"; 🧨Replace(페이지 변경) ⭐ 이전방문기록이 남지 않아 뒤로가기 불가능 window.location.replace ("/경로"); loca.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2023. 11. 7. #JavaScript #날짜계산 #getFullYear() #getMonth() #getDate() #getDay() JavaScript에서 날짜를 계산하는 방법을 알려드리도록 하겠습니다. 🧨getFullYear() console.log("[년도출력함수]" + date.getFullYear()); 🧨getMonth() * 참고 : 1월은 0부터 시작 그래서 +1을 해야 현재 월이 됨 console.log("[월 출력 함수]" + date.getMonth()); 🧨getDate() console.log("[날짜 출력 함수]" + date.getDate()); 🧨getDay() * 참고 : 월요일 = 1, 화요일 = 2, 수요일 =3, 목요일 = 4, 금요일 = 5, 토요일 6, 일요일 7 console.log("[요일 출력 함수]" + date.getDay()); let date = new Date(); console.l.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2023. 10. 4. #javascript #현재URL #호출 🎈javascript URL 정보 가져오기 🧨window.location.href - 전체 URL 전달 🧨window.location.hostname - 도메인 내임만 전달 🧨window.location.pathname - 현재 페이지 경로 전달 🧨window.location.protocol - 사용하는 프로토콜 반환 🧨window.location.assign - 새 document 로드 💚04_HTML5 & Javascript & CSS/01_Javascript 2022. 12. 12. 이전 1 다음 728x90
