220531 프론트엔드 부트캠프 21일차 : [Backend]Open-API, DB / 태그

1. Open-API / Public-API
2. DB구경 - Database / ORM
3. Node.js 활용해서 백엔드 서버 만들기

  Open-API 

https (자물쇠 걸린, 안전한) http (주의 요함!)
Auth(오쓰) - 제공하는 사이트에서 회원 가입 해야하는지? 절차 거쳐야 하는지?
cors - No인 경우 브라우저에서는 api 사용 불가능(모바일앱 가능)

나의 메뉴2, 나의 메뉴, 게시판, 중고마켓, 마이페이지
여기서 나의 메뉴2에 파이어베이스(백엔드 개발자 없이 프론트 개발자에서 바로 데이터 베이스에 데이터를 저장하는 도구) 이용해서 서비스 하나를 만들어볼 것임~

📺 useEffect 사용하여 데이터 받아오기(옛날 사용 방법)
1. state를 만든다.
2. api 요청하고 그 결과를 result 에 담음
3. setState 이용해서 result에 있는 값을 state에 담음
4. state가 바뀌면서 리렌더링 되어 다시 useEffect가 실행된다(2번 부터~).
-> 무한 렌더링 엔딩🥹 하지 말라는 뜻

시작하자마자 한 번만! 실행되고 의존성 배열에 의해 그 후 실행여부를 결정하고 싶을 때,
async, await를 사용하는데 useEffect에 바로 붙일 순 없고, 안에 함수를 하나 더 만들어서 그 함수에 async, await를 붙이고 그 함수를 호출하는 방법으로 사용한다.

  Library 흐름 

graphql - apollo
rest - redux -> mobX -> swr -> react query

  Backend

ODM, ORM
우리는 객체 가지고 만들어
relation data base → ORM
document data base → ODM
ORM sequalize(자바 스크립트)
typeorm(타입 스크립트)

DBeaver는 데이터 베이스x 데이터 베이스 관리하는 프로그램
서버 프로그램은 반드시 하나의 포트를 가진다.

자바스크립트 실행시키는 도구 - 브라우저, Node.js




오늘 코드리뷰 시간은 완전 알찼다! 진짜루~~~
만들어보고 싶어서 바로 만들었다. UI는 하나도 안 했다 아직ㅎㅎ 왜냐면 레이아웃 구성도 못 짰기 때문이다... 진짜 시간이 없는데 디자인이 맨날 바껴서 미칠 노릇이라 기능부터 하는 중 ㅠㅠ

x누르면 지워진다구~~~

https://agify.io/#overview

아직 꾸미는 거 하나도 안 했지만 ~ 괜히 뿌듯^ㅁ^

사이드바가 한 번에 똬 들어가서 우와 했는데 음... 어떻게 커스텀하는지 모르겠고ㅠㅠ css파일까지 뒤져들어가니 코드가 한 줄로 되어있고(????) demo에선 접고 열 수 있었는데 접는 것도 안돼서 다른 사이드바 라이브러리 몇 개 더 적용해보다가 내가 못 찾는거구나 싶어서 일단 포기했다. 약간 자괴감 올 뻔 한 걸 참았다. . .. 아직 라이브러리 쓰는 법이 서툴다. 아 그리고 이런 사이드바를 햄버거 사이드바라고 하는 것 같다. 접었다 폈다 하는 모양이 햄버거 모양이라서? 아마두 🤫

오늘 점심 본죽 비빔밥~~~

굉장히 비싸군... 어떻게 다들 이런 점심을 먹으면서 살아가는거죠?! 급식이 싫으면서도 그리워

굵게 해제가 안돼 왜지...? 오늘은 강조하는 느낌으로 써보겠다.

오늘 지각했으면 진짜 나는... 내 발로 나왔을지도 모른다... 오늘은 출입증도 안 갖고 와서ㅋㅋ ..ㅋ 밥 먹고 병원 다녀와야 하는데 PF님이 출입증 빌려주셨다..ㅠ_ㅠ감사합니다// 의사 선생님이 약 다 먹었냐고 물어보시면 ㅎㅎ아뇨.. 하고 머쓱하게 웃는게 반복되고 있다. 이번엔 먹는 약 아니였고 나한테 안 맞아서 못 쓴 거지만ㅠㅠ 약 아까워... 아무튼 여기서도 딱히 원인을 찾지 못했고~ 많이 아프면 다시 가기로 !

요즘 계속 학원에서 집중을 못하고 있다. 근데 오늘은 집에서도 꽤 괜찮았다. 문제가 있다면 키보드 안 갖고 온 것, 연결한 모니터 위치가 좌우가 반대라 마우스 움직이는 게 적응이 안되는 점... '_'빨리 다시 학원에서 공부하는 버릇을 들여야할텐데! 그리고 다른 사람이랑 비교하지말자 🙂

숙제 제출 했나요? 아뇨 지금 할게요 했어요

깃애드 깃커밋 깃푸쉬 했나요? 네

마그네슘 먹었나요? 네

블로그 썼나요? 네

손일기 썼나요? 11시 50분부터 쓸 예정

오늘 들은 노래는 뭔가요? I hate you, Better and better, Flowering, A Book of Love, 행운을 빌어줘 오늘은 새로운 노래들~ 그냥 유튜브 알고리즘 따라 들음😗 휴대폰 영어로 바꿔놨더니 노래 제목이 죄다 영어로 떠서 한글 제목이 뭔지는 알 수가 없다...

오늘 공부 시간 ? 알고리즘 1시간 37분 숙제, 프리보드 5시간 20분