728x90

분류 전체보기 224

[실습] 장보기체크리스트만들기

쇼핑을 할 때 체크리스트를 종종 가져가 잊지않고 사올 수 있도록 한다. 이런 경험을 바탕으로 장보기 체크리스트 페이지를 작성해보았다. 글씨체는 완도희망체B이다. 쇼핑체크리스트 개발언어 javascript와 SCSS, HTML5 특징 어플같은 느낌을 주는 화면크기를 설정하였다. 전체 아이템수와 구매수, 남은 아이템수를 설정하였다. plus키를 활용해 추가를 할 수 있고 쓰레기통 버튼은 아이템을 삭제할 수 있다. 체크박스를 통해 산 물건을 체크할 수 있으며, 체크된 박스를 다시 체크하면 체크가 풀린다. 마지막으로 clear를 하면 모든 내용을 초기화해준다. https://amy4229.github.io/shoppingPlan/ ShoppingPlan Shopping Plan Clear + 아이템 이름을 적어..

실습 2022.04.26

[socket.io] 실시간, 양방향, 이벤트 통신

Socket.io는 실시간 양방향, 이벤트 기반의 통신이다. web소켓과 비슷해보이지만, 웹소켓을 구현하는 것이 아니라, 프레임워크로서 실시간, 양방향, 이벤트 통신을 위한 편리한 기능들을 갖추고 있다. Socket.io가 웹소켓을 이용해 통신할 수 있다. 소켓io는 java 파이썬도 이용하기능. 브라우저는 97%지원, 프록시, 혹은 방화벽에도 굴하지 않음 주요특징 신뢰성있음 안정성 주요기능 웹소켓 미지원시 HTTP long pooling 을 이용한 연결지원 연결끊김시 별도로 요청하지 않아도 일정주기로 재접속시도 바이너리 지원 (버퍼)

728x90