22. 10. 04.

hyo_dΒ·2022λ…„ 10μ›” 4일

μΊ ν”„ 24일차

1. 일과

πŸ‘‰ μž₯κ³  클둠코딩 3일차

2. μž₯κ³  클둠코딩 3일차

1) κ΅¬ν˜„ν•œ κΈ°λŠ₯

  • κ²Œμ‹œκΈ€ 상세 νŽ˜μ΄μ§€μ—μ„œ λŒ“κΈ€μ„ ν™•μΈν•˜κ³  μž‘μ„±/μ‚­μ œ ν•  수 있음
    • λŒ“κΈ€ μž‘μ„±μžμ™€ μž‘μ„±λœμ§€ μ–Όλ§ˆλ‚˜ κ²½κ³ΌλλŠ”μ§€ 확인 κ°€λŠ₯
  • λŒ“κΈ€μ€ μž‘μ„±λœ μ—­μˆœμœΌλ‘œ 정렬됨
  • λŒ“κΈ€ μž‘μ„±μžλŠ” 본인의 λŒ“κΈ€μ„ μ‚­μ œ ν•  수 있음

2) μ½”λ“œ μ„€λͺ…

  • 2일차에 μž‘μ„±ν–ˆλ˜ μ½”λ“œκ°€ 연결될 수 μžˆλ„λ‘ html, css μ½”λ“œλ₯Ό μž‘μ„±

  • if문을 μ‚¬μš©ν•΄μ„œ λŒ“κΈ€ μž‘μ„±ν•œ μ‚¬λžŒμ€ μžμ‹ μ΄ μž‘μ„±ν•œ λŒ“κΈ€μ—λ§Œ λŒ“κΈ€ μ‚­μ œ λ²„νŠΌμ΄ 보이며 μ‚­μ œκ°€ κ°€λŠ₯ν•˜λ„λ‘ ν–ˆλ‹€.

{% if cm.author == user %}
<div class="comment_delete" style="float: right">
  <a href="/content/comment/delete/{{ cm.id }}">
    <span class="badge bg-danger">μ‚­μ œ</span>
  </a>
</div>
{% endif %}
  • forλ¬Έ(반볡문)을 μ‚¬μš©ν•΄μ„œ μž‘μ„±ν•œ λŒ“κΈ€μ„ μ°¨λ‘€λŒ€λ‘œ 보여주도둝 ν–ˆλ‹€.
{% for cm in comment %}
<div class="feed_reply">
  <span class="feed_txt">
    <b>{{ cm.author }}</b>{{ cm.comment }}
    <br>
    {% if cm.author == user %}
    <div class="comment_delete" style="float: right">
      <a href="/content/comment/delete/{{ cm.id }}">
        <span class="badge bg-danger">μ‚­μ œ</span>
      </a>
    </div>
    {% endif %}
    {{ cm.created_at|timesince }} μ „
  </span>
</div>
{% endfor %}

3) μ§„ν–‰ λ‚΄μš©

  • λŒ“κΈ€μ— λŒ€ν•œ html μž‘μ„±κΉŒμ§€ μ™„λ£Œ. 였늘 μ „μ²΄μ μœΌλ‘œ 기본적인 κΈ°λŠ₯듀은 μ™„μ„±ν•˜μ˜€κ³ , μΆ”κ°€κΈ°λŠ₯으둜 μ’‹μ•„μš”/νŒ”λ‘œμš° κΈ°λŠ₯, κ²Œμ‹œκΈ€μ„ μ˜¬λ¦΄λ•Œ 이미지도 포함 κ°€λŠ₯ ν•˜λ„λ‘ κΈ°λŠ₯ κ΅¬ν˜„ μ™„λ£Œ. νŽ˜μ΄μ§• κΈ°λŠ₯ μΆ”κ°€μ˜ˆμ •

πŸ€” 회고

  • 개인적으둜 맑은 κΈ°λŠ₯ κ΅¬ν˜„μ„ λͺ¨λ‘ μ™„λ£Œν•˜κ³  μ˜€λŠ˜λΆ€ν„°λŠ” μΆ”κ°€κΈ°λŠ₯ κ΅¬ν˜„κ³Ό html μˆ˜μ •μ— μ§‘μ€‘ν–ˆλ‹€. νŽ˜μ΄μ§• κΈ°λŠ₯을 μΆ”κ°€ν•˜λ € ν–ˆμœΌλ‚˜ 잘 λ˜μ§€ μ•ŠλŠ”λ‹€. λ‚΄μΌκΉŒμ§€ μ§‘μ€‘ν•΄μ„œ 완성도 있게 마무리 ν•˜κ³  μ‹Άλ‹€.
profile
햇병아리

0개의 λŒ“κΈ€