분류 전체보기(42)
-
JavaScript (4) - getElementById vs querySelecter
getElementById let element = document.getElementById(id); // id passwd 인 element 를 가지고 올 때 let passwd = document.getElementById("passwd"); querySelecter let element = document.querySelecter(selectors); // id passwd 인 element 를 가지고 올 때 let passwd = document.querySelecter("#passwd");
2022.04.03 -
JavaScript (3) - Window Size, Window.scrollTo, Window.scrollBy, Window Load 설명
Global Object ex) innerWidth ← Window 안의 innerWidth 를 가져온다. DOM - Document Object Model BOM - Browsers Object Model JavaScript Window Size window.screen 모니터 사이즈 - 브라우저 사이즈가 변경되어도 사이즈를 유지한다. window.outer 브라우저에 있는 url 상단,탭까지의 사이즈 window.inner 웹페이지(스크롤바 포함) documentElement.clientWidth 웹페이지(스크롤바 제외) page x,y (문서의 시작점) client x,y (브라우저 시작점) Window Coordinates scroll_to.addEventListener('click', event..
2022.04.03 -
JavaScript (2) - find() , filter() 함수 설명
find() 함수가 특정 조건에 부합하는 배열의 첫번째 값만을 리턴한다고 한다면, filter() 함수는 특정 조건에 부합하는 배열의 모든 값을 배열 형태로 리턴합니다. find() const arr = [ {name: 'apple', price : 1000}, {name: 'banana', price : 2000}, {name: 'apple', price: 3000} ]; arr.find((item)=>item.name === 'apple'); // {name: "apple", price: 3000} filter() const arr = [ {name: 'apple', price : 1000}, {name: 'banana', price : 2000}, {name: 'apple', price: 3000}..
2022.04.03 -
npm install 시 network timeout 에러 발생
ubuntu linux 에 파일을 올리고 npm install 을 실행 하였으나 network timeout error 가 발생하였습니다. `network timeout at : [https://registery](https://registery).npmjs.org/semver/-/semver-6.3.0.tgz` npm 이 잘못 설치된 것 같아서 node -v //노드 버전 확인 노드 버전을 확인해보니 v10.19.0 으로 굉장히 낮았습니다. 그래서 삭제 후 노드 버전을 최신버전으로 설치 하였으나 계속해서 v10.19.0 으로만 설치가 되었습니다. 원하는 버전을 설치하기위해 curl 을 우선 설치하였습니다. apt-get install curl - curl 설치 $ curl -sL []() | sudo ..
2022.04.02 -
JavaScript (1) - 반목문(for, while, do..while )과 반복문 제어(break, continue)
1~10 까지의 수를 console.log() 함수를 이용하여 로그를 출력하려면 어떻게 코드를 작성 해야할까? console.log('1') console.log('2') console.log('3') console.log('4') . . . console.log('10') 위 코드처럼 작성할 수 있다. 그렇다면 1~100은? 1~1000000은 어떻게 작성해야할까? 사실상 위처럼 작성한다는 것은 말이 안됩니다. (할 수는 있겠지만.. 매우 비효율적이다.) 이를 위해 '반복문'을 사용할 수 밖에 없습니다. 실제 웹페이지에서는 반복문을 이용하여 메뉴를 보여주기도 하고 수백, 수천개의 게시글을 보여줄 때도 사용합니다. 반복문은 for과 while 이 대표적입니다. for 문 for(let i=0; i
2021.01.06 -
mac os -업데이트 했더니 ' npm : command not found '뜨는 현상
redux 를 설치하기 전에 업데이트 문구가 떠서 npm i -g npm to update 를 진행하였다. 바로 이전까지만 해도 설치가 잘되었는데 업데이트 이후에 redux 를 설치하였더니 ' npm: command not found ' 위 문장처럼 npm 을 찾을 수 없다는 문구가 나왔다. node -v 입력했을 때 node 는 버전이 나왔지만 npm -v 입력했을 때 npm 버전은 나오지 않았다. 경로가 바꼈다고 생각했으나, 아래 이미지와 같이 npm, node 둘다 있었다. 찾아보았더니 npm -g
2020.12.29