깃허브의 사용법에 질문이 있습니다

meaningslow의 이미지

안녕하세요 저는 코드와 별로 친하지 않은(ㅠㅠ) 학생입니다. 이번에 사용해보고 싶은 오픈소스가 나와서 사용법을 익혀보려는데 도대체 이쪽으로는 지식이 전무해서
죄송함을 무릅쓰고 질문을 올립니다. 제가 써보려는 오픈소스는 렌즈 라이터(https://github.com/substance/lens-writer)라는 것입니다.
파일을 다운로드 받고 리드 파일도 다 읽어봤습니다만 도대체 무슨 말을 하는지 모르겠습니다(...)
이걸 구동하기 위해서는 서버가 필요한건가요? 로컬에서는 구동할 수 없는건가요? 서버에 올리고 특정 index 파일을 클릭하는 걸로 되는 겁니까?
인스톨 부분도 어디에서 뭘 어떻게 인스톨 소스를 고치고 해야하는지 도대체 도통 모르겠습니다 ㅠㅠ
인스톨을 하고나면 index 파일을 클릭하는 걸로 구동이 되나요? ㅜㅜ
어디선가 깃허브를 개인서버처럼 쓰는 방법(깃허브를 블로그 서버처럼 사용하시면서 설명하시더군요)이 있다고 들었습니다만 그 방법을 통해서 이 파일을 깃허브에 설치해서 쓸 수도 있나요? ㅜㅜ

peecky의 이미지

로컬에서 실행 가능합니다.

저 코드를 실행하기 위해선 Node.js를 설치해야 합니다. ( https://nodejs.org/en/download/ )

Node.js 설치 후, 터미널에서 소스코드를 다운받은 디렉토리로 가셔서 README에 있는 npm 명령어들을 실행해줍니다.

npm install 은 실행에 필요한 라이브러리 설치하는 명령어라 한 번만 실행해주면 되고,
npm run start 는 서버를 구동하는 명령어 입니다. 이 명령어를 실행하면 로컬에서 웹 서버가 돌아가게 됩니다.

서버 구동 후, 크롬으로 http://localhost:5000 에 접속하면 됩니다. (방금 테스트해봤는데, 파폭이나 사파리로는 제대로 안 돌아가네요)

종료는 서버를 구동한 터미널에서 컨트롤C 누르면 됩니다.

meaningslow의 이미지

정말 감사합니다 ㅠㅠ 로컬에서 사용이 가능하군요 ㅠㅠ 아 정말 감사합니다 ㅠㅠ
USB도 로컬 개념으로 사용할 수 있겠지요? ㅠㅠ 설치를 해서 갖고 다닐 생각을 하니 벌써 두근거리네요.
아 정말 감사합니다. 덕분에 꼭 사용하고 싶었던 것을 사용하게 되어서 정말 기쁩니다. ㅠㅠ

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.