잡단한것들 (75) 썸네일형 리스트형 팝업 오픈 팝업 오픈 클로즈 팝업!!! 팝업 닫기 key이벤트 테스트 게임 서버 프로그래밍 패킷 : 네트워크를 통해 전송하기 쉽도록 자른 데이터의 전송단위 TCP소켓 : 순서 보장, 3way-handshake 패킷의 도착 유무를 확인하므로 UDP에 비해 속도 느림 UDP소켓 : 순서 비보장, 패킷이 도착할지 보장 해주지 않음 평균 7% 정도의 데이터 유실이 있는듯 인터넷 환경은 100ms 정도의 물리적한계가 있음, 사용자는 보통 200ms 이상의 레이턴시가 있을시 게임플레이의 버벅임을 느낌 이러한 레이턴시를 어떻게? 줄일것인가 - delay - rollback (만들기 어려움): 트레이서 같은것 중계서버가 모든 플레이어의 입력을 받아 처리 후 플레이어에게 데이터 보내기 or P2P방식(방장을 기준으로 데이터 교환) scale-up : 서버 장비의 성능을 기존보다 더 고사양으로 교체하는것 sca.. 마크다운 작성법 종합 https://github.com/kimzerovirus/TIL/blob/main/Markdown/README.md GitHub - kimzerovirus/TIL: 📚 Today I Learned 📚 Today I Learned. Contribute to kimzerovirus/TIL development by creating an account on GitHub. github.com test 소프트 웨어 테스트 - 화면이 잘 그려지는가? - 기능이 잘 동작하는가? 시나리오 테스트 puppeteer Deploying to github pages (React, Vue) yarn add --dev gh-pages @types/gh-pages "scripts": { ... "predeploy": "yarn build", "deploy": "gh-pages -d build" } "homepage": "https://ID.github.io/repo명" in package.json yarn deploy https://create-react-app.dev/docs/deployment/#github-pages vue.config.js파일에 publicPath:"/git repo name" , outputDir: "./docs" 로 설정하고 pages설정시 root가 아닌 ./docs폴더로 경로를 잡아준다 shell파일을 만들어서 실행시.. 웹 접근성 https://muchtrans.com/translations/what-i-ve-learned-about-accessibility-in-spas.ko.html SPA에서의 접근성에 대해 배운 것들 However, I've found that, especially for screen reader accessibility, there is no substitute for testing in an actual browser with an actual screen reader. It gives you the exact experience that a screen reader user would have, and it helps build empathy f muchtrans.com https://elvanov.c.. 12칼럼 그리드 시스템 1080px 12col grid (1col=10+70+10) 1180px 12col grid (1col=10+80+10) 1320px 12col grid (1col=20+70+20) 1440px 12col grid (1col=20+80+20) 전체 가로폭 1180px (한 칼럼은 10(여백) + 80 + 10(여백, 거터) = 100 이지만 양 끝의 여백은 안잡히므로 10 * 2만큼 빼야된다 따라서 ... 100 * 12 - 10 * 2) - 세로로 2개로 분할되는 영역일 때에는 580px 20px 580px - 세로로 3개로 분할되는 영역일 때에는 380px 20px 380px 20px 380px - 세로로 4개로 분할되는 영역일 때에는 280px 20px 280px 20px 280px 20px 280.. 이전 1 2 3 4 5 ··· 10 다음