멋쟁이사자처럼 서강대 루비온레일즈 백엔드 세션 수업용 자료 입니다. api 서버 CRUD

1. 멋쟁이사자처럼
2학기
API 서버 CRUD
서강대 멋사 박정현

2. 우리가 이미 알고 있는 CRUD..!
API서버에서 CRUD를 해보자!

3. CRUD 기능이 탑재된 API 서버
모든 유저 정보: [GET] ‘/users’
특정 유저 정보: [GET] ‘/users/:id’
새로운 유저 만들기: [POST] ‘/users’
특정 유저 수정: [PATCH] ‘/users/:id’
특정 유저 삭제: [DELETE] ‘/users/:id’
https://railscrudapi.herokuapp.com

4. User
id / email / name / password

6. 실습1
포스트맨을 통해서
API서버에서 CRUD를 마음껏 해보자!

7. 프론트엔드
백엔드
요청 응답

8. 이제 ‘프론트’에서
API서버 CRUD를 해보자!

9. 1) Ajax로 users 가져와서
콘솔에 찍기

11. 페이지가 로드 되자 마자 start함수 실행!

13. 2) 가져온 데이터
뿌려주기

17. 3) 유저 생성하기

24. -일단 여기까지-
2인 1조로 코드 분석

25. 모두 이해가 된 사람은
‘만들기’ 눌렀을 때
모든 유저들 정보를 새로 가져와서
뿌려주게 만들기!

27. 4) 유저 삭제하기
실습2
난이도: ★ ★ ★ ★☆
4인 1조 ㄱㄱ

29. 시나리오
1) 유저 옆에 삭제 버튼 생성
2) 버튼 눌렀을 때 삭제하는 함수 만들기
*유저 삭제 땐 뭐가 필요하더라? User의 Id
해당 User의 Id를 어떻게 함수로 넘길 수 있을까?
3) 삭제 누르면 새로 모든 user 리스트를 가져옴

30. https://github.com/Rocket-Hyun/__HTML__ajax-example
깃헙
실습 할 땐 보지마세염

31. 이제 프론트는 끝!
다른 프론트들도 다 이와 같은 방식!

32. 프론트엔드
백엔드
요청 응답

34. https://github.com/Rocket-Hyun/__RailsAPI__Basic-CRUD
레일즈 깃헙
2인 1조 해서 코드 이해
클론 받아서
app/controllers/users_controller.rb 파일 확인

44. 레일즈 api 가지고 놀기!

45. 일반 레일즈 레일즈 APIVS

46. M
V C
일반 레일즈

47. M
C
레일즈 API
V

48. 레일즈 API일반 레일즈

49. 레일즈 API일반 레일즈

50. <<<<
훨씬 빠르다
API

51. * C9 환경 기준
나의 레일즈 api 만들기
Thanks to 양곤쓰~

52. 우선 Rails를 5로 업그레이드 하고
--api 명령어로 레일즈 프로젝트 재 생성

53. 1) Gemfile 수정

54. 2) Bundle update rails

56. 3) .c9 빼고 모든 폴더 삭제

57. 4) rails new . --api
현재 폴더에 만들겠다!

58. 다음 주
카카오톡 봇 개발 ㄱㄱ
*카카오톡 봇이 무엇인지 모르겠다면?
라이언봇 친추 ㄱㄱㄱ