오늘의 목표
api
데이터베이스 찍먹
노드js 서버 만들기
(자바스크립트 실행기)
오픈api
구글에 public api 검색 후 깃허브 사이트 입장
auth는 뭔가 자격이 필요함(회원가입 등)
https axios 요청시 https로 접속
cors cross origin(원래요청) Resource Sharing
네이버(origin)->카카오 백엔드 옮기니까 cross origin이라고 함
즉 우리가 다른 회사의 백엔드에서 요청이 된다
브라우저에서 차단하는 거고 모바일에서는 가능함
백엔드에서 백엔드로 가능함
브라우저에서만 안하면 됨 NO라고 되있으면
오픈api열기
포스트맨 -> get 요청
원리
저장소에 다운되있는 것을 주소 형태로 불러와서 보여줌
브라우저가 백엔드(프론트엔드) 서버 컴퓨터에 접속해서
html,css를 브라우저가 받아오고 브라우저 화면에 그림
그러면 img src 에 주소가 있는데 그 주소에 접속해서 다운로드 받아옴
1차로 html,css,js를 받아오고 그 다음 사진 주소로 접속해서 다운받아옴
const [dogUrl, setDogUrl] = useState("");
useEffect(() => {
const aaa = async () => {
const result = await axios.get("https://dog.ceo/api/breeds/image/random");
setDogUrl(result.data.message);
};
aaa();
}, []);
사용하나 너무 어려워서 react-query를 사용함
사진용량이 ㅈㄴ 크기 때문에 webp라는 것을 사용하고 jpg to webp라고 검색하면 됨
nosql 몽고디비, 파이어베이스, 레디스
sql 오라클 ,마이시퀄, 로우포스트그레스
SQL-Query문
백에서 디비로 정보를 불러오는 명령어
이걸 과거에는 다 불렀는데 요즘은 자동으로 됨
그걸 ORM(SQL-RDB용), ODM(NoSQL용)이라고 부르며 백엔드 컴퓨터에 설치함
ORM Object Relation Mapping 종류는 sequalize(자바스크립트), typeorm(타입스크립트)
ODM Object Document Mapping 종류 Mongoose
객체를 하나 만들고 뒤에 붙히기만 하면 됨
Board.find()하면 다 찾아줌
Board.inser()하면 다 등록됨
SQL(RDB)
NoSQL(DocumentDB)
- DB접속해서 안에 데이터 확인해 보기
- 나만의 DB 접속해보기포트번호 (5014)
- 백엔드에서 DB 접속하기(nodeJS)
- 백엔드에서 소스코드 작성(게시판테이블작성)
- api만들기
dbeaver 데이터베이스 관리프로그램 다운
좌상단 콘센트 + 코끼리 클릭
노드로 자바스크립트 실행하기
node 파일명
index.ts
synchronize true 클래스와 디비와 동기화
logging 쿼리문 날리는것 로그로 확인가능
