2020.01.27 22:17
@달로스_님이 위키를 게시했습니다.

예시)
@달로스_님이 추가한 내용
@달로스_님이 삭제한 내용
다음
<p class="d277bc4d-a73e-4b2e-94ed-bbe7c1934b74">에디터</p> <p class="d277bc4d-a73e-4b2e-94ed-bbe7c1934b74">비주얼 스투디오 코드</p> <p class="d277bc4d-a73e-4b2e-94ed-bbe7c1934b74">추가 설치할 프로그램</p> <ul> <li> <a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode" target="_blank" class="auto_link">Prettier</a>: 코드 포매터 <a href="https://prettier.io/" target="_blank" class="auto_link">프리티어<sup>Prettier</sup></a>와 VS 코드를 통합하는 확장</li> <li> <a href="https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome" target="_blank" class="auto_link">Debugger for Chrome</a>: 자바스크립트 코드를 크롬<sup>Chrome</sup> 브라우저에서 바로 디버깅할 수 있는 확장</li> <li> <a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons" target="_blank" class="auto_link">vscode-icons</a>: VS 내부의 파일 탐색기에 확장자 별로 나타나는 아이콘을 추가하는 확장</li> <li> <a href="https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify" target="_blank" class="auto_link">Beautify</a>: <a href="https://beautifier.io/" target="_blank" class="auto_link">자바스크립트 뷰티파이어<sup>JavaScript Beautifier</sup></a>와 VS 코드를 통합하는 확장</li> <li> <a href="https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens" target="_blank" class="auto_link">GitLens</a>: VS 코드의 깃<sup>Git</sup> 지원을 강화</li> <li> <a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer" target="_blank" class="auto_link">Live Server</a>: VS 코드에서 웹 개발시에 변경사항을 바로 반영해주는 라이브 리로드 서버 지원 확장</li> <li> <a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner" target="_blank" class="auto_link">Code Runner</a>: 바로 에디터 상의 코드를 실행할 수 있게 도와주는 확장</li> <li> <a href="https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets" target="_blank" class="auto_link">HTML Snippets</a>: HTML 스니펫을 모아놓은 확장</li> <li> <a href="https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer" target="_blank" class="auto_link">Bracket Pair Colorizer</a>: 매칭되는 괄호들을 구분하기 쉽도록 적절한 색을 입혀주는 확장</li> <li> <a href="https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory" target="_blank" class="auto_link">Git History</a>: 깃 히스토리를 보여주고 검색할 수 있게 해주는 확장</li> </ul>
작성
댓글달기 1
공감해요 2
벤지2
감사합니다 :)
댓글달기
공감해요
사진·파일
+ 파일 추가 (0/20)
업로드 취소
<div class='file-source-field' data-comment-form-new-record='true' data-target='comment-form.fileSourceField'><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][id]" id="comment_file_sources_attributes_NEW_RECORD_id" /><input type="hidden" value="0" name="comment[file_sources_attributes][NEW_RECORD][seq_no]" id="comment_file_sources_attributes_NEW_RECORD_seq_no" /><input type="hidden" value="false" name="comment[file_sources_attributes][NEW_RECORD][_destroy]" id="comment_file_sources_attributes_NEW_RECORD__destroy" /><input class="attachment" data-action="change->comment-form#changeFileSourceField" data-rule-filesize="26214400" type="file" name="comment[file_sources_attributes][NEW_RECORD][attachment]" id="comment_file_sources_attributes_NEW_RECORD_attachment" /><input type="hidden" name="comment[file_sources_attributes][NEW_RECORD][attachment_cache]" id="comment_file_sources_attributes_NEW_RECORD_attachment_cache" /></div>
<div class='image'> <img class='source' src='SRC'> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
<div class='doc'><i class='fa fa-floppy-o'></i> <span class='name'>NAME</span> <span class='size'>SIZE</span> <div class='btn btn-light btn-sm xclose' data-action='click->comment-form#removeFileSourceField'> × </div> </div>
TIP 최대 크기 25M 파일을 20개까지 업로드할 수 있습니다. 이미지는 드래그해서 순서를 조정할 수 있습니다.