하나의 table과 다른 table이 같은 내용을 가지고 있어 중복이 발생을 했다. 이 중복을 제거하기 위해 별도의 테이블을 만들어서 두 개의 관계를 JOIN이라는 명령어를 통해서 하나의 table로 합치는 작업을 해보자❗️ 이번에는 이러한 작업을 웹 애플리케이션 안에서 해보려고 한다. 동작하는 방법은 같지만 내부적으로 중복을 제거해주기 때문에 훨씬 더 효율적이고 견고한 애플리케이션을 만들 수 있다! 우선 지난 시간 배웠던 방식으로 mysql monitor 실행 cmd 창 - mysql.exe이 있는 directory로 이동 - mysql -hlocalhost -uroot -p - 비밀번호 입력! - use DB명 SELECT id, title, author FROM topic; 문을 통해 opentut..

MySQL Client의 많은 Client 중에서 MySQL monitor를 사용해서 MySQL Server를 제어할 것이다 ❗️ MySQL monitor는 MySQL을 설치하면 MySQL Sever와 함께 기본적으로 설치되는 기본 프로그램이다. 처음 사용하기에는 익숙하지 않아서 불편하긴 하지만 Database Sever가 동작하는 모습을 투명하게 보여주기 때문에 교육적인 가치가 높아서 사용할 것이다. 실행 방법 (Window) 1️⃣ cmd창 열기 2️⃣ MySQL이 설치되어 있는 경로를 입력 C:\Bitnam\wampstack-7.4.6-1\mysql\bin\mysql.exe ( DATABASE > Table 정보들을 구조적으로 저장하기 위해서는 표의 형태로 저장하는 방식을 선택할 것이다. 이 표는 ..

데이터베이스란? 정보를 관리하는 전문적인 에플리케이션 실제적인 정보를 담고있는 곳 안전하고 효율적으로 사용할 수 있도록 하는 에플리케이션 이전에는 정보를 파일에 저장해서 웹 에플리케이션을 만들었다. 이제는 그 파일을 데이터베이스로 대체하는 일을 할 것이다. File vs DATABASE 가장 기본적이고 원시적인 형태의 데이터 관리 수단 장점 어느 시스템에서도 사용 가능하고, 무언가를 설치할 필요도 없고, 굉장히 심플하기 때문에 파일이라는 것을 이해하는 것은 그렇게 어렵지 않다 데이터베이스는 그런점에서 많은 단점들을 가지고 있다 데이터 베이스는 공부를 해야하고, 무언가를 설치해야 하고, 뭘 설치해야할지 고민도 된다 장점 안전하다, 데이터의 금고역할 누군가가 무단으로 정보를 보지 못하고, 컴퓨터가 고장이나더..

좀 더 인터랙티브하게 만들어 볼게. 네비게이션은 react-router dom이라 불리는 것을 쓸거야 이것은 네비게이션을 만들어주는 패키지다. https://www.npmjs.com/package/react-router-dom react-router-dom DOM bindings for React Router www.npmjs.com react에서 설치할것이다. npm i react-router-dom 설치가 되는 동안 이것들을 정리해볼거야!

좋아 여러분~ 우리가 이 아름다운 react 소개를 마쳤어~~~~~ 너는 여전히 많이 배워야만해! 더 중요한 건 연습해야해! 말하지 않은 것들이 있는데 너는 더이상 state를 갖기 위해 class component를 가질 필요가 없어 내가 말하지 않은 이유는 이것은 react의 새로운 부분이고 이것을 이해하는데 많은 시간이 걸릴 것이기 때문이다. 다시 말하면, 너는 더 이상 state를 갖기 위해 class component를 가질 필요가 없어. react hook이라는 것 때문에 그렇다. 이것은 같은 거야 그리고 만약 react.js 문서를 본다면, 거기서 여전히 class component를 가르치고 있는 것을 볼 수 있을거야 사람들이 너는 react hook도 못쓰니? 하면 react hook은 ..

이 코드들을 cloud로 올려보자! 우선 gh-pages를 설치해야 한다. npm i gh-pages gh-pages는 너의 웹사이트를 github의 github page 도메인에 나타나게 해줄 것이다. github는 너에게 무료 웹 사이트를 제공할 것이다. static 웹사이트, HTML, css, JavaScript 웹사이트는 너에게 무료로 제공 된다. 너의 github 안에서 말야. 그리고 gh-pages는 정말 정말 쉬워 일반적으로 동작하는 방식은 github에서 너의 project 이름을 가져오는 식이다. 예를 들어 git remote -v 내 github에 있는 프로젝트의 이름을 보ㅕㅁㄴ movie_app_2020이야 맞지? 그런 다음 너의 user name을 가져와, 나의 경우는 https:..