20210422(목)

2021-04-22

1. 학습 날짜

• 2021-04-22

2. 학습 시간

• 09:00 ~ 19:00

3. 학습 범위 및 주제

• 블랙커피스터디 미션3 마무리하기

4. 학습 목표

• 블랙커피스터디 미션3 뼈대 만들기

5. 학습 정리

• x

6. 상세 학습 내용

• a 태그를 눌렀을 때 기본동작으로 해당 링크로 움직인다. 만약 href에 프래그머늩가 있다면 해당 페이지에서 움직이게 된다.

• 여기서 발생한 문제는 나의 경우에는 버튼을 눌렀을 때 해당 버튼 내부에 존재하는 값 만을 가지고 오고 href 로 이동하고 싶지는 않았다.

• 이 때 사용할 수 있는게 preventDefault였다. 이 메서드를 사용하면 이벤트의 기본동작을 수행하지 않는다. 즉 a태그의 기본동작은 href로 이동하는 것이고 preventDefault를 사용하면 그 동작을 막아버리기 때문에 원치않는 이동을 막을 수 있게 된다.

• try catch finally

  • try의 마지막 단계에서 실행하는 로직이 해당 로직이 실패하는 경우에 catch에서도 사용하고 있었다. 따라서 실패하는 경우에도, 성공하는 경우에도 실행할 수 있게 해야한다. 간단하게 그냥 try catch 밖에다가 하면 되지 않냐 ㄴ라고도 할 수 있는데 그렇게 되면 스코프가 달라지기 때문에 try 에서 서넝ㄴ한 변수들을 밖에서 사용할수가 없게 된다.

  • 이 때 사용할 수 있는게 finally 구문이다. finally 는 성공해도 실패해도 무조건 실행하게 되어있다.

7. 오늘 학습 내용에 대한 개인적인 총평

• 흠... 구조가 썩 마음에 들지는 않지만... 일단은 완성했다는 것에 의의를 두자.

8. 다음 학습 계획

• VUE 학습