728x90 c.c46 56. 이미지 업로드 프로세스 이해 및 실습 다이나믹 임폴드 클릭할 때 해당하는 함수가 실행하여 다운을 받는다 Network탭에서 이미지 받아오는 순서 이미지 업로드 html을 먼저 가져오고 다음에 css, js를 받아온다 사진은 용량이 커서 따로 사진전용컴퓨터가 있는 곳도 있다 DB에도 가능하다 DB에는 텍스트가 되는데 사진이 가능하다? BLOB으로 가능하다 BLOB = 블랍, 비랍 Binary Large Object 이진 큰 오브젝트 이진 = 0101.. 이렇게 사진 업로드 하고 다운로드 주소 만들어내고.. 그 주소에 접속하면 다운받게 해주고.. 이렇게 만드는게 귀찮다 그래서 이런것들을 서비스 형태로 제공해주는 회사가 aws, acp, azure = 클라우드 = 컴퓨터 빌려두는 역할, 기타 서비스 제공 역할 클라우드 프로바이더(Provider).. 2023. 2. 20. 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. 이전 1 ··· 3 4 5 6 7 8 다음 728x90
