728x90 분류 전체보기153 50. 백엔드 구조이해 프론트엔드와 백엔드 전체 구조 이해 (+Admin) 직원적용 - 유저전용 사이트 그래서 회사에 가면 최소 2개의 사이트를 만든다 사장님 전용 등.. 직원적용이나 사장님전용에 들어가서 물건을 올리거나 가격을 변경하면 DB에 저장되어 유저전용 페이지에 변경이 된다 철수가 페이지에 들어가면 프론트엔드에서 html, css, js를 가져온다 다음에 백엔드로 가서 useQuery의 데이터를 DB로 가서 가져온다 요즘은 컴퓨터가 총 4대가 필요하다 서버프로그램 누군가 접속을 받아주기 위해 기다려주는 프로그램 프론트엔드/백엔드 서버 = 프론트엔드/백엔드 서버가 깔려있는 컴퓨터구나~ 24시간 DB서버 프로그램이 항상 켜져있어야 한다 서버개발자 = 백엔드 포트번호는 0 - 65535까지 있다 데이터베이스 SQL vs N.. 2023. 2. 16. 49. open api 실무, cors 에러 open-api cors와 proxy서버 이해 (+ sop, preflight-request / options 및 브라우저 차단 프로세스) 예전에는 엄격하게 사용하였다 짝이 있듯이. 요즘은 CORS 허용(Yes)을 하면 다른 사이트에서도 사용이 가능하다 preflight + CORS를 물어본다 proxy server = 대리 서버 CORS를 브라우저에서 차단하는 이유 => 브라우저쿠키 CSRF 쿠키에 저장하면 자동으로 따라다닌다 2023. 2. 16. 48. open-api open-api = public-api useQuery를 도와주는 React Query https://github.com/public-apis/public-apis Auth = 로그인, 회원가입을 사용할 수 있는 것 No면 상관없음 HTTPS = 보안이 안정적으로 되어 있는지 CORS = 크로스 오리진 리소스 쉐어링 요청사이트 = api 요청사이트 mysite.com F에서 네이버 B에 요청을 한다? = 오리진이 크로스 되었다 이렇게 Yes라고 되어 있으면 내가 요청해서 받아갈 수 있는 것 No도 받는 방법이 있다 2023. 2. 14. 45. 무한스크롤 fetchMore 4페이지가 없다면 npm yarn add react-infinite-scroller (yarn add --dev @types/react-infinite-scroller) yarn add react-infinite-scroll-component 공통 스테이트 = globalState 스크롤을 화면 안으로 하려면? 2023. 2. 14. 42. state 끌어올리기 state끌어올리기 단반향 구조이기 때문 카운트 올리기를 클릭하면 부모에서 내려왔기 때문에 컴포넌트2도 변할텐데.. 해결방법은? setState를 props로 받아온다 와 는 JSX라서 필수로 해야 하기 때문에 사용 div는 박스 2023. 2. 14. 41. 페이지네이션 el = fetchBoards에서 map으로 꺼냈을 때, 그 안에 어떤 타입인지 몰라서 빨간 줄이 뜬다. 왼쪽 = data에 대한 타입 오른쪽 = (FETCH_BOARDS) 이 안에 들어갈 타입 currentTarget = 클릭 했을 때 타겟 id가 빨간색인 이유 = id는 HTML이라서 숫자가 못들어감. 그래서 String을 넣어야함 new를 빼도 됨 el은 사용하지 않아서 흐린 것 이런 el을 사용하지 않을 때는 _ 언더바로 바꾼다 _ = 뭔지 모르겠지만 안쓰는거구나~ 없애면 안됨 = 위치가 있기 때문 이전 페이지, 다음 페이지 화살표 index는 무조건 0~9 여기에 +1이 된것 마우스 있는 부분이 10단위로 바뀌게 하면 된다 마지막 페이지 조건부 렌더링 시작페이지 마지막페이지 마.. 2023. 2. 14. 이전 1 ··· 10 11 12 13 14 15 16 ··· 26 다음 728x90
