항해99 👩‍💻32일차 TIL

🎉오늘의 한 일🎉

1. 팀과제로 JS의 extends와 super()에 관하여 공부하고 정리하였다. 

2. 개인과제인 테스트코드를 깃허브에 올리고 링크를 제출하였다.

3. blog에서 그저께 cookie에서 localstorage로 미들웨어 방식을 바꾸면서 이전에 cookie 위주로 유효성검사하던 부분들이 좀 꼬였었는데, 어제 오늘 열심히 해서 모두 풀었다~! 💪

• 로그인한 사용자가 수정기능에서 막히는 문제 해결.
• 로그인한 사용자가 댓글작성 기능에서 막히는 문제 해결.
• 댓글수정,삭제기능 문제 해결.

 

4. 세부기능목록을 체크하면서 새로운 기능들을 추가하였다.

• 이미 로그인한 사용자가 로그인/회원가입 페이지에 접근시 "이미 로그인된 회원입니다" alert 띄워주고 글목록페이지로 이동시키기.
• 로그인하지 않은 사용자가 잘못된 경로로 들어온 경우 "로그인해야 사용할 수 있는 페이지 입니다" alert 띄우고 로그인페이지로 이동시키기.
• 글삭제 버튼 눌렀을 때 "정말로 삭제하시겠습니까?" 하고 한번 더 확인해주는 alert 띄우기.
• 글수정페이지의 글내용 비어있는 상태로 확인 버튼 누르면 "본문내용을 입력해주세요" alert 띄우기.

 

🐣배운 점🐣

extends

부모클래스의 함수를 자식클래스에서 상속 받을 수 있게 하는 메서드이다.

상속의 이점

• 코드의 중복을 피할 수 있다.
• 재활용성이 높다.
• 유지보수가 편리하다.
• 가독성이 높아진다.

super()

• extends해서 만든 자식클래스에서는 this를 바로 사용하지 못한다. super() 다음에 사용해야 한다.
• super는 부모클래스 자체를 뜻한다
• super()를 사용하면 부모클래스의 생성자가 호출 된다.
• 생성자에서는 super()키워드 하나만 사용되거나 this 키워드가 사용되기 전에 호출되어야 한다.
• static 메서드에서도 super()를 호출할 수 있다.