본문 바로가기

전체 글90

[생활코딩] 3. MySQL 구조 / 서버사용방법 / 스키마 표들이 많아지면 정리할 필요성이 생긴다. (파일 디렉토리같은) MySQL에서는 서로 연관된 표들을 그룹핑해서 연관되어 있지 않은 표들과 분리하는데 사용하는 파일의 폴더 같은것이 있는데 그게 바로 데이터베이스. '스키마' 라는 표현을 같이 쓰는데 이는 표들을 그룹핑하는 일종의 폴더라고 생각하면 된다. 스키마들이 많아 지면 어딘가에 저장해야 되는데 그것을 데이터서버라고 한다. 데이터베이스를 사용했을때 여러 효용이 있다. 1. 보안 : 자체적인 보안체계를 가지고 있어서 좀 더 안전하게 데이터를 보관할 수 있다. 2. 권한 : MySQL에 권한이 부여된 여러 사람을 등록할 수 있다. (읽기/쓰기/수정/삭제) 기본 유저가 root이고 관리자라서 모든 권한이 열려있다. (그래서 root로 시스템을 다루는것은 위험해.. 2020. 7. 25.
[생활코딩] React - 샘플 웹앱 실행 Visual studio code의 장점은 터미널을 선택하면 명령어로 컴퓨터를 제어할 수 있는 프로그램이 내장되어 있다. 저 터미널에 yarn start라고 치면 새로운 웹 페이지가 뜬다. ctrl + C 를 누르면 실행이 중지된다. 저 웹앱은 public 폴더의 index.html을 실행한 결과이다. 컴포넌트들은 저 id가 root 태그에 들어가도록 약속이 되어있다. APP 컴포넌트가 들어가있는것을 확인해볼수있다. 대부분의 파일은 src디렉토리안에 넣을것이다. 그 중에서 진입 파일은 index.js라는 파일이다. App.js 파일이 함수형으로 선언되어 있는것을 class형식으로 변경해주자. ※ 본 포스팅은 개인 공부 기록을 목적으로 남긴 글이며 본 사실과 다른 부분이 있다면 과감하게 지적 부탁드립니다. 2020. 7. 25.
[생활코딩] create-react-app 설치 npm으로 create-react-app 을 만들것이다. ※ 만약 설치 시 EACCES 에러가 발생한다면 저 명령어 앞에 sudo를 붙여준다. npm과 npx 차이 npm이 프로그램을 설치하는 프로그램이라면, npx는 이 create-react-app 이라는 프로그램을 임시로 설치해서 딱 한번 실행시키고 지우는 애라고 생각하면 된다. (공간을 낭비하지 않을수있고 매번 다운받아야되므로 최선버젼상태 유지가능) 이제 개발환경을 어디에 셋팅할것인지 알아보자. react-app이라는 폴더를 만들어서 cmd로 그 폴더가 있는 경로로 이동한 다음에 create-react-app . (점을 꼭 적어준다)이라고 입력하면 리액트 환경이 만들어진다. ※ 본 포스팅은 개인 공부 기록을 목적으로 남긴 글이며 본 사실과 다른 부.. 2020. 7. 25.
1. 영화 앱 React 클론코딩준비하기 노마드코더 www.youtube.com/playlist?list=PL7jH19IHhOLOFTVD4R8FeZWkwpVi8-9Fv 명령프롬프트에서 Node.js가 설치되어 있는지 확인하고 설치가 안되어 있다면 아래 링크로 들어가서 설치해준다. https://nodejs.org/en/ ※ 보통 버젼확인으로 프로그램 설치 유무를 확인한다고 한다. 학습자에게 리액트의 장점? 리액트는 자바스크립트로 작성되어 있고, 리액트를 배움으로써 자바스크립트 실력이 향상된다고 한다. 요즘 모던 자바스크립트도 같이 공부를 하고 있는데 리액트를 학습의 효율성이 더 높아질것으로 기대된다. ※ 본 포스팅은 개인 공부 기록을 목적으로 남긴 글이며 본 사실과 다른 부분이 있다면 과감하게 지적 부탁드립니다. 2020. 7. 24.