분류 전체보기 (14) 썸네일형 리스트형 ES6 모듈 문법 :: export default와 export {} 차이 이해하기 Export Default / Export {} 사용 예시 export default / import 문법 export default는 한 모듈에서 딱 한번만 사용 가능 import시 자유롭게 작명 가능 // myModule.js const constantValue = 42; export default constantValue - export default 변수명 // Vue.app import 작명 from "./myModule.js"; console.log(작명); // 42 - import 작명 from "파일 경로" export { } / import 문법 export{}는 여러번 사용 가능 import시 자유로운 작명 불가능. export 변수명을 사용 var contantValue = 42; .. npm 수정 권한 오류 [npm ERR! code EACCES] npm ERR! code EACCES npm ERR! syscall mkdir npm ERR! path /Users/admin/.npm/_cacache/index-v5/39/40 npm ERR! errno EACCES - 이 에러는 npm 설치 시 권한 문제로 발생하는 오류입니다 npm 권한 문제 해결법: 권한을 변경해 주기: 오류 메시지에 나와 있는 대로 다음 명령을 실행하여 캐시 폴더의 권한을 변경합니다. sudo chown -R 맥북 이름 : 위에에러뜬경로 맥북 이름은 아래 명령어를 통해 찾을 수 있습니다 whoami - 그래도 안되는 경우 위와 같이 하면 터미널에 알 수 없는 경로들로 도배되는 경우도 있습니다 그런 경우는 아래 방법을 순차적으로 하면 문제를 해결 할 수 있습니다 해당 프로젝트 파일.. vue cli 설치 npm 오류 해결법 해결법 1. 관리자 권한으로 실행: - 명령어 프롬프트 또는 PowerShell을 관리자 권한으로 실행 해결법 2. npm 최신 버전 업데이트: - npm 글로벌로 설치 후 최신 버전으로 업데이트 명령어 npm install -g npm@latest 해결법 3. npm 대신 대체품 Yarn 사용: - Yarn은 윈도우에서 더 안정적으로 동작하는 경우가 많습니다 Yarn 공식 홈페이지 윈도우(Windows) 1. Yarn 공식 웹사이트에서 Windows용 Yarn 설치 프로그램 다운로드 2. 컴퓨터 재시작 3. Vs code 터미널 열고 vue cli 설치(아래 명령어 입력) yarn global add @vue/cli 맥(Mac) 1. 터미널을 통해 Yarn 패키지 설치 npm install -g yar.. [JavaScript] 이벤트 버블링(이벤트 중복 발생) 해결 방법 이벤트 버블링이란? - HTML 요소들 간에 발생한 이벤트가 상위 요소로 순차적으로 전파되는 동작을 의미 - 이벤트가 자식 요소에서 발생하더라도 부모 요소에도 영향을 미칠 수 있다는 걸 알려줌 이해를 돕기 위한 예제 STEP 01) 아래와 같이 2개의 를 겹쳐 놓았음 뒷면에 있는 검은 배경은 BACK 앞면에 있는 하얀 배경은 FRONT STEP 02) document.querySelector('.back').addEventListener('click', function(){ console.log('back-click'); }) 이 코드는 바깥에 있는 검은 배경을 클릭하면 콘솔을 출력하는 자바스크립트 코드가 분명함 하지만 안에 있는 하얀 배경을 클릭해도 콘솔이 찍히는 걸 알 수 있음 STEP 03) - 해.. [jQuery] 제이쿼리 다운로드 CDN 연결 방법 제이쿼리(jQuery) 간략하게 알아보기 웹 개발에서 jQuery는 많은 웹 개발자들이 자주 사용하는 JavaScript 라이브러리 중 하나입니다. jQuery를 사용하면 웹 개발을 보다 더 쉽고 효율적이게 할 수 있으며 다양한 브라우저에서 일관된 동작을 보장합니다 jQuery를 사용하면 브라우저 간의 호환성 문제를 해결해 주고 복잡한 DOM 조작을 간단하게 만들 수 있습니다 jQuery를 사용하려면 다음과 같이 jQuery 라이브러리를 웹 페이지에 연결해야 합니다. 01. 제이쿼리 라이브러리 다운로드 단계 1: 제이쿼리 홈페이지에서 Download jQuery를 클릭 - 제이쿼리 홈페이지 https://jquery.com/ 단계 2: 맨 위에 있는 링크를 클릭 (최신 버전) 단계 3: 마우스 우클릭 -.. [JavaScript] 메뉴 클릭 시 원하는 페이지로 스크롤 이동하기 UI 동작을 위해 생각해 봐야 할 것 링크의 기본 동작을 막아야함 화면을 스무스하게 이동 시켜야함 이동을 원하는 각 섹션의 위치를 담아 둬야함 HTML 구조 더보기 1 2 3 4 [STEP 01] 링크 기본 동작 막기 자바스크립트에서 기본 동작을 막을 수 있는 'e.preventDefault' 매소드를 사용 $('.nav-bar li a').on('click', function(e){ e.preventDefault(); // 링크 클릭의 기본 동작을 중단 }) 선택자를 $('. nav-bar li')가 아닌 $('.nav-bar li a')로 직접적으로 한 이유는 hash 함수를 사용 하기 위해서임 [STEP 02] hash() 함수로 해당 값 담아두기 $('.nav-bar li a').on('click.. 이전 1 2 다음
