본문 바로가기

분류 전체보기

 (56)
배열의 삭제 풀이 nums.pop(); nums.pop(); 키워드 pop : 자바스크립트 내장함수로 배열의 가장 끝에 있는 값을 삭제 후 배열을 반환한다. 내 풀이 arr[2] = 1000; arr.push(300); 강의 풀이 & 키워드 arr.splice(2, 0, 1000) splice 첫번째 매개변수는 배열의 index 순서를 의미하고 두번째 매개변수는 그 index부터 몇 개를 제거하는지를 의미하고 세번째 매개변수는 index번째부터 몇 개 삭제 후 추가할 값을 의미한다. 두번째 매개변수 값이 0인 경우 아무것도 삭제를 안 한다. 고로 출력값을 얻을 수 있다. // 자바스크립트 변수의 타입 // 원시 타입 : number, string, boolean, undefined, null // 참조 타입 : ob..
Access to XMLHttpRequest ... has been block by CORS 에러 error solution 서로 다른 서버에서의 요청을 브라우저가 기본적으로 막기 때문에 server단의 index.js에서 아래 코드를 추가해 줘야한다. const cors = require('cors'); ... app.use(cors({ origin: true, credentials: true, }));
[js] Destructuring assignment (해체할당) 1. 배열의 해체 할당 var colors = ['red', 'blue','white']; var first = colors[0]; var second = colors[1]; var third = colors[2]; colors 배열의 요소들을 전부 펼쳐서 var [first, second, third] = colors; 위와 같이 배열 안에 1:1 순서대로 변수를 선언하는 것과 같다. 2. 객체의 해체 할당 const iu = { name : '아이유', age : 25, gender : 'female' } const { name, age, gender } = iu console.log(name, age, gender) // '아이유', 25, 'female const loginInfo = { devi..
[js] ES6 클래스 방식의 인스턴스는 name 프로퍼티를 찾는다 ES5 방식의 인스턴스는 name 프로퍼티를 찾지 못한다 예제 function G () {} G.method1 = function (){} G.prototype.method2 = function (){} const g = new G() console.log(G.method1.name, g.method2.name) 코드 해석 : -> G.method1 = function (){} G 를 생성자 함수로 사용했고 함수는 일급 객체이기 때문에 프로퍼티를 할당할 수 있다. -> G.prototype.method2 = function (){} G 의 프로토타입이 할당할 메서드들은 인스턴스(g)에 상속이 된다. 그렇기 때문에 -> g.method2 인스턴스 입장에서 자신의 것처럼 호출할 수 있다. G의 메서드 이름과..
SequelizeDatabaseError: Data too long for column 'password' at row 1 error solution 명령프롬프트창을 켜서 MySQL로 접속 후 SET @@global.sql_mode= 'NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION';
“Invalid attempt to spread non-iterable instance” Issue error “Invalid attempt to spread non-iterable instance” Issue solution setTries((prevState) => { return [...prevState.tries, { try: value, result : `${strike} 스크라이크, ${ball} 볼입니다.`}] }); -> prevState 기재 오류 setTries((prevState) => { return [...prevState, { try: value, result : `${strike} 스크라이크, ${ball} 볼입니다.`}] });
훅스에서 setState는 비동기다 제로초님 강의 - 웹 게임을 만들며 배우는 React 2-2 일반 클래스 컴포넌트로 사용했던 setState this.setState((prevState) => { return { result: '정답! ' + prevState.result, firstNumber: Math.ceil(Math.random() * 9), secondNumber: Math.ceil(Math.random() * 9), value: '', beforeValue: this.state.value } }); 리액트에서 state 상태 변화가 일어날 때 setState 함수를 사용하는데 이 함수는 비동기식이라 카운트 함수와 같이 이전 값에 변화를 줘야 하는 경우 부작용이 일어날 수 있다. 그래서 setState 함수 안에 preveSt..
SequelizeDatabaseError: Unknown column 'name' in 'field list' error SequelizeDatabaseError: Unknown column 'name' in 'field list' solutions > hashtag 테이블은 name이 아닌 title로 만들어져야 한다 > mysql workbench 에서 hashtag 테이블에 title 필드가 만들어져있는지 확인하자 -> 없다면 테이블 삭제 후 서버 재시작

티스토리툴바