728x90 반응형 웹 만들기7 GoLangWeb-JsonTransfer 동일 자료 있는 사이트 https://github.com/3DPIT/golang/blob/master/05.GolangWeb/0727/2021%EB%85%8407%EC%9B%9427%EC%9D%BC-GoLangWeb_JsonTransfer.md GitHub - 3DPIT/golang Contribute to 3DPIT/golang development by creating an account on GitHub. github.com 2021. 7. 28. 랜딩페이지 비디오 나타내기 비디오 Template 만들고 몽고DB에서 데이터 가져오고 가져온 비디오 데이터 스크린에 출력 Use map() methods 랜딩 페이지에서 우선 이거 만들고 import React ,{useEffect} from 'react' useEffect(() => { Axios.get('/api/video/getVideos') .then(respones=>{ if(respones.data.success){ }else{ alert('비디오 가져오기를 실패 했습니다.') } }) }, []) 라우터 생성을 위해 server의 video.js 부분으로 갑니다. routes/video.js 부분에 router.post('/getVideos',(req,res)=>{ //비디오를 DB에서 가져와서 클라이언트에 보낸다. .. 2021. 3. 5. WEB 만들기 24 - Antd CSS Framwork 리액트를 위한 CSS 프레임 워크 종류 는 Material UI React Bootstrap Semantic UI Ant Design Materialize 이렇게 등이 있습니다. Ant Design 여기서는 이것을 사용할것이고 중국에서 만들어졌고, 단점은 사이즈가 크다는 점이 있다. 장점은 깔끔하고 엔터프라이즈 환경에서도 어울리는 디자인을 만들 수 있는 점이 있다. 가장큰 장점으로 생각되어지는것은 쓰기가 편하다. Material UI도 좋긴하지만 배우기 어렵다고 해서 일단 이걸루 ant.design/components/overview/ Components Overview - Ant Design antd provides plenty of UI components to enrich your web appli.. 2021. 1. 22. WEB 만들기 18 -CRA to Boilerplate 앞으로 만든 페이지를 만들기에 앞서서 폴더를 수정할것입니다. 지금은 이런 상태라고 하면 이런식으로 바꿀 예정입니다. 여기서 보시면 src 폴더안에 LandingPage 부분은 처음에 나오는 페이지를 작성할것입니다. App.js 부분은 라우팅 관련일 처리를 할것인데 이부분은 무엇이냐면 내가 로그인 관련 페이지에 가고 싶다고 하면 로그인 페이지로 갈수있게 그렇게 분류를 시켜줄 수 있는 것 HOC 는 컴포넌트 안에 이것은 펑션인데 다른 컴포넌트를 갖는 펑션이라고 생각하면되는데 Auth라는게 있는데 이게 어떤사람이 자격이 되는지 체크를 하는 곳인데 어떤 컴포넌트가있는데 그곳은 관리자만 들어갈 수 있다고 하자. 이 Auth에서 어떤사람이 들어오려고 할때 이곳에서 들어올 수 있는 사람인지 아닌지 체크해서 들어올수 .. 2021. 1. 20. 이전 1 2 다음 728x90 반응형
