상상라이프

​ console 확인 ​ ​ Web 확인 ​ 검색 완료!!! ​ ​ 참조 : https://www.w3schools.com/nodejs/nodejs_mysql_select.asp

​ ​ ​ ​ 데이터 삽입 완료!!! ​ 참조 : https://www.w3schools.com/nodejs/nodejs_mysql_insert.asp

​ ​ 테이블 생성 완료!!! ​ ​ 참조 : https://www.w3schools.com/nodejs/nodejs_mysql_create_table.asp

​ ​ 생성완료!!! ​ ​ 참조 : https://www.w3schools.com/nodejs/nodejs_mysql_create_db.asp

mysql 접속 후 plugin 권한 변경 ​ 권한 확인 ​ 명령어 : SELECT Host,User,plugin,authentication_string FROM mysql.user; ​ ​ 명령어 : ALTER USER 'root'@'%' IDENTIFIED WITH mysql_native_password BY '패스워드'; ​ ​ ​ https://1mini2.tistory.com/m/88

mysql 설치 명령어 : npm install mysql --save ​ 연결확인! ​ ​ ​ ​ 참조 : https://www.w3schools.com/nodejs/nodejs_mysql.asp

1. server 폴더 및 파일 생성 ​ ​ 2. server 폴더 init 서버파일에서 npm init 명령어를 주면 package.json 파일이 생성된다. ​ ​ ​ 3. express Express.js, 또는 간단히 익스프레스(Express)는 Node.js를 위한 웹 프레임워크의 하나로, MIT 허가서로 라이선스 되는 자유-오픈 소스 소프트웨어로 출시되었다. 웹 애플리케이션, API 개발을 위해 설계되었다. Node.js의 사실상의 표준 서버 프레임워크 ​ 참조 : https://ko.wikipedia.org/wiki/Express.js ​ express 설치 명령어 : npm install express --save 설치확인 ​ ​ ​ 4. 코드 참조 : https://www.npmjs.co..

props 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용 ​ App.js PropsView.js 결과값 ​ ​ 응용 useState + props props 버튼 클릭시 카운터 올라감 ​ ​ ​ ​ ​ ​ ​ 참조 https://www.youtube.com/watch?v=DuJC2ATdGtw&list=PLZKTXPmaJk8J_fHAzPLH8CJ_HO_M33e7-&index=8

getElemementById 태그에 있는 id 속성을 사용하여 해당 태그에 접근하여 하고 싶은 작업을 할 때 쓰는 함수로 해당 id가 없는 경우 null 에러가 발생함 name 버튼 클릭시 A는 B로 B는 A로 바뀜 ​ ​ ​ 참조 https://kyounghwan01.github.io/blog/JS/JSbasic/getElementById/ 2. https://www.youtube.com/watch?v=p5ZP4xzhRxk&list=PLZKTXPmaJk8J_fHAzPLH8CJ_HO_M33e7-&index=7

Button 이벤트처리 방법 ① Button 이벤트처리 방법 ① 결과 ​ ​ Button 이벤트 처리 방법 ② Button 이벤트 처리 방법 ② 결과 ​ 매개변수 활용 좋음 ​ ​ input 이벤트 처리 방법 ① input 이벤트 처리 방법 ① 결과 ​ input 이벤트 처리 방법 ② input 이벤트 처리 방법 ② 결과 ​ ​ ​ ​ ​ ​ ​ ​ 참조 https://www.youtube.com/watch?v=MzVq1vddlSI&list=PLZKTXPmaJk8J_fHAzPLH8CJ_HO_M33e7-&index=6