내가 보려고 쓰는 기록

파이썬 같은 언어는 순서대로 코드를 실행해 주지만 but 자바스크립트는 순서대로 코드 실행하지 않는다. ex) console.log(1+1) setTimeout(function(){ console.log(2+2) },1000) console.log(3+3) 위의 코드를 실행시키면 1+1 → 3+3 → 2+2 순으로 코드가 실행된다. 원래 순서대로면 1+1 → (1초 후) 2+2 → 3+3 실행되어야 하지않나 코드 위에 적든 밑에 적든 빠른 것부터 실행이 되는 것이다. 웹 브라우저 동작 원리 웹 브라우저 : 자바스크립트 실행시켜 주는 엔진 웹 브라우저 내부에 Stack이라는 공간이 있고 거기서 코드를 하나하나 실행시켜 준다 (코드를 실행해 주는 곳) Stack은 하나밖에 없어서 한 번에 코드 한 줄만 실행..

임시 서버를 Node.js + express로 쉽게 만들기 1. 리액트 프로젝트 외에 server 폴더 따로 만들기 2. npm init 해서 package.json 파일 생성 3. npm install express 해서 exress 설치 4. server.js 파일 만들어서 아래의 코드 복붙 const express = require('express'); const path = require('path'); const app = express(); app.listen(8080, function () { console.log('listening on 8080') }); 5. node server.js로 서버 잘 만들어 졌는지 확인 리액트로 만든 HTML 전송하는 법 1. 리액트로 개발을 다 마친 후 b..

배열 복제 var arr = [1,2,3,4,5]; var newArr = [...arr]; // [1,2,3,4,5] 배열 병합 var arrA = [1,2,3]; var arrB = [4,5,6]; const newArr = [...arrA, ...arrB]; //[1,2,3,4,5,6] 배열뿐만 아니라 문자열도 복제 가능 * 문자열 배열에 담을 때 split('') 썼는데 [...]연산자가 더 간편! const num = '205'; console.log([...num]) // ['2','0','5'] console.log(num.split('')) // ['2','0','5'] 객체도 동일 var obj = {a:1, b:2}; var newObj = {...obj}; //{ a: 1, b: 2 ..

filter( ) filter( ) 메서드는 조건에 맞는 요소를 모아 새로운 배열을 만들어줌 ex) 주어진 배열에서 짝수와 홀수를 새로운 배열에 각각 담으려면? function solution(arr){ const 짝수 = arr.filter( e => e%2==0 ); const 홀수 = arr.filter( e => e%2!=0 ); return [짝수,홀수] } console.log(solution2([1,2,3,4,5,6])) //[ [ 2, 4, 6 ], [ 1, 3, 5 ] ] filter 안의 조건의 맞으면 새로운 배열을 생성해줌

https://apis.map.kakao.com/web/ https://react-kakao-maps-sdk.jaeseokim.dev/ 1. index.html에 카카오 API 코드를 복붙한다 2. map.js에 지도를 담을 영역을 만든다 3. 지도를 띄우는 코드를 작성한다 var container = document.getElementById('map'); //지도를 담을 영역의 DOM 레퍼런스 var options = { //지도를 생성할 때 필요한 기본 옵션 center: new kakao.maps.LatLng(33.450701, 126.570667), //지도의 중심좌표. level: 3 //지도의 레벨(확대, 축소 정도) }; var map = new kakao.maps.Map(container..

node modules을 삭제하고 재설치해야 되는 경우가 많다. 근데 node modules를 그냥 삭제해버리면 시간이 너무 오래걸림 npx npkill -d ./ 위의 명령 가운데 ./ 은 현재 폴더 아래에 있는 모든 노드 모듈을 찾으라는 명령이다 노드모듈을 삭제해줌 wow

학원에서 했던 프로젝트 로컬로 클론 받아서 공부하려고 npm install 했더니 code ERESOLVE 오류 뜸 밑에 오류를 읽어보면 react 16.8 또는 17.0 버전이 필요한데 내 react 버전은 18.2 이다 해결방법은 react 버전을 다운그레이 해줘야함! 먼저 package-lock.json 파일을 삭제하고 npm install --save --legacy-peer-deps 위의 코드 실행하면 오류해결! 💡참고 --force: bypass the conflict --legacy-peer-deps: ignore peer dependencies entirely --force 는 충돌을 우회하고 --legacy-peer-deps 는 충돌을 무시한다고 한다.

특정 시간 내 성공적으로 수행되지 못해서 자동 중단되는 것으로 네트워크 연결 문제라고 함 해결방법 cache clear clear your cache using this command npm cache clear --force 명령 2가지 차례대로 입력 후 다시 실행하면 성공!