API [http] REST API software 아키텍처 - REST REST - Representational State Transfer 는 정확히는 아키텍처 원리를 의미하는데, (REST 외에 SOAP, Graphql, GRPC 등이 있다) 프로젝트를 진행할 때 다양한 step이 존재하고, 어느 정도 API 구현이 완료되면 프론트와 논의하여 uri를 포함, headers, 상태코드 등을 작성하게 된다. 응답: 200,2... APIRESTpath parameterBackendquery parameterhttpAPI 블로그용 API 만들기-2 routes/users.js 수정은 업데이트이므로 put 메서드를 사용한다. 삭제는 delete 메서드를 사용한다. router.put("/:id", api/users/123456 서버가 가지고 있는 UserId 라우트 파라미터가 가지고 있는 id(정보수정 페이지로 넘어올때 url에 넘긴 id값을 캡쳐해온다)와 (api/users/:id) 요청body안의 UserId와 비교한다. 같다면 업데... APInodejsexpressjsmongodbmongooseAPI 블로그 API 클라이언트와 연결하기 -1- const [posts, setPosts] = useState([]); axios.get("/")은 fetchAPI 처럼 async await을 사용할 수 있다. 이렇게 하면 get url을 단축해서 사용할 수 있다. http://localhost:5000/api/post ---> /post Home ---> Posts <Posts> 컴포넌트에 프롭으로 보낸다. Posts ---> Post ... APInodejsaxioscorsReactAPI Open-API / Public-API : open API를 제공하는 사이트를 모아놓은 링크 Auth apiKey: 키(로그인) 필요 HTTPS yes: HTTPS로 데이터 요청해야한다. CORS: Cross Origin Resource Sharing yes : 다른 origin에서 데이터를 가져올 수 있다. 데이터 조회 가능! no : 모바일이나 백엔드 등 브라우저가 아닌 환경에서 요청하면 가능 / 브라우저에서 데이터 조회 요청... ReactAPIAPI 블로그 API 클라이언트와 연결하기 -2- 회원가입 페이지 아무정보도 없이 회원가입 요청을 보냈을때 응답 --->클라이언트에서 에러핸들링 (정보를 입력해달라는 메시지) 정보를 모두 입력했을때 같은정보로 한번 더 회원가입 했을때 ---> 라우터에서 에러핸들링 (username, email 이 중복될때 조건 추가, 문맥에 맞는 err제공) 에러핸들링 try..catch로 console.log(err) const [error,setErro... useRefAPInodejsDispatchreducercontextAPIReactAPI 스파르타 웹개발종합반 열한번째 날 일기(5-9~19) AWS 서버 구매하기 > 서버 세팅하기 > flask 서버를 실행해보기 > AWS에서 포트 열어주기 > 원페이지쇼핑몰 업로드해보기 > 포트포워딩 > nohup 설정하기 > 도메인 구입하기 > og 태그 AWS 서버 구매하기 1) EC2에 접속하기 gitbash 실행 후 아래 내용 입력 서버 세팅하기 *5주차 강의자료 참고 2) 서버 환경 통일하기 *제공되는 <EC2 한방에 세팅하기> 파일을 ... API스파르타코딩배포코딩FlaskAPI ☀️ BE TIL Day 17 0405 ⬇️ Main Note 🌿 Type settings isSoldout is in a boolean type, which the default value is written as false. When isSoldout changes into true, then the user cannot edit the product. 🌿 Entity Query Settings ⬇️ command shortc... APIDatabaseCRUD APIBackenddockerdbeaverAPI 블로그용 API 만들기 - 完 - 카테고리 스키마/ 모델로 내보내기 카테고리 라우터 작성 index.js에 라우터 불러오기 const newCat = new Category(req.body); ---> 카테고리 모델 생성자로 새 카테고리 몽구스 문서를 만든다. const savedCat = await newCat.save(); ---> DB에 저장 응답 테스트 MongoDB 설치 npm install multer 파일업로드를... APInodejsmulterexpressjsmongooseAPI 우당탕탕 늑개 Database #9 - 사용자 관리 사용자에 따라서 접근할 수 있는 데이터와 사용할 수 있는 기능을 제한 사용자를 생성하고 권한을 부여하는 명령어 사용자의 제한 데이터 베이스 서버에 접속하는 사용자 제한 ID@host 대상의 제한 모든 데이터베이스와 테이블을 제어 대상으로 할 때는 '*' 사용 권한(기능)의 제한 사용할 수 있는 권한을 제한 권한 SELECT, INSERT, UPDATE, DELETE ALTER, CREATE,... sqlAPIDatabaseAPI [04] Rest API vs Graphql API API란 HTTP 요청을 Back-end 컴퓨터에 보냈을 때 실행되는 Back-end기능임 여러개의 데이터를 저장하고 싶으면 여러개의 http 라는 길이 존재 해야 하고 각각의 요청마다 담당자가 있는데 이 담당자들을 API라고 함. API는 함수이고 인자와 return 데이터가 존재함 API에 요청을 할 때 보내는 데이터는 API 함수에 들어갈 인자이고 응답으로 받는 데이터를 return이다... APIAPI 드디어 마주친 작심삼일? 그럼 내일은 또 다시 작심일일 시작하자! (Code camp FE 6기) 이렇게 바로바로 치면서 도출값을 볼 수 있기때문에, 오류가 있는지 없는지 바로바로 확인할수 있다 ! - http Request, Response 텍스트/하이퍼텍스트(HTML)의 길 - HTTP - API 프론트엔드는 해당 API에 저장을 요청할 수 있다. (백엔드의 API는 사실 하나의 함수라고 한다 SaveProfile()과 같은...) 백엔드에서 어떠한 형식으로 API를 만들어 주는가! ... graphqlPlayground프론트엔드algorithmjsonSwagger202203REST코드캠프6기CRUDpostmanAPI202203 스파르타 웹개발 종합반 4주차 강의 개발일지 숙제에서 할 것 1) API 정보 만들기 2) API 정보 불러오기 -> 웹페이지에서 주문 정보를 입력하고 서버는 DB로 정보를 저장한다. -> 저장된 주문 정보 전체 리스트를 페이지 하단에 표시한다. 코드 1) app.py 2) index.html 마치며 처음에는 전체적인 그림이 보이지 않았고, 쉬웠던 숙제는 아니었다. 그래서 이전 연습 문제의 코드를 따라썼고 답안도 보면서 숙제를 했다. ... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 4-3 File IO - 시스템 함수 (과제-1) 프로세스가 파일을 다룰 때 사용하는 개념으로, 프로세스에서 특정 파일에 접근할 때 사용하는 추상적인 값입니다. REG파일, DIR, 소켓, 파이프, 블록 디바이스, 캐릭터 디바이스 등 모든 객체들을 파일로 관리하는데, 프로세스가 이 파일들에 접근할 때 파일 디스크립터를 이용합니다. 프로세스가 실행 중에 파일을 Open하면, 커널은 해당 프로세스의 파일 디스크립터 숫자 중 사용하지 않는 가장 ... APIAPI 4주차 막을 내리다! 4주차를 끝냈다...! 초반에 서버와 클라이언트 관계를 이해를 못해서 계속 4-5 강의 동영상만 돌리고 돌리고 하다가 어느순간 딱 이해가 됐을 때 그 기쁨은.. 말로 표현할 수가 없다. 난 기억력이 나쁘기 때문에 곧바로 내가 이해한 내용을 벨로그에 올렸다. 또 내가 아는걸 쓰니까 뭔가 많이 정리가 되고 더 깊숙히 이해가 된 느낌이다! 예시 프로젝트를 만들 때 쌤이 무엇을 얘기 하는지 알아 들... FlaskGETserverAPIPOSTjqueryajaxAPI 서버 설계 키워드 : RestController, Service, Repository, RequestDto - domain 패키지 & 클래스 만들기 - Timestamped 상속 - Repository 인터페이스 만들기 - RequestDto 클래스 만들기 - service 패키지 & Service 클래스 - controller 패키지 & Controller 클래스... 서버API스프링웹API 7_ TDD로 하는 API 서버 개발 사용자 목룍 조회 API 테스트 코드 만들기 1 요구사항 성공 1) 유저 객체를 담은 배열로 응답한다 2) 최대 limit 갯수만큼 응답한다 • 실패 3) limit이 숫자형이 아니면 400을 응답한다 4) offset이 숫자형이 아니면 400을 응답한다 ( 데이터가 많을 경우, 잘라서 받는데 앞의 데이터를 몇 개 skip 하고 달라고 하는 경우가 있다. 이 때 skip한 갯수가 offset... InflearnAPIAPI Java_생활코딩-2021.11.11 import java.lang.*; System: 클래스 out: 클래스의 필드(변수), 객체 (필드가 메소드 가짐), static (System을 인스턴스화한적이 없음에도 불구하고 필드 out에 접근할 수 있음 println: 메소드 java.lang: 자바 프로그래밍을 하기 위해서 필수적인 클래스들을 모아둔 패키지 (자동으로 로딩) API: 시스템을 제어하기 위해서 자바에서 제공하는 명령... APIinterfaceJavaabstract생활코딩final접근제어자API HTTP method & JSON Hyper Text Transfer Protocol client는 server에 HTTP REQUEST를 보낸다. server는 해당 요청을 받아 HTTP RESPONSE를 client에게 보낸다. JavaScript Object Notation 매우 유사함을 알 수 있다. Name-value 형식의 쌍 {"key":"value"} 순서화된 리스트 형식 [value1, value2] 결과... jsonhttpAPIAPI 웹 개발 기초 2주차 Ajax 등 듣기는 많이 들었지만 한번도 사용해보지 않았던 것들을 활용해보는 시간을 가졌다. jQuery 시용하기 위해서는 1.jQuery 사용방법 2.자주 사용되는 jQuery 1) input 박스 값 가져오기 input박스의 id 값을 가리키고, val()로 값을 가져옴 (ex. $('#post-url').val();) 숨기기: div 그룹의 id 값을 가리키고, hide();(=css의... JavaScriptjqueryAPIajaxAPI
[http] REST API software 아키텍처 - REST REST - Representational State Transfer 는 정확히는 아키텍처 원리를 의미하는데, (REST 외에 SOAP, Graphql, GRPC 등이 있다) 프로젝트를 진행할 때 다양한 step이 존재하고, 어느 정도 API 구현이 완료되면 프론트와 논의하여 uri를 포함, headers, 상태코드 등을 작성하게 된다. 응답: 200,2... APIRESTpath parameterBackendquery parameterhttpAPI 블로그용 API 만들기-2 routes/users.js 수정은 업데이트이므로 put 메서드를 사용한다. 삭제는 delete 메서드를 사용한다. router.put("/:id", api/users/123456 서버가 가지고 있는 UserId 라우트 파라미터가 가지고 있는 id(정보수정 페이지로 넘어올때 url에 넘긴 id값을 캡쳐해온다)와 (api/users/:id) 요청body안의 UserId와 비교한다. 같다면 업데... APInodejsexpressjsmongodbmongooseAPI 블로그 API 클라이언트와 연결하기 -1- const [posts, setPosts] = useState([]); axios.get("/")은 fetchAPI 처럼 async await을 사용할 수 있다. 이렇게 하면 get url을 단축해서 사용할 수 있다. http://localhost:5000/api/post ---> /post Home ---> Posts <Posts> 컴포넌트에 프롭으로 보낸다. Posts ---> Post ... APInodejsaxioscorsReactAPI Open-API / Public-API : open API를 제공하는 사이트를 모아놓은 링크 Auth apiKey: 키(로그인) 필요 HTTPS yes: HTTPS로 데이터 요청해야한다. CORS: Cross Origin Resource Sharing yes : 다른 origin에서 데이터를 가져올 수 있다. 데이터 조회 가능! no : 모바일이나 백엔드 등 브라우저가 아닌 환경에서 요청하면 가능 / 브라우저에서 데이터 조회 요청... ReactAPIAPI 블로그 API 클라이언트와 연결하기 -2- 회원가입 페이지 아무정보도 없이 회원가입 요청을 보냈을때 응답 --->클라이언트에서 에러핸들링 (정보를 입력해달라는 메시지) 정보를 모두 입력했을때 같은정보로 한번 더 회원가입 했을때 ---> 라우터에서 에러핸들링 (username, email 이 중복될때 조건 추가, 문맥에 맞는 err제공) 에러핸들링 try..catch로 console.log(err) const [error,setErro... useRefAPInodejsDispatchreducercontextAPIReactAPI 스파르타 웹개발종합반 열한번째 날 일기(5-9~19) AWS 서버 구매하기 > 서버 세팅하기 > flask 서버를 실행해보기 > AWS에서 포트 열어주기 > 원페이지쇼핑몰 업로드해보기 > 포트포워딩 > nohup 설정하기 > 도메인 구입하기 > og 태그 AWS 서버 구매하기 1) EC2에 접속하기 gitbash 실행 후 아래 내용 입력 서버 세팅하기 *5주차 강의자료 참고 2) 서버 환경 통일하기 *제공되는 <EC2 한방에 세팅하기> 파일을 ... API스파르타코딩배포코딩FlaskAPI ☀️ BE TIL Day 17 0405 ⬇️ Main Note 🌿 Type settings isSoldout is in a boolean type, which the default value is written as false. When isSoldout changes into true, then the user cannot edit the product. 🌿 Entity Query Settings ⬇️ command shortc... APIDatabaseCRUD APIBackenddockerdbeaverAPI 블로그용 API 만들기 - 完 - 카테고리 스키마/ 모델로 내보내기 카테고리 라우터 작성 index.js에 라우터 불러오기 const newCat = new Category(req.body); ---> 카테고리 모델 생성자로 새 카테고리 몽구스 문서를 만든다. const savedCat = await newCat.save(); ---> DB에 저장 응답 테스트 MongoDB 설치 npm install multer 파일업로드를... APInodejsmulterexpressjsmongooseAPI 우당탕탕 늑개 Database #9 - 사용자 관리 사용자에 따라서 접근할 수 있는 데이터와 사용할 수 있는 기능을 제한 사용자를 생성하고 권한을 부여하는 명령어 사용자의 제한 데이터 베이스 서버에 접속하는 사용자 제한 ID@host 대상의 제한 모든 데이터베이스와 테이블을 제어 대상으로 할 때는 '*' 사용 권한(기능)의 제한 사용할 수 있는 권한을 제한 권한 SELECT, INSERT, UPDATE, DELETE ALTER, CREATE,... sqlAPIDatabaseAPI [04] Rest API vs Graphql API API란 HTTP 요청을 Back-end 컴퓨터에 보냈을 때 실행되는 Back-end기능임 여러개의 데이터를 저장하고 싶으면 여러개의 http 라는 길이 존재 해야 하고 각각의 요청마다 담당자가 있는데 이 담당자들을 API라고 함. API는 함수이고 인자와 return 데이터가 존재함 API에 요청을 할 때 보내는 데이터는 API 함수에 들어갈 인자이고 응답으로 받는 데이터를 return이다... APIAPI 드디어 마주친 작심삼일? 그럼 내일은 또 다시 작심일일 시작하자! (Code camp FE 6기) 이렇게 바로바로 치면서 도출값을 볼 수 있기때문에, 오류가 있는지 없는지 바로바로 확인할수 있다 ! - http Request, Response 텍스트/하이퍼텍스트(HTML)의 길 - HTTP - API 프론트엔드는 해당 API에 저장을 요청할 수 있다. (백엔드의 API는 사실 하나의 함수라고 한다 SaveProfile()과 같은...) 백엔드에서 어떠한 형식으로 API를 만들어 주는가! ... graphqlPlayground프론트엔드algorithmjsonSwagger202203REST코드캠프6기CRUDpostmanAPI202203 스파르타 웹개발 종합반 4주차 강의 개발일지 숙제에서 할 것 1) API 정보 만들기 2) API 정보 불러오기 -> 웹페이지에서 주문 정보를 입력하고 서버는 DB로 정보를 저장한다. -> 저장된 주문 정보 전체 리스트를 페이지 하단에 표시한다. 코드 1) app.py 2) index.html 마치며 처음에는 전체적인 그림이 보이지 않았고, 쉬웠던 숙제는 아니었다. 그래서 이전 연습 문제의 코드를 따라썼고 답안도 보면서 숙제를 했다. ... 스파르타코딩코딩웹개발종합반FlaskAPIAPI 4-3 File IO - 시스템 함수 (과제-1) 프로세스가 파일을 다룰 때 사용하는 개념으로, 프로세스에서 특정 파일에 접근할 때 사용하는 추상적인 값입니다. REG파일, DIR, 소켓, 파이프, 블록 디바이스, 캐릭터 디바이스 등 모든 객체들을 파일로 관리하는데, 프로세스가 이 파일들에 접근할 때 파일 디스크립터를 이용합니다. 프로세스가 실행 중에 파일을 Open하면, 커널은 해당 프로세스의 파일 디스크립터 숫자 중 사용하지 않는 가장 ... APIAPI 4주차 막을 내리다! 4주차를 끝냈다...! 초반에 서버와 클라이언트 관계를 이해를 못해서 계속 4-5 강의 동영상만 돌리고 돌리고 하다가 어느순간 딱 이해가 됐을 때 그 기쁨은.. 말로 표현할 수가 없다. 난 기억력이 나쁘기 때문에 곧바로 내가 이해한 내용을 벨로그에 올렸다. 또 내가 아는걸 쓰니까 뭔가 많이 정리가 되고 더 깊숙히 이해가 된 느낌이다! 예시 프로젝트를 만들 때 쌤이 무엇을 얘기 하는지 알아 들... FlaskGETserverAPIPOSTjqueryajaxAPI 서버 설계 키워드 : RestController, Service, Repository, RequestDto - domain 패키지 & 클래스 만들기 - Timestamped 상속 - Repository 인터페이스 만들기 - RequestDto 클래스 만들기 - service 패키지 & Service 클래스 - controller 패키지 & Controller 클래스... 서버API스프링웹API 7_ TDD로 하는 API 서버 개발 사용자 목룍 조회 API 테스트 코드 만들기 1 요구사항 성공 1) 유저 객체를 담은 배열로 응답한다 2) 최대 limit 갯수만큼 응답한다 • 실패 3) limit이 숫자형이 아니면 400을 응답한다 4) offset이 숫자형이 아니면 400을 응답한다 ( 데이터가 많을 경우, 잘라서 받는데 앞의 데이터를 몇 개 skip 하고 달라고 하는 경우가 있다. 이 때 skip한 갯수가 offset... InflearnAPIAPI Java_생활코딩-2021.11.11 import java.lang.*; System: 클래스 out: 클래스의 필드(변수), 객체 (필드가 메소드 가짐), static (System을 인스턴스화한적이 없음에도 불구하고 필드 out에 접근할 수 있음 println: 메소드 java.lang: 자바 프로그래밍을 하기 위해서 필수적인 클래스들을 모아둔 패키지 (자동으로 로딩) API: 시스템을 제어하기 위해서 자바에서 제공하는 명령... APIinterfaceJavaabstract생활코딩final접근제어자API HTTP method & JSON Hyper Text Transfer Protocol client는 server에 HTTP REQUEST를 보낸다. server는 해당 요청을 받아 HTTP RESPONSE를 client에게 보낸다. JavaScript Object Notation 매우 유사함을 알 수 있다. Name-value 형식의 쌍 {"key":"value"} 순서화된 리스트 형식 [value1, value2] 결과... jsonhttpAPIAPI 웹 개발 기초 2주차 Ajax 등 듣기는 많이 들었지만 한번도 사용해보지 않았던 것들을 활용해보는 시간을 가졌다. jQuery 시용하기 위해서는 1.jQuery 사용방법 2.자주 사용되는 jQuery 1) input 박스 값 가져오기 input박스의 id 값을 가리키고, val()로 값을 가져옴 (ex. $('#post-url').val();) 숨기기: div 그룹의 id 값을 가리키고, hide();(=css의... JavaScriptjqueryAPIajaxAPI