Haker News Api를 Ajax 비동기 통신을 이용해서 어플리케이션을 개발해 보겠습니다.
part2를 작업하면서 substr() 메소드 replace() 메소드를 활용해 보았습니다.
part2 소스코드는 제 git올려져 있습니다!
https://github.com/yoogukhyeon/FrontendProject1/tree/code2
GitHub - yoogukhyeon/FrontendProject1: FrontendProject1 개발의 기본
FrontendProject1 개발의 기본. Contribute to yoogukhyeon/FrontendProject1 development by creating an account on GitHub.
github.com
part2 작업은 hash값으로 a링크에 id를 가져와서 각각에 정보를 div 태그안에 넣어서 노출을 시켰습니다!
여기서 제일 중요한것은 a.href=`#${newsFeed[i].id}`에 #뒤에 hash값으로 아이디를 주는것이고 hash 이벤트에서 substr() 메소드와 replace()메소드 입니다!!!
결과값으로 각각에 a테그를 클릭을 하면 hash이벤트가 작동하여 밑에 title 출력합니다!!
다음 part3에서는 리팩터리 작업을 해보겠습니다!
'Node.js & TypeScript' 카테고리의 다른 글
| Haker News Part 8 (7) | 2021.08.02 |
|---|---|
| Haker News Part 3 코드 리팩터리 (6) | 2021.07.29 |
| Haker News project part 1 (9) | 2021.07.26 |
| Modern JavaScript & TypeScript 개발환경 (10) | 2021.07.21 |
| TypeScript (10) | 2021.07.20 |