귀농 전까지 쓰는 개발 일지

Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. 원인 React 18에서 변경된 API 사용에 관한 건. ReactDOM.render 대신 createRoot 함수를 사용해야 함, 새로운 API로 전환하지 않으면 앱은 React 17처럼 동작함 해결 1. ReactDOM.render를 createRoot로 변경 기존 코드 import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render..

코테서 쓸 일 많아 정리 2차원 배열 선언 1. 초기값 할당 var arr = [[1, 2, 3], [4, 5, 6]]; console.log(arr); //[ [ 1, 2, 3 ], [ 4, 5, 6 ] ] 2. 반복문 var arr = new Array(); for(var i=0; i i)); console.log(arr2); //[ [ 0, 1 ] ] 6. ES6문법 fill, map var arr = new Array(2).fill().map(() => new Array(3).fill(0)); console.log(arr); //[ [ 0, 0, 0 ], [ 0, 0, 0 ] ] //참고!! new Array(N) 사용하지 않고 배열 선언하는 법 -> 속도 문제 개선 var arr2; (arr2 ..

자바 스크립트 배열 값을 추가하는 방법 1. index 방식 2. push - 마지막에 삽입됨 - hoing2에 배열의 길이 return 됨 => 활용 불가 => 중첩하여 쓸 경우 concat 활용 3. concat - hoing은 원래 배열로 남게 됨 - hoing2에 추가된 배열 복사 됨

(1) 변수(Variable) - let: 변수명 똑같이 중복 선언 '불가' / 중괄호 사용 시 범위가 한정적 (지역변수) let title = '제목'; console.log(title); //Console창에 출력 title = '제목수정'; console.log(title); let globalScope = 'global name'; { let name = 'javascript'; //let 변수 console.log(name); name = 'hello'; console.log(name); } console.log(name); console.log(globalScope); - var : 변수명 똑같이 중복 선언 '가능' / 중괄호 내 사용 시 범위 한정적X let globalScope = 'glo..

(1). IIFE Function - Immediately Invoked Function Expression : 함수의 정의 및 호출을 한번에 표현 (2) Closure 현상 - 지역변수가 사라지지 않고, 계속 기억되는 현상 function sequence(){ var seq = 0; return function(){ return ++seq; }; var seq = sequence(); console.log( seq() ); console.log( seq() ); console.log( seq() ); //1,2,3출력 }

(1) First-class Function //1, 함수를 변수처럼 처리 const func = function(...args) { console.log('print func'); for(const arg of args )console.log(arg); //매개변수 인자가 넘어오면 모두 출력 }; //2, 변수에 값으로 할당 const show = func; show('인자','전달'); // print func, 인자, 전달 출력 func(); // print func 출력 //3, 함수를 다른 함수의 인자(argument)로 사용하여 Callback 처리 function quiz(answer, Yes, No){ if(answer === 'Home'){ Yes(); //console.log('yes ..

(1) 형태 //1. 기본 형태 function name (param1, param2){ return; } //2. 기본 자료형: 값 전달 function changeName(name){ name = 'tom'; } const name = 'john'; changeName(name); console.log(name); // john 출력 //3. 참조 자료형(객체) : 참조(주소) 전달 function changeNameByObject(obj) { obj.name = 'tom'; } const user = { name: 'john' }; changeNameByObject(user); console.log(user); // {name: "tom"} 출력 (1)-2. from='unknown' 기본 값 지정..

(1) JavaScript 적용 방법 - HTML 문서 내 - 외부 파일 text change function change() { document.getElementById("demo").innerHTML = "change"; } (2) 출력 - innerHTML : html 요소에 출력 - document.write() : body에 출력 / Popup 창에 동적으로 내용 보여주기 위해 사용 / 기존 내용 모두 삭제됨 My First Web Page My first paragraph. Try it - window.alert() : 경고창에 출력 (window 생략 가능) / 알림메시지 출력 위해 경고 상자 이용 - console.log() : 브라우저 콘솔(개발자 도구)에 쓰기 / 디버깅 위해 사용 -..