22/04/18 Django M:N 관계, CSS 강의

220418 Today I learned!

---

• Django DB M:N 학습
• CSS 강의 (flex ui를 활용한 웹페이지 만들기 실습)
• 백준 문제

---

1. Fact

(1) Django DB M:N 관계

• M:N관계를 갖는 데이터베이스를 구현하는 방법을 학습했다.
  • 중개모델을 활용하거나 ManyToManyField를 사용하여 model을 생성하면된다.
• M:N 관계의 DB에서 데이터를 CRUD하는 ORM 문법을 배웠다.
  • related_name속성을 활용한 역참조 키워드
  • add(), remove()
• M:N DB를 사용하는 몇가지 기능을 구현했다.
  • 좋아요 기능
  • 프로필 페이지와 팔로우 기능
• 정리본

(2) CSS 강의

• 지난번에 제작했던 CSS ui를 활용하여 웹페이지를 제작했다.
  • CSS 가상 클래스 :checked를 활용하여 모달기능을 구현할 수 있다.
  • CSS 결합자를 활용하여 원하는 태그에 속성을 부여할 수 있다.
• Flex를 활용하여 웹사이트를 어떻게 구성하는지 학습할 수 있었다.
  • width vsflex-grow
  • flex-wrap을 활용하여 위에서부터 차례대로 웹사이트 요소를 놓는다.
  • flex-order를 통해 요소의 순서를 변경한다.
• 수업 자료

2. Feeling

오늘 시험을 보고 바로 수업을 진행해서 좀 힘든 감이 있었다.

그래도 오늘이 Django DB 마지막 수업이니까.. 😥 그동안 배운 내용을 한번 쭉 훑어 보면서 정리하는 시간을 가져야 할 것 같다.
User가 재귀적으로 스스로에 대해 M:N 관계를 갖는 개념이 신기했다. 팔로워와 팔로잉 개념이 헷갈리긴했지만, 수업이 끝난 후 다시 살펴보니 괜찮았다.

CSS강의로 배운 내용은 아직 100% 습득하지 못한 것 같다. 주말에 혼자서 실습으로 제작한 웹사이트를 혼자 만들어봐야겠다.

3. Finding

null;

4. Future Action & Feedback

Future Action	진행 상황	Feedback
DOM을 깨우치다	in progress 🚀
강의에서 학습한 flex-website 혼자 제작하기	not start