Today 요약

1. 노션 템플릿 만들기, 정리하기
2. Drag & Drop 기능
3. window 좌표값

---

1. What I did?

1. 1 협업할 때 활용할 노션 템플릿 만들기

약 3시간 반에 걸쳐, 기존 노션 템플릿 수정하면서 개인 위키도 만들고 협업할 때 활용하면 좋을 템플릿도 하나
만들어봤다.

멘토님하고 수호씨가 어떻게 생각할지 모르겠다;;ㅋ

일단 만들어놓은 거 공유는 해보고 멘토님 피드백 받아서 공유 계속 해서 사용할 지, 아니면 나 혼자만 사용해야 할지 정해야겠다.

2. What I Learned?

2.1 Drag & Drop

칸반보드에 들어갈 기능 중에 하나인 Drag & Drop에 대해서 공부했다.

draggable의 속성과, dragstart 이벤트에 대해서만 간략하게 알아봤다.

2.2 clientX, pageX, screenX, offsetX의 차이점

좌표값에 대해서 차이점을 명확하게 정리해서 글로 남기려고 했는데.. 아이들도 챙겨야해서 마무리를 못했다.

간단하게만 정리하자면 clientX는 현재 보여지는 window창에 x좌표값, pageX는 전체페이지에서의 x좌표값,
screenX는 모니터화면에서의 x좌표값, offsetX는 이벤트대상을 기준으로 x좌표값을 의미한다.

---

회고(Retrospective)

5F

💡 5F (전체 회고)

• Fact (사실: 무슨 일이 있었나?)
  • 전체 공부시간은 1시간 반 정도, 노션템플릿 정리하느라 3시간 정도 보냈다.
  • 그동안 전체적으로 계획을 점검하지 않은채 그냥 눈 앞에 보이는 데만 집중했는데 노션에 3시간 이라는 시간을 보내느라 살짝 아깝다는 생각이 들면서도 내가 공부해야할 것들에 대해 전체적인 흐름을 파악하는데는 도움이 많이 된 것 같다.
• Feeling (느낌: 무슨 느낌이 들었나?)
  • 계획을 세우는 데 너무 많은 시간을 투자하는 것도 좋지는 않지만 계획을 너무 간단하게 세우는 것도 비효율적이라는 생각이 든다.
• Finding (배운 점: 어떤 인사이트를 얻었나?)
• Future action (향후 행동: 앞으로 무엇을 해야 할까?)
  • 이제 노션 템플릿은 그만 정리하고 다시 원래 공부에 최대한 집중하자.
• Feedback (피드백: 앞서 정한 향후 행동을 실천해본 뒤, 이에 대해 어떤 피드백을 받았나?)