코드캠프 FE 17일차 - TIL(Public-API, Database / ORM, Node.js)

space's pace·2022년 5월 31일
0

📔 학습목표

  1. API >> Open-API / Public-API
  2. 데이터베이스? >> Database / ORM
  3. Node.js 활용해서 백엔드 서버 >> Node.js

- 오늘은 코드리뷰 없음!

https (자물쇠) 보안적으로 안전하게 되있다 이런 뜻 http '주의요함' https보다 덜 안전하다

auth : api를 제공해주는 사이트 , 회원가입 인증을 해야한다 이러면 (apikey, oauth- 소셜로그인)


하나는 무료 api 사용
나의 메뉴에는 api를 사용해서 만들 예정임
firebase? 를 이용해서
특정 서비스 만들기


실습해보기


dog API ![](https://velog.velcdn.com/images/space086/post/7e9a358c-e5fd-46d7-93d3-3aa2086b8264/image.png)

스토리지에 업로드하면 다운로드할수 있는 주소가 생긴다.
해당 주소를 브라우저에 입력을 하면
저장공간에 가서 다운받아오는거임

스테이트가 바뀌고 그렇게되면 리렌더링이 되는데
그럼 무한렌더링이 되는거임
내가 클릭하고 딱 한번만 실행하도록 해야한다.

*useEffect

한번만 실행되도록 대괄호를 치고 안에

react-query
레스트에이피아이 쓴다 이러면 리액트 쿼리를 보통쓴다.

리액트쿼리, 아폴로 클라이언트 에 직접스테이트를 저장해서

글로벌 스테이트



백엔드

프론트 yarn dev가 24시간 켜져있어야만 브라우저에 접속할 수 있는거
백엔드 yarn dev가 24시간 켜져있어야만 서버에 요청할 수 있다.

백엔드 프로그램,프론트엔드 프로그램, DB 모두 컴퓨터다.

DB도 24시간동안 켜져있어야 한다.

셋 중 하나라도 접속이 되있지 않다면, 브라우저 실행이 안 된다.

프로세스

브라우저에 접속해서 데이터를 받아옴

DB

표(table) 에 넣는 방식을 'SQL'
: 관계형 데이터 베이스(RDB)

  • 행(row)
  • 열 (column) 서로 다른 표를 이어줄 때

    보드에 작성자 열을 새로 작성해서 유저의 번호랑 연결한다.

서류(collection)에 넣는 방식을 'SQL'

<= 문서(document)

SQL 의 대표적인 것들
Oracle, MySQL, Mssql,postgresql

NoSQL 의 대표적인 것들
mongodb,firebase

오브젝트 릴레이션 맵핑
오브젝트 다큐먼트 맵핑
(내가 만든 오브젝트를 문서에 맵핑시켜 줄게)

데이터베이스 관리 프로그램
DBeaver
데이터베이스 x , 관리 프로그램임.
디비버 설치 - 접속
컴퓨터 아이피 주소랑 비밀번호
컴퓨터 아이디랑 주소 비번 받아내기

host: 34.64.124.242
port: 5432
password: postgres2022

ts- node
  1. API (함수) 만들기
  2. DB 접속하기
profile
블로그 이사 준비중!

0개의 댓글