Laravel/코지코더23 코지코더 - 라라벨 12. 태스크 디테일 페이지 오늘은 4번째 GET을 해보겠다. Title을 누르면 태스크 페이지로 옮겨가서 title과 body를 더 자세하게 볼 수 있는 페이지를 만들어보겠다. localhost:8000/tasks/1 (id) 로 가면 1번의 태스크 페이지로 가게 해보겠다. show 블레이드 파일을 만들고 create 블레이드 파일의 내용을 복사 붙여넣기한다. 7행의 Create Task를 Task로 바꾸고 선택한 form 부분을 삭제한다. id가 1인 Task의 정보를 여기에 출력한다. 29행에 $task는 여기서의 {task} 즉, id 번호를 받아온다. 그런데 라라벨에서는 더 편한 방법을 제공하고 있다. 29행처럼 $task 앞에 모델 이름(Task)을 써주면 리퀘스트 보낸 것을 $task(로? 를?) 보냈구나 그래서 이 i.. 2020. 6. 6. 코지코더 - 라라벨 11. 태스크 폼 Submit 이어서 Create Task Page의 스타일링을 조금 바꿔보겠다. px는 패딩을 양쪽, py는 위아래에 주는 것이다. Title과 Body 입력칸을 좌우로 늘렸다. Submit 버튼을 오른쪽으로 옮겼다. 전체를 div로 감싸주고 패딩을 양옆에 64 주었다. Submit 버튼 연결하기 POST를 보낼 때 URI를 복수형으로 쓰고 action이 store이다. ※ 강의에는 ↓이렇게 나왔는데 라라벨 버전이 달라서 이게 맞는지 모르겠다. 실행은 잘 됨 이렇게 뜨는데, CSRF attack을 방지하기 위해서 라라벨에서 제공하는 기능이다. https://laravel.com/docs/7.x/csrf#csrf-introduction CSRF Protection - Laravel - The PHP Framework .. 2020. 6. 6. 코지코더 - 라라벨 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. 이전 1 2 3 4 5 다음
