{
response.json().then((json) => {
question_list = json;
});
});
}
get_question_list();
{#each question_list as question}
- {question.subject}
{/each}
">
{
response.json().then((json) => {
question_list = json;
});
});
}
get_question_list();
{#each question_list as question}
- {question.subject}
{/each}
">
{
response.json().then((json) => {
question_list = json;
});
});
}
get_question_list();
{#each question_list as question}
- {question.subject}
{/each}
">
<script>
let question_list = [];
function get_question_list() {
fetch("<http://127.0.0.1:8000/api/question/list>").then((response) => {
response.json().then((json) => {
question_list = json;
});
});
}
get_question_list();
</script>
<ul>
{#each question_list as question}
<li>{question.subject}</li>
{/each}
</ul>
Svelte 필수 문법
분기문
{#if 조건문1}
<p>조건문1에 해당하면 실행</p>
{:else if 조건문2}
<p>조건문2에 해당하면 실행</p>
{:else}
<p>조건문2에 해당하면 실행</p>
{/if}
반복문
{#each list as item, index}
<p>순서: {index} </p>
<p>{item}</p>
{/each}
객체 표시
{객체}
{객체.속성}
필요한 화면
- 질문 목록 - 질문의 목록을 표시하는 화면
- 질문 상세 - 질문의 상세 내용을 확인하고 답변을 작성하는 화면
- 질문 작성 - 질문을 작성하는 화면
- 질문 수정 - 질문을 수정하는 화면
- 답변 수정 - 답변을 수정하는 화면
- 회원 가입 - 회원 가입을 위한 화면
- 로그인 - 로그인을 위한 화면