목록STUDY/Vue.js & Express.js & JS (16)
개발자 '쑥말고인절미'
Array.prototype.filll() fill() 메소드는 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채운다. fill(입력값, 시작 인덱스, 끝 인덱드-1); 예제 const array = [1, 2, 3, 4]; console.log(array.fill(0, 2, 4)); //출력 : [1, 2, 0, 0] console.log(array.fill(5, 1)); //출력 : [1, 5, 5, 5] console.log(array.fill(6)) //출력 : [6, 6, 6, 6] 참고링크 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/fill Array.prototype.f..

Vue.js에서 기본적인 프로그램 구현 방법은 기능을 적절하게 분리하여 컴포넌트화 시켜서 개발을 하고 이것을 연결하여 프로그램이 작동하도록 구현하는 방법을 사용한다. 컴포넌트(component) 여러 개의 프로그램 함수들을 모아 하나의 특정한 기능을 수행할 수 있도록 구성한 작은 기능적 단위 컴포넌트를 이용하면 소프트웨어 개발을 마치 레고블록 쌓듯이 조립식으로 쉽게할 수 있다. 모듈(module)이라고도 한다. 쉽게 말하면 화면단위이고, 컴포넌트로 화면을 구성하면 재사용도 쉽고 소스 수정도 용이하다. 컴포넌트 안에 컴포넌트를 생성할 수 있다. 부모 컴포넌트에 있는 데이터를 자식 컴포넌트가 가져올 때는 부모 컴포넌트에서 props로 변수에 값을 넣어주면 자식 컴포넌트가 읽어올 수 있다. 하지만 자식 컴포넌..
Node.js : Chrome V8 JavaScript 엔진으로 빌드 된 JavaSript 런타임 : 비동기 이벤트 주도 JavaScript 런타임 웹서버와 같이 확장성 있는 네트워크 애플리케이션을 만들수 있도록 설계되어 있다. 확장성 있는 시스템을 개발하는게 아주 자연스럽다. Node.js를 통해 다양한 JavaScript 애플리케이션을 실행할 수 있으며, 서버를 실행하는 데 제일 많이 사용된다. Node.js는 JavaScript를 서버에서도 사용할 수 있도록 만든 프로그램이다. Node.js는 서버사이드 스크립트 언어가 아니다. 프로그램(환경)이다. 사용되는 언어로는 JavaScript를 활용하며, Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있는 것이 ..

vue에서 실행시키려고 보니 위와 같은 에러가 발생했다. npm run serve... 왜 안되는건가 싶었는데 npm이 설치되지 않아서였다ㅎ (프로젝트 파일을 깃으로 당겨온게 아니고 파일자체를 압축하여 받은 상황이었다.) 아래 명령어를 입력하여 npm을 설치해주자. 문장 두 개가 같은 의미이니 둘 중 하나만 사용하면 된다. npm install // or npm i

express 서버를 실행시키려고 하는데 위와 같이 에러가 발생했다. 발생 이유는 간단했다. npm이 설치 되어있지 않아서였다. 아래 명령어를 통해 에러를 잡을 수 있었다. 아래에 명령어를 2개 적었는데 같은 의미의 명령어이므로 둘 중 하나만 입력하면 된다. npm install // or npm i
날짜데이터에서 월만 얻어오고자 할 때 getMonth() 메소드를 사용한다. 근데 이상하게 12월로 입력했는데 반환값은 11이다. 그 이유는 getMonth() 메소드의 반환값이 0~11로 되어있기 때문이다. 왜 0~11인지는 모르겠다만 getMonth() 메소드로 정확한 월을 얻어오기 위해서는 꼭 +1을 해줘야 한다. let date = new Date('2022-12-01T14:00:00'); date.getMonth(); //반환값은 11 date.getMonth()+1; //반환값은 12

seeders를 이용하여 DB에 정적으로 데이터를 넣어줄 것이다. DB를 테스트 하면서 손수 데이터를 집어넣는 작업이 굉장히 불편했는데 seeders를 이용하면 알아서 값을 넣어주니 굉장히 편하다! seeders 폴더 여부 확인 프로젝트 경로에 아래와 같이 seeders 폴더가 있는지 확인을 하자. 만약 폴더를 실수로 지웠다면 아래 명령어로 다시 만들어주자. sequelize init:seeders seeders 파일 생성 seeders 폴더에 파일을 만들어 주기 위해 아래 명령어를 입력해줄 것이다. --name 뒤에는 생성하고자 할 파일명을 적어주면 된다. sequelize seed:generate --name (파일명) 아래와 같이 seeders 폴더에 파일이 생성된다. 파일명 앞에 붙은 숫자는 현재..

DB에 값이 잘 들어가 있고, 소스도 필요한 부분은 다 추가한 것 같았는데 404에러가 발생했다. 404에러는 페이지를 찾을 수 없어서 발생하는 에러인데 경로를 입력한 부분들을 확인해볼 필요가 있다. 나는 routes 폴더 index.js 파일에서 경로에러가 난 것인데 router.get('/주소주소', function(req, res, next) {}); //올바른 소스 router.get('주소주소', function(req, res, next) {}); //에러소스 위 부분에서 / 이거 하나를 빼먹어서 발생했다. 경로를 찾지 못하니 발생한 오류가 맞았고 /를 추가하여 해결할 수 있었다. 이런 작은 오타와 실수들이 문제를 발생시키면 찾기도 참 곤란하다. 이번엔 운이 좋아 빨리 찾았지만 앞으로 타자를 ..