[TIL] #8. 230921

어제 목표 & 오늘 완료한 한 일 

• 웹개발 A to Z 응용
• 알고리즘 문제

+ 웹개발 A to Z 복습 (1주차)

 
내일 목표

• 웹개발 A to Z 응용
  • 상세페이지 완성
  • 회원가입 및 로그인
• 알고리즘 문제
• 웹개발 A to Z 복습 (2주차)

 

구현 내용

상세페이지

 

발생한 문제와 해결

상세페이지를 만들 때 영화의 id를 url로 전달해야하는데 특정 카드를 클릭했을 때 해당 카드의 id만 넘기는 방법을 몰라 하는데 어려움이 있었다. 처음에는 전에 작성했던 코드들을 보고 이렇게 하면 될까싶어 아래와 같은 형식으로 작성해봤는데 그냥 엉터리라서 그런지(...) 콘솔창에 아무런 오류도 보이지 않았다.. 

$(`#${id}`).click(function () {
        location.href = 'detail.html'
});

그렇다고 forEach문 안에서는 모든 id가 불러지니 뭘 할 수도 없고.. 그렇게 어떻게 할지 도무지 모르겠어 서치를 해보던 중 방법을 찾아냈다. (블로그 참고; https://dion-ko.tistory.com/45 / https://velog.io/@leejpsd/document.on%EA%B3%BC-document.ready)

 

2개의 블로그를 참조하여 작성한 코드가 바로 아래의 코드이다.

$(document).on('click', '.card', function () {
        let movieId = $(this).attr("id");
        location.href = 'detail.html?' + movieId;
});

해당 코드는 클릭하면 클릭을 한 시점에 문서 내용을 읽어, class가 .card인 것의 id를 가져와 detail.html로 movieId를 보낼 수 있다.

 

 

느낀점

알고리즘 문제로 풀었던 '가위 바위 보' 문제 시간이 무려 2.22ms 가 나왔다.. 버퍼와 다양한 함수들을 공부해야겠다. 그리고 푸는 방법들이 정말 다양하기 때문에 다양한 사람들이 푼 것을 보면서 공부하는 시간도 필요하다.

StringBuffer는 알고 있었지만 StringBuilder는 처음 알았다. 이번을 계기로 둘의 공통점과 차이점을 확실하게 알고 넘어갈 수 있어서 좋았다.

사실 상세페이지를 그저께 시도했다가 실패했었는데 오늘 다시 시도해본 결과, 문제를 해결하게 되어서 너무 뿌듯하다,,!