[ 클론코딩 ] 27주차

🎉　Done

1. 링크 시나리오 보완

1-1. 문제 시나리오

• 프로토콜이 빠진 url
  

위와 같은 스트링을 a.href에 넣을 경우 정상적으로 경로를 찾지 못함.

• 404 에러
  

1-2. 구체적인 오류 시나리오 정리

1-3. 구현을 위한 도구

• URL 객체 사용 : MDN 관련 링크

1-4. 구현 Flow

• 1. 들어온 url은 일단 유효하다는 가정 (사용자 잘못 ㅋ)

• 2. 프로토콜이 있는지 검사
  ㄴ 있다 - origin이 동일한지 검사
  ㄴ 없다 - 프로토콜 추가
  

• 3. origin 동일 여부 검사
  ㄴ 동일 - 프로토콜 추가
  ㄴ 다르다 - 그대로 사용

1-5. 구현 코드

• 실제 코드
  

• View 영역이 re-rendering 될 때마다 a태그의 href를 확인하고 비정상 적인 경우 변경해줌

• re-rendering과 연결시킨 이유는 다이얼로그가 아닌 텍스트로 링크를 추가할 수도 있는데 이 경우에 대비하기 위함

• 글자로 입력중인 링크
  

• 글자 하나 입력 시마다 트리거 되므로 나중에 성능이슈 있을 수도 있을듯..

📝　To-Do

1. 출간하기 후 포스팅 view 페이지 연결

2. 기존 포스팅에서 수정하기 클릭 시 시나리오 구현

3. 이미지 업로드 API 연결