Haker News project part2

Haker News Api를 Ajax 비동기 통신을 이용해서 어플리케이션을 개발해 보겠습니다.

part2를 작업하면서 substr() 메소드 replace() 메소드를 활용해 보았습니다.

 

part2 소스코드는 제 git올려져 있습니다!

https://github.com/yoogukhyeon/FrontendProject1/tree/code2

GitHub - yoogukhyeon/FrontendProject1: FrontendProject1 개발의 기본

 

 

part2 작업은 hash값으로 a링크에 id를 가져와서 각각에 정보를 div 태그안에 넣어서 노출을 시켰습니다!

여기서 제일 중요한것은 a.href=`#${newsFeed[i].id}`에 #뒤에 hash값으로 아이디를 주는것이고 hash 이벤트에서 substr() 메소드와 replace()메소드 입니다!!!

boommmmm

결과값으로 각각에 a테그를 클릭을 하면 hash이벤트가 작동하여 밑에 title 출력합니다!! 

 

다음 part3에서는 리팩터리 작업을 해보겠습니다!