본문 바로가기
반응형

웹개발정보12

Mui Appbar Link설정하기 Appbar링크관련해서 어디 나와있지않은데 일단 구현자체는 성공 이미만들어저 있는소스에다가 const pages = ['index', 'index2', 'page','page2']; const settings = ['Profile', 'Account', 'Dashboard', 'Logout']; const links = ['/','/index2','/page','/page2'] 이와같이 선언되어있는 Appbar에다가 links라는 배열을 하나 만들어주고 라우터 주소를 넣어줬다. {pages.map((page,i) => ( {page} ))} 그리고 이와같이 Appbar안에있는 Button을 Link로 감싸주고 map함수안에 인덱스를 넣어줘 Links[i]의 형태로 주소를 사용할 수 있게만들어서 구현했다... 2022. 3. 17.
깃랩에서 깃허브로 이사하기 깃랩에 완성된 프로젝트를 올려놓은게 많아서 전부 깃허브로 옮겨야할 필요를 느낌, 심지어 잔디까지 싹 옮겨 준다고한다. 1.새로운폴더에서 git bash로 열어주고 (터미널) 2.이전 장소의 bare clone을 만들어준다 git clone --bare 클론할 레포지토리주소 3.이사갈곳의 github주소를 넣어서 push해준다 git push --mirror 깃허브 새 레포주소 그리고 같은 이메일을 사용하거나, 등록하면 기타 오류는 거의 해결된다고한다. -참고한 사이트 두곳 1.https://blog.naver.com/mcoding777/222583635995 2.https://velog.io/@kyunglim_khang/gitlab%EC%97%90%EC%84%9C-github%EB%A1%9C-%EC%98.. 2022. 3. 2.
openVidu (Send text messages between users) https://docs.openvidu.io/en/stable/cheatsheet/send-messages/ Send text messages - OpenVidu Docs From here you can search these documents. Enter your search terms below. docs.openvidu.io 위의 문서를 참고했다. 프로젝트가 영상채팅에 관한내용인데 openvidu를 활용해 구현했다. 거두절미하고 유저간 귓말기능 구현이 필요했다. 귓말 기능을 쓴다기보단, signal을 사용해 게임 트리거를 구현하려고했는데 그러면 특정상대방에게 특정 이벤트를 발생시켜야만 했다. 마피아 게임과도 유사하지만 그보단 단순한 로직의 라이어게임을 구현하는건데 여튼..! 처음에는 채팅으로만 가능.. 2022. 2. 10.
웹디자인 관련 추천사이트 - 색상관련꿀팁 1.https://www.colorion.co/ Colorion Curated Color Palettes with Search and Tags Support www.colorion.co 2.https://2colors.colorion.co/ Two Color Combinations Two color combination palettes 2colors.colorion.co -아이콘 관련사이트 https://www.flaticon.com/free-icons/beer-cheers 863 Free icons of beer cheers Download over 863 icons of beer cheers in SVG, PSD, PNG, EPS format or as webfonts. Flatico.. 2022. 2. 10.
브라우저에 데이터를 저장하는 방법 F12를 눌러보면 indexedDB는 브라우저에 데이터를 영구적으로 저장할 수 있는 방법중 하나 네트워크 상태에 상관없이 풍부한 쿼리 기능을 이용할 수 있는 웹 어플리케이션을 만들 수 있다. 온오프라인 두곳에서 동작하게 만들 수있는것! (물론 초기화하거나 지우면 삭제된다!) key-value로 데이터를 관리한다. (transaction database) Local Storage, Session Storage의 가장 큰 차이는 영구성 Local Storage는 기기와 플랫폼이 허락하는한 데이터를 저장 Session Storage는 브라우저를 닫으면 데이터가 삭제됨 5~10MB사용 가능 Cookie 저장 가능한 공간의 크기가 매우 작고 텍스트 형태로 저장 만료시간 설정이 가능하다 요청에 실어서 서버로 전송하.. 2022. 2. 4.
openvidu 튜토리얼 설치하기 프로젝트하면서 쌩 쿠렌토랑, socket.io로 구현한 채팅으로 작업을 진행하다가 그저 뼈대만 만들어지게됨 그래서 이대로는 시간에 맞추지 못할거같아서 노선을 변경해 openvidu를 이용해서 진행해 보도록했고, 프론트를 담당했지만 그래도 다같이 각자 튜토리얼 한번씩은 해야겠다고 생각해서 나름 튜토리얼만 딱 진행해봤다. 로컬에서한번! aws에서한번! 우선 기록만 해본다. https://docs.openvidu.io/en/stable/ OpenVidu Docs From here you can search these documents. Enter your search terms below. docs.openvidu.io https://docs.openvidu.io/en/stable/tutorials/openv.. 2022. 2. 3.
반응형