기타 (3) 썸네일형 리스트형 프로젝트 파일 구조 시각화, README에 기록하기 다른 사람들의 프로젝트 README를 읽어보면 프로젝트 폴더 구조가 예쁘게 들어가 있기도 하고, 싸피에서 친구들이 자동으로 폴더 구조를 정리해서 뽑아주는 툴들이 있다고 있다고 했던게 기억나서 해본 파일 구조 시각화! 1. project-tree 인스톨 VScode에서 project-tree 검색하거나 아래 링크로 이동해서 다운로드를 받자 링크로 이동 후 VScode로 이동하면 익스텐션 검색 화면에 project-tree가 들어가있는 것을 확인 할 수 있다. https://marketplace.visualstudio.com/items?itemName=zhucy.project-tree project-tree - Visual Studio MarketplaceExtension for Visual Studio C.. spck editor 아이폰으로 잔디심기 git clone, commit, push 깃 클론, 커밋, 푸시 1일 1커밋을 실패할 것 같은 날 스마트폰으로도 커밋할 수 있는 방법을 준비했습니다. 다만, 아주 불편하기 때문에 저라면 집에서 누워서 하려고 시도하다가 화나서 그냥 노트북을 켤 것 같아요. 집보다는 외부에서 노트북이 없을 때 사용할 것을 추천드립니다. 1. Spck Editor 다운로드 먼저 아이폰으로 커밋을 하기 위해 Spck Editor를 다운로드 합니다. 안드로이드의 경우, 구글 플레이스토어를 통해 Spck Code Editor를 다운로드 받으면 되는 것 같아요. 다운로드 하면 제일 먼저 이런 코드가 나옵니다. 오른쪽 상단 초록색 재생 버튼을 누르면 이 코드를 실행할 수 있어요. 기본 코드로는 스네이크 게임이 준비되어 있었습니다. 2. 깃허브 연결 왼쪽 메뉴를 클릭 후 사람 모양 아이콘을 누르면,.. 웹소켓(WebSock) 개념 공부 개념 특징 동작 구현 1. 개념 실시간 양방향 통신을 위한 프로토콜 기존 HTTP 프로토콜의 단방향 통신(클라이언트의 요청, 서버의 응답 후 연결 종료)의 한계 개선 실시간 통신, 업데이트가 필요한 경우를 위해 설계된 프로토콜 클라이언트, 서버가 한 번 연결되면 이후 지속적으로 데이터 통신 가능하여 실시간 데이터 전송 및 업데이트 가능 HTML5부터 표준으로 채택 되어 거의 모든 웹 브라우저에서 지원 됨 2. 특징 실시간 통신 가능 클라이언트와 서버 간의 통신에서 실시간 데이터 전송 및 업데이트가 가능 채팅, 게임 등 실시간 요구사항을 반영해줘야하는 콘텐츠에 유용 사용자에게 실시간 알림을 보내는 경우에도 유용 연결 상태 유지 클라이언트와 서버가 한 번 연결되면, 연결 상태 유지 데이터는 웹소켓 프레임에 .. 이전 1 다음
