본문 바로가기

분류 전체보기159

코지코더 - 라라벨 10. 태스크 추가 폼 만들기 오늘은 Create Task의 페이지를 만들어보겠다. 먼저 프론트엔드 폼을 만들어보자. 이번 시간에는 3행 POST를 할 것이다. GET: 그냥 요청해서 원하는 데이터를 보내줘 이렇게 해서 받아온 것 POST: 데이터를 보내서 그 데이터를 DB에 저장하는 역할 Action이 컨트롤러의 이름으로 들어간다. 1행과 3행은 URI는 같은데 보내는 메소드가 다르다. 8행의 for="title"은 9행의 id="title"의 label이라는 뜻이다. https://tailwindcss.com/components/forms/#app Tailwind CSS - A utility-first CSS framework for rapidly building custom designs Documentation for the .. 2020. 6. 6.
코지코더 - 라라벨 09. 태스크 MVC 파일 만들기 오늘은 tailwindcss를 통해서 폼을 만들어보겠다. 그에 앞서서 task 테이블을 만들어보겠다. → task를 생성하고 사람들이 task에 댓글도 달 수 있게 만들어보겠다. task 테이블을 만들고 컨트롤러, 마이그레이션, 모델까지 만들어보자. php artisan serve php artisan make:model Task --help -c를 하면 컨트롤러도 같이 만들어주고 -m을 하면 마이그레이션 파일까지 한 번에 만들어준다. 즉 ,한 번의 명령으로 모델, 컨트롤러, 마이그레이션 파일까지 만들 수 있다. php artisan make:model Task -c -m 셋 다 만들어졌다. 먼저 마이그레이션 파일로 가자. 지금은 로그인 시스템이 없기 때문에 간단하게 title과 body만 만들어준다. .. 2020. 6. 6.
코지코더 - 라라벨 08. tailwindcss 설치하기 오늘은 npm(Node Package Manager)를 이용해서 tailwindcss라는 CSS 프레임워크를 설치해보겠다. 이 파일을 보면 라라벨에서 기본적으로 포함하고 있는 npm의 패키지들이 나와있다. bootstrap도 포함돼있는데 (신버전에는 빠진듯) bootstrap도 CSS UI 프레임워크로, tailwindcss와 비슷한데, tailwindcss가 새 버전이 나와서 한 번 써보고 싶어서,, npm이라고 쳐보고 설치가 안 돼있으면 아래 페이지에서 다운받는다. nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 이것을 설치하면 node와 npm이 모두 설치된.. 2020. 6. 5.
코지코더 - 라라벨 07. 모델 MVC Model - app\user.php - DB에 연결해서 데이터를 가져오고, 데이터를 DB에 저장하고, 업데이트하고, 삭제하는 빌드를 할 수 있다. View - resouces\view (blade) Controller - app\http\controllers ① 유저가 데이터를 넣어달라고 요청하면 Controller에서 그것을 받아서 다시 Model에 넣어주는 역할을 한다. ② 중간에 비즈니스 로직을 돌린다. 회원가입 폼을 작성해서 제출할 때(여기까지는 view의 역할) view가 제출된 데이터를 Controller에 보낸다. 그러면 Controller는 겹치는 id는 없는지와 pw를 확인한다. 괜찮다면 Model에게 괜찮으니 DB에 넣어달라고 하는 역할까지 한다. php artisan make.. 2020. 6. 5.
6/5 타자연습 한글 낱말연습 1바퀴 + 짧은 글 연습 1번 + 영어 낱말연습 1바퀴 영어는 특히 평생 독수리타법으로만 쳐봐서 떠듬떠듬 하고 있다 ㅋㅋ 낱말연습 한바퀴가 한글은 8가지이고 30분 정도 걸리는데 영어는 6가지인데 한시간 정도 걸린다. 그래도 둘째날이라고 첫째날보다는 수월하다. 2020. 6. 5.