# NewsApi

junkue20

❔ 뭘 했길래 질질 짜는가 --- 사실 이번주 화요일부터 내일인 9월 8일 금요일까지 스터디 그룹원들과 함께 1주일짜리 JS를 복습하는것을 목적으로, DOM을 활용하여 개인 프로젝트를 제작한 후 어떤것을 만들었는지 발표하기로 했다. 혼자서 무언가 뚝스딱스 많이해보지 않은 나였기에, '일주일이면 대충 하나 만들 수 있겠지??' 라는 어설픈 마인드로 미니 프로젝트를 만들기 시작했다.. 결론부터 이야기하자면, 실패로 끝이났다는 것이다 ㅠㅠ ❔ 어떤걸 만들었길래 처음에는 리그오브 레전드의 API를 가져와서 나만의 작은 OP.GG를 만들어 보려고 했으나, API 키 자체가 서비스를 위한 키를 발급받기 위해서는 초안을 작성해서 제출해야함은 물론,

minsu2344

NewsItem.js NewsList.js useEffect 내부에서 async 즉시 실행함수를 작동 Loading 값에 따라 대기 중... 뜰 수 있도록 return articles 값이 없으면 빈 화면 출력 a 태그의 target과 rel target: 링크 클릭 시 창을 어떻게 띄울지 결정 _self(기본값): 현재 창에서 이동 _blank: 새 창에서 이동 rel: 현재 창과 링크의 관계 href가 필수로 있어야함 프로퍼티 종류 (http://www.tcpschool.com/html-tag-attrs/a-rel) object-fit img를 박스에 맞게 사이즈 조절 https://developer.mozilla.org/ko/docs/Web/CSS/object-fit white-space 글자 공백 조정 방법 https://developer.mozilla.org/ko/docs/Web/CSS/whit

eugenie8

Hits NewsAPI 웹 전체에서 라이브 기사를 검색하기 위한 간단한 HTTP REST API 이다. How to Use NewsAPImain Get API Key 를 누르게 되면 가입을 할 수 있는 창이 나오게 된다. ![NewsAPIregist

hi4190

사용할 모듈 react router dom axios styled-components 뉴스 Api 불러와보기 코드해석 : 버튼을 눌렀을때 axios로 데이트 신청을 하고 setDate로 변경 newAPi 제공하는 뉴스에따라 달라진다 row7은 css적 요소 텍스트에어리어의 로우 크기 JSON.stringify(data, null, 3) 텍스트에어리아에 나타내기위해 스트링기파이 형식으로 변환 받아온 data표시 뉴스