(null);
+ const description = mission?.description ?? "";
+
+ const isMissionSubmittable =
+ !mission ||
+ mission?.submittable ||
+ mission?.status === MISSION_STATUS.SUBMITTABLE ||
+ mission?.status === MISSION_STATUS.SUBMITTING;
+
+ const missionLabel = getMissionLabel(
+ mission?.submitted ?? false,
+ mission?.status ?? MISSION_STATUS.UNSUBMITTABLE
+ );
+
+ const goBack = () => {
+ navigate(-1);
+ };
+
+ const routeToAssignmentSubmit = () => {
+ const isSubmitted = mission?.submitted;
+
+ navigate(
+ {
+ pathname: generatePath(PATH.ASSIGNMENT, {
+ status: isSubmitted ? PARAM.ASSIGNMENT_STATUS.EDIT : PARAM.ASSIGNMENT_STATUS.NEW,
+ }),
+ },
+ {
+ state: {
+ recruitmentId,
+ currentMission: mission,
+ },
+ }
+ );
+ };
+
+ const fetchRequirement = async () => {
+ if (!recruitmentId || !missionId) {
+ return;
+ }
+
+ try {
+ const response = await fetchMissionRequirements({
+ token,
+ recruitmentId: parseInt(recruitmentId, 10),
+ missionId: parseInt(missionId, 10),
+ });
+
+ setMission(response?.data);
+ } catch (error) {
+ alert((error as AxiosError).response?.data.message);
+
+ goBack();
+ }
+ };
+
+ useEffect(() => {
+ if (!recruitmentId || !missionId) {
+ goBack();
+ return;
+ }
+
+ fetchRequirement();
+ }, []);
+
+ useEffect(() => {
+ /*
+ url - https://highlightjs.org/
+ 태그 내의 코드를 자동으로 감지하여 하이라이팅합니다.
+ 자동 감지가 실패할 경우, class 속성에 언어를 명시적으로 지정할 수 있습니다.
+ */
+ highlighter.highlightAll();
+ }, [description]);
+
+ return (
+
+
+
+ -
+
+
+ -
+
+
+
+
+ );
+};
+
+export default MissionView;
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 456f6c90d..9c5391b28 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -8422,6 +8422,11 @@ giget@^1.0.0:
pathe "^1.1.0"
tar "^6.1.13"
+github-markdown-css@^5.6.1:
+ version "5.6.1"
+ resolved "https://registry.yarnpkg.com/github-markdown-css/-/github-markdown-css-5.6.1.tgz#8ca3d5c3d93d79ea429fddafea091347ab374f78"
+ integrity sha512-DItLFgHd+s7HQmk63YN4/TdvLeRqk1QP7pPKTTPrDTYoI5x7f/luJWSOZxesmuxBI2srHp8RDyoZd+9WF+WK8Q==
+
github-slugger@^1.0.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.4.0.tgz#206eb96cdb22ee56fdc53a28d5a302338463444e"
@@ -8660,6 +8665,11 @@ headers-polyfill@^3.1.0:
resolved "https://registry.yarnpkg.com/headers-polyfill/-/headers-polyfill-3.1.1.tgz#798e265f80edfc53fb8fd01e8963b356b12c2514"
integrity sha512-ifvvIC+VDeLTEkJDwxECSI7k9rJF7sJavCh/UfhGsgJ+LXMbGILRf+NXhc4znuf+JA5X2/leQdOXk6Lq6Y2/wQ==
+highlight.js@^11.10.0:
+ version "11.10.0"
+ resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-11.10.0.tgz#6e3600dc4b33d6dc23d5bd94fbf72405f5892b92"
+ integrity sha512-SYVnVFswQER+zu1laSya563s+F8VDGt7o35d4utbamowvUNLLMovFqwCLSocpZTz3MgaSRA1IbqRWZv97dtErQ==
+
history@^5.2.0:
version "5.3.0"
resolved "https://registry.yarnpkg.com/history/-/history-5.3.0.tgz#1548abaa245ba47992f063a0783db91ef201c73b"
diff --git a/src/main/kotlin/apply/application/MyMissionService.kt b/src/main/kotlin/apply/application/MyMissionService.kt
index a5ebc59bb..833e8f784 100644
--- a/src/main/kotlin/apply/application/MyMissionService.kt
+++ b/src/main/kotlin/apply/application/MyMissionService.kt
@@ -45,7 +45,7 @@ class MyMissionService(
private fun findMissions(memberId: Long, recruitmentId: Long): List {
val evaluationIds = evaluationRepository.findAllByRecruitmentId(recruitmentId).map { it.id }
val targets = evaluationTargetRepository.findAllByMemberIdAndEvaluationIdIn(memberId, evaluationIds)
- return missionRepository.findAllByEvaluationIdIn(targets.map { it.id }).filterNot { it.hidden }
+ return missionRepository.findAllByEvaluationIdIn(targets.map { it.evaluationId }).filterNot { it.hidden }
}
private fun List.mapBy(assignments: List): List {
diff --git a/src/main/kotlin/apply/config/DatabaseInitializer.kt b/src/main/kotlin/apply/config/DatabaseInitializer.kt
index a72914b1d..bc59ff477 100644
--- a/src/main/kotlin/apply/config/DatabaseInitializer.kt
+++ b/src/main/kotlin/apply/config/DatabaseInitializer.kt
@@ -420,6 +420,48 @@ class DatabaseInitializer(
|- 미션은 **기능 요구 사항, 프로그래밍 요구 사항, 과제 진행 요구 사항** 세 가지로 구성되어 있다.
|- 세 개의 요구 사항을 만족하기 위해 노력한다. 특히 기능을 구현하기 전에 기능 목록을 만들고, 기능 단위로 커밋 하는 방식으로 진행한다.
|- 기능 요구 사항에 기재되지 않은 내용은 스스로 판단하여 구현한다.
+ |
+ |---
+ |
+ |## 🎯 프로그래밍 요구 사항
+ |
+ |### 라이브러리
+ |
+ |- `camp.nextstep.edu.missionutils`에서 제공하는 `Randoms` 및 `Console` API를 사용하여 구현해야 한다.
+ | - Random 값 추출은 `camp.nextstep.edu.missionutils.Randoms`의 `pickNumberInRange()`를 활용한다.
+ | - 사용자가 입력하는 값은 `camp.nextstep.edu.missionutils.Console`의 `readLine()`을 활용한다.
+ |
+ |#### 사용 예시
+ |
+ |```java
+ |List computer = new ArrayList<>();
+ |while (computer.size() < 3) {
+ | int randomNumber = Randoms.pickNumberInRange(1, 9);
+ | if (!computer.contains(randomNumber)) {
+ | computer.add(randomNumber);
+ | }
+ |}
+ |```
+ |
+ |```javascript
+ |const computer = [];
+ |while (computer.length < 3) {
+ | const number = MissionUtils.Random.pickNumberInRange(1, 9);
+ | if (!computer.includes(number)) {
+ | computer.push(number);
+ | }
+ |}
+ |```
+ |
+ |```kotlin
+ |val computer = mutableListOf()
+ |while (computer.size() < 3) {
+ | val randomNumber = Randoms.pickNumberInRange(1, 9)
+ | if (!computer.contains(randomNumber)) {
+ | computer.add(randomNumber)
+ | }
+ |}
+ |```
""".trimMargin(),
evaluationId = 2L,
startDateTime = createLocalDateTime(2020, 11, 24, 15),
diff --git a/src/test/kotlin/support/MarkdownTest.kt b/src/test/kotlin/support/MarkdownTest.kt
index 041663941..e7b8817f9 100644
--- a/src/test/kotlin/support/MarkdownTest.kt
+++ b/src/test/kotlin/support/MarkdownTest.kt
@@ -2,6 +2,8 @@ package support
import io.kotest.core.spec.style.StringSpec
import io.kotest.matchers.shouldBe
+import io.kotest.matchers.string.shouldContain
+import io.kotest.matchers.string.shouldContainInOrder
import io.kotest.matchers.string.shouldNotContain
class MarkdownTest : StringSpec({
@@ -61,4 +63,26 @@ class MarkdownTest : StringSpec({
val actual = markdownToEmbeddedHtml(markdownText)
actual shouldNotContain ""
}
+
+ "코드 포맷을 사용하는 경우 태그가 추가된다" {
+ val markdownText = """
+ |`buildSrc`
+ """.trimMargin()
+ val actual = markdownToEmbeddedHtml(markdownText)
+ actual shouldContain "buildSrc"
+ }
+
+ "프로그래밍 언어를 지정하면 태그에 클래스 속성이 지정된다" {
+ val markdownText = """
+ |```kotlin
+ |class Cat {
+ | fun purr() {
+ | println("Purr purr")
+ | }
+ |}
+ |```
+ """.trimMargin()
+ val actual = markdownToEmbeddedHtml(markdownText)
+ actual.shouldContainInOrder("", "", "", "
")
+ }
})