바닐라 자바스크립트로 모달 창을 띄우고 모달 창에서 데이터를 수정 후 저장하는 기능을 학습하고 있었다. 모든 게 순조로웠고 이대로 동영상 강의의 남은 러닝타임 내에 복습이 완료될 거라 생각했다. 그런데 구현한 "저장" 버튼을 클릭 후 404 에러와 만나게 되었고, 지금도 에러의 이유를 알지 못하고 있다. 수정할 데이터의 유일한 값인 ID 값을 selectedId 변수에 잘 넣었고 fetch함수를 이용해 PUT도 잘 시켰는데, selectedId에 아무런 값이 없다고 하는 것일까? 하다 하다 모달 창 부분을 싹 밀고 처음부터 다시 만들었다. 문제의 저장 버튼을 누르는 시점에 이르러 떨리는 마음으로 버튼을 눌렀는데... (허무하게도) 아무 일도 없었던 것 처럼 저장되어 버렸다. 왜? 왜? 왜? 에러의 원인을..

openModal()이라는 모달 창을 정의하고 생성, 수정 버튼에서 함께 이용하고자 하였다. 이 모달 창은 id가 undefined인 경우에는 생성 버튼, id가 존재하는 경우에는 수정 버튼으로 작동한다. 그런데 생성 버튼 클릭 시 [그림 1]과 같은 에러가 발생하였다. // 생성, 수정 버튼에서 이 모달창을 사용하도록 하였다. openModal(id) { // id가 undefined인 경우에는 생성 버튼 if (id === undefined) { this.selectedItem = { product_category_id: -1, category_name: '', category_description: '' } // id가 존재하는 경우에는 수정 버튼 } else { this.selectedItem =..

[그림 1]과 같이 카테고리 데이터를 수정(put)하는 기능을 적용하고 테스트하였는데 문제가 생겼다. 콘솔에 [그림 2]와 같은 오류가 발생하였고, 다음과 같이 node 서버가 강제 중단되었다. PS C:\Users\J\Documents\GitHub\bootcamp\project\server> node .\app.js 서버가 포트 3000번으로 시작되었습니다. Error: ER_PARSE_ERROR: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'NULL where product_category_id='13'' ..

const regexpEmail = /^([a-z]+\d*)+(\.?[a-z]*)+@[a-z]+(\.[a-z]{2,3})+$/; if (!regexpEmail.test(email)) { return alert("올바른 형식의 Email을 입력하세요."); } 정규식과 조건문에는 아무런 문제가 없었다. 다시 보고 또다시 봐도 그랬다. 그런데 왜 정규식에 부합하는 input값을 넣어도 [그림 1]과 같이 alert이 뜨는 것일까? 황당하게도 email 관련 DOM 처리 시 trim함수에 ()를 붙이지 않아서였다. const email = document.querySelector("#email").value.trim; // .trim -> .trim() console.log를 찍어보니 입력한 email 값이 ..

Vue.js 프로젝트를 Node.js 서버와 연동하고 있다. MySQL DB의 데이터를 수정하는 기능을 구현하는데 [그림 2]와 같이 status 값이 넘어오지 않는 문제가 있었다. 아래 코드는 DB 데이터를 수정하기 위한 doSave() 함수인데 데이터를 성공적으로 수정하여 status 값 200이 뜨면 if 조건문을 실행하도록 하였다. doSave() { this.$swal({ title: '카테고리 정보를 수정 하시겠습니까?', // text: "You won't be able to revert this!", icon: 'warning', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', cancelBu..

| MongoDB 특징 - 도큐먼트 지향 데이터베이스 - NoSQL - BSON(JSON) 사용 장점 - RDB에 비해 성능이 100배 이상 빠르다. - 스키마 관리가 필요 없다. 단점 - 복잡한 쿼리(join 등) 사용할 수 없다. - 메모리 사용량이 큰 편이다. - (현재는) ACID(원자성, 일관성, 고립성, 지속성)을 보장하지 않는다. | RDBMS와 MongoDB 실무에서는 하나의 애플리케이션을 제작할 때 MongoDB 단독으로 사용하기보다는 RDBMS를 혼용해서 사용한다. MongoDB는 주로 실시간으로 데이터를 빠르게 저장할 때 사용한다. [그림 1]은 RDBMS와 MongoDB를 비교한 것이다.

이번에 MongoDB를 처음 접했다. 처음에는 msi설치 파일을 다운로드하여 진행하였는데 내 시스템 환경에 문제가 있는지 제대로 진행되지 않았다. 그외에도 몇 가지 에러들로 인해 애를 먹었다. 이와 같은 시행착오를 반복하지 않기 위해 아래와 같이 기록한다. | MongoDB 다운 및 설치 1. Shell Download https://www.mongodb.com/try/download/shell MongoDB Shell Download The MongoDB Shell is a modern command-line experience, full with features to make it easier to work with your database. Free download. Try now! www.mong..

| 정규식 적용 크롤링한 데이터의 "학력"에 불필요한 "\n\t\t\t\t\t\t\t\t\t\t"가 포함되어 있어서 replace()로 제거하였다. #2에서는 "\n\t\t\t\t\t\t\t\t\t\t"를 replace()의 파라미터로 복붙 하여 해결했는데, 이번에는 정규식을 적용하였다. 정규식에서 () 안의 문자열은 한 덩어리로 본다. +는 앞의 표현식이 1회 이상, *는 0회 이상 반복되는 부분과 대응한다. /(\n)*(\t)*/ 위와 같이 *만 사용하여 시도하였을 때는 [그림 1]과 같은 결과가 나왔다. 그래서 +, *를 각각 사용하여 문제를 해결할 수 있었다. /(\n)+(\t)*/ 전체 코드 중 정규식을 적용한 크롤링, 파싱 처리 부분은 다음과 같다. // 2_crawling_worknet.js..