https://backlog.com/git-tutorial/kr/stepup/stepup2_4.html 누구나 쉽게 이해할 수 있는 Git 입문~버전 관리를 완벽하게 이용해보자~ | Backlog 누구나 쉽게 알 수 있는 Git에 입문하신 것을 환영합니다. Git을 사용해 버전 관리를 할 수 있도록 함께 공부해봅시다! backlog.com 이 깃몽키 하나만 봐주면 브랜치생성,병합 문제없다! 또한 https://ifuwanna.tistory.com/284 [Git] 브랜치 삭제 하기 ( git branch ) 생성된 로컬 브랜치와 원격 브랜치를 삭제하는 방법에 대하여 간단히 포스팅 합니다. 먼저 생성되어 있는 브랜치 목록 확인해 보겠습니다. (master)$ git branch -a * master new..
https://flykimjiwon.tistory.com/74 좌우 흔들리는 건배효과 (cheers!) 이 그림을 사용해서 좌우로 흔들리는 건배효과를 만들고싶었다. 채팅창에서 버튼을클릭하면 모든 사용자에게 보여주고 싶었기 때문! 우선 작업을 하는건 둘째치고 기본적인 베이스에서 저그림 flykimjiwon.tistory.com 위와같이 버튼을누르면 모든창에서 짠효과가 발동하게, 건배효과가 발동하게 만들었다. 기본은 html,css 베이스로만들었고 그걸 리액트에 적용시켰다. Cheers.css .ch{ position: relative; animation-name: example; animation-duration: 1s; animation-iteration-count: infinite; /* 이거무제한키워..
이 그림을 사용해서 좌우로 흔들리는 건배효과를 만들고싶었다. 채팅창에서 버튼을클릭하면 모든 사용자에게 보여주고 싶었기 때문! 우선 작업을 하는건 둘째치고 기본적인 베이스에서 저그림을 좌우로 흔들리게 해줘야함 처음 아이디어는 codepen.io의 제이쿼리로 만들어진 congrats효과에서 영감을 받았다. 그래서 react에서 제이쿼리를 사용할 수 있는지 찾아보다가 방법은 알아냈지만 안에들어있는 플러그인이 너무 옛날거라? 그냥 html파일에서는 사용할 수 있지만 react에 설치해서는 사용할 수가 없더라 후...! 그래서그냥, 직접만들기로했다. https://www.w3schools.com/css/css3_animations.asp CSS Animations W3Schools offers free onlin..
https://stackoverflow.com/questions/37669391/how-to-get-rid-of-underline-for-link-component-of-react-router How to get rid of underline for Link component of React Router? I have the following: How do I get rid of the blue underline? The code is below: Team 1
https://developer.mozilla.org/ko/docs/Web/CSS/border border - CSS: Cascading Style Sheets | MDN CSS border 단축 속성은 요소의 테두리를 설정합니다. border-width, border-style, border-color의 값을 설정합니다. developer.mozilla.org https://developer.mozilla.org/ko/docs/Web/CSS/border-style border-style - CSS: Cascading Style Sheets | MDN border-style CSS 단축 속성은 요소 테두리 네 면의 스타일을 지정합니다. developer.mozilla.org https://develope..
요약하면 이러했다. FE 브랜치에서 kimjiwon branch를 만들어서 사용하고 있엇는데 FE 브랜치로 kimjiwon 브랜치를 머지하려는순간 오류가났다 이유는 아주간단 머지하려는 부모 브랜치를 pull하지않고 진행했기때문! 해결은 간단히 그냥 pull다시하고 git add. git commit 다시하고 push해서 진행했다! 물론 컨플릭트 발생한것역시 해결 https://backlog.com/git-tutorial/kr/stepup/stepup2_4.html 누구나 쉽게 이해할 수 있는 Git 입문~버전 관리를 완벽하게 이용해보자~ | Backlog 누구나 쉽게 알 수 있는 Git에 입문하신 것을 환영합니다. Git을 사용해 버전 관리를 할 수 있도록 함께 공부해봅시다! backlog.com 원숭이..
구현한 첫번째, 그리고 두번째 화면은 다음과 같다. 1.라우터를 사용해 다른 페이지로 자료를 props로 전달해 만든방식 2.한페이지내에서 modal로 동작하는방식 2가지를 만들었다. 영상채팅방에서 부가기능으로 쓰려고 로직만 짜려고 만들다가 설명을위해 아예 만들어버리는게 편할거 같아서 만들었는데 추후 어디 이식해서 사용하기 좋을거같다. 물론 급하게 대충만들어서 useState도 막 짜놓긴했지만 필요할때 가져다 사용하면 좋을거같다. - 배열랜덤셔플 - 타이머함수 두가지를 다른곳에서 가져와서 사용했기에 그역시도 나중에 참고하면 좋을듯한 로직이다! https://github.com/flykimjiwon/react-Liargame
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을 사용해 게임 트리거를 구현하려고했는데 그러면 특정상대방에게 특정 이벤트를 발생시켜야만 했다. 마피아 게임과도 유사하지만 그보단 단순한 로직의 라이어게임을 구현하는건데 여튼..! 처음에는 채팅으로만 가능..