내일배움캠프 30일차 _ 개발일지

오늘은 드디어 심화 2주차 강의를 다 들었다!

이제 프로젝트를 시작해 보려고 한다.

배운 걸 잘 활용할 수 있기를...ㅜㅠㅜㅠㅜ

조원들이 응원해줘서 좋다ㅎ

화이탱!!!!

---

예외처리

{% if result.pronunciation %}
    <h5 id="pronunciation" style="display: inline;">/{{ result.pronunciation }}/</h5>
{% endif %}

jinja2를 사용했을 때 발음있는 경우에만 보여주도록 예외처리↑(jinja2에서는 != 를 사용하지 않아도 된다!)

if (response["pronunciation"]==null) {
    $("#pronunciation").text("")
} else {
    $("#pronunciation").text(`/${response["pronunciation"]}/`)
}

javascript를 사용했을 때 발음있는 경우에만 보여주도록 예외처리↑

 

깨진 글자 없애기(jinja2)

<br>{{ definition.definition.encode('ascii', 'ignore').decode('utf-8') }}<br>
{% if definition.example %}
    <span class="example">{{ definition.example.encode('ascii', 'ignore').decode('utf-8') }}</span>
{% endif %}

 

리스트에 있으면 하이라이트 하기(jinja2)

function find_word() {
    let word = $("#input-word").val().toLowerCase();
    if (word == "") {
				// 빈 문자열이면 얼럿
        alert("please write something first :)")
        return
    }
    if (word_list.includes(word)) {
				// 리스트에 있으면 하이라이트
        $(`#word-${word}`).addClass('highlight').siblings().removeClass('highlight');
        $(`#word-${word}`)[0].scrollIntoView();
    } else {
				// 리스트에 없으면 상세 페이지로
        window.location.href = `/detail/${word}?status_give=new`
    }
}

여기서 siblings() → 형제를 검색하면, removeClass('highlight') → 그전에 검색하며 생긴 addClass('highlight')를 지워주기