Merge pull request #56 from NOHHYEONGJUN/main

JFlow 가이드 수정 & JHelper 개발자 메뉴얼 트러블슈팅 수정 & JCode 메인 페이지 수정

Author: hyunchan-park

content/JCode.mdx

@@ -3,11 +3,25 @@ title: 'JCode'
 description: 'This is the meta description for this page'
 slug: 'JCode'
 ---
+![JCode 플랫폼](./JCode/images/jcode/jcode.png)
 
-JCode는 JCloud 인스턴스를 통해 생성할 수 있는 VSCode기반 온라인 IDE입니다. 
+JCode는 JCode의 **Web-IDE**와 IDE를 실시간 감지하고 있는 **Watcher**가 통합되어있는 웹 플랫폼입니다.
 
-한번 생성해서 어디서든 브라우저를 통해 내 IDE를 사용할 수 있습니다. 
+## 주요 특징
 
-<img src="./JCode/images/1.png" width="600px" height="300px"/> <br /> <br /> <br />
+- **VSCode 기반**: 익숙한 VSCode 환경을 웹 브라우저에서 그대로 사용 가능
+- **쿠버네티스 기반**: 컨테이너 오케스트레이션을 통해 안정적인 서비스 제공
+- **격리된 환경**: 각 사용자별로 완전히 격리된 독립적인 개발 환경 제공
+- **보안성**: 쿠버네티스 기반 컨테이너화로 안전한 코딩 환경 구축
+- **접근성**: 언제 어디서든 브라우저만 있으면 개발 환경에 접속 가능
 
-**JCloud 인스턴스에서 JCode를 설치하면, 언제/어디서든 브라우저를 통해 개발환경에 접속할 수 있습니다.**
+## 세부 특징
+
+- 프록시 기반 라우팅 시스템
+- 쿠버네티스 기반 컨테이너 관리
+- VSCode 웹 애플리케이션
+- 사용자별 독립 스토리지
+- 리버스 프록시로 Extensions 사용 가능
+- EBPF 기반 빌드 및 실행 프로세스 감지
+- INOTIFY 기반 소스코드 수정 감지
+- 시간 단위 코드 작업 통계 분석

content/JCode/images/jcode/jcode.png

@@ -9,7 +9,7 @@ slug: 'JFlow'
 
 ## SaaS로 제공하는 오픈소스 DevOps CI/CD 플랫폼
 
-[JFlow](https://jflow.jbnu.ac.kr/)는 실제 배포 프로세스에서 활용되는 여러 오픈소스들을 별도의 설치 없이 즉시 사용가능한 형태로 제공하는 플랫폼입니다.<br/>
+[JFlow](https://jflow.jbnu.ac.kr/)는 실제 배포 프로세스에서 활용되는 **여러 오픈소스들을 별도의 설치 없이 즉시 사용가능한 형태로 제공하는 플랫폼**입니다.<br/>
 교육 환경부터 실무 서비스 개발, 연구 프로젝트에 등 다양한 목적에 맞게 활용할 수 있으며, 인프라 구성 없이 핵심 업무에 집중할 수 있습니다.
 
 ## 활용 프로세스
@@ -51,3 +51,6 @@ slug: 'JFlow'
 **다양한 데이터 소스로부터 수집된 정보를 시각화하는 오픈소스 `분석 및 모니터링 플랫폼`입니다.** <br/>
 **직관적인 대시보드를 통해 `시스템 성능과 애플리케이션 상태를 실시간으로 모니터링`할 수 있습니다.**
 
+## 참고 자료 및 활용 사례
+
+**2019, 2020년 OSS 수업 자료 (박현찬 교수님)** : https://github.com/JBNU-JEduTools/osscourse

content/JFlow.mdx

@@ -52,10 +52,10 @@ slug: 'JFlow/1GitlabGuide'
 
 <br/>
 
-**2. Access Token 생성 **
+**❗2. Access Token 생성 ❗ **
 
-    원격에서 저장소를 연결하기 위해 Access Token이 필요합니다. 
-    (비밀번호도 사용 가능하나, 권장하지 않습니다.)
+> ** 원격에서 저장소를 연결하기 위해 Access Token이 필요합니다.** <br/>
+> (비밀번호도 사용 가능하나, 권장하지 않습니다.)
 
 <br/>
 
@@ -75,8 +75,8 @@ slug: 'JFlow/1GitlabGuide'
 
 **3. 원격 저장소 연결**
 
-    개인 노트북과 같은 장치에서 저장소를 연결합니다.
-    https 사용을 권장합니다.
+> **개인 노트북과 같은 장치에서 저장소를 연결합니다.** <br/>
+> (https 사용을 권장합니다.)
 
 <br/>
 

content/JFlow/GitlabGuide.mdx

@@ -6,6 +6,11 @@ slug: 'JFlow/5GrafanaGuide'
 
 [<img src="./images/grafana/grafana-logo-fix.png" width="auto" height="auto"/>](https://grafana.jbnu.ac.kr)
 
+## ⚠️ Grafana 사용 주의 사항 ⚠️
+
+**Grafana는 기본적으로 제공되지 않습니다.** <br/>
+**사용 필요 시, nhj7804@jbnu.ac.kr 로 문의 바랍니다.**
+
 ## 0. JFlow - Grafana
 
 **다양한 데이터 소스로부터 수집된 정보를 시각화하는 오픈소스 `분석 및 모니터링 플랫폼`입니다.** <br/>

content/JFlow/GrafanaGuide.mdx

@@ -50,11 +50,11 @@ slug: 'JFlow/3HarborGuide'
 
 **1. Harbor login**
 > - Harbor는 도메인을 이용해 로그인 할 수 있습니다.
-```bash
-docker login harbor.jbnu.co.kr
-Username: [사용자 이름]
-Password: [비밀번호]
-```
+    ```bash
+    docker login harbor.jbnu.co.kr
+    Username: [사용자 이름]
+    Password: [비밀번호]
+    ```
 
 <br/><br/>