본문 바로가기

국비지원32

[ERROR] Typo in static class property declaration react/no-typos 해결방법 Prop의 타입을 설정하는 코드에서 다음과 같은 에러가 났다. 에러가 난 코드는 다음과 같다. import PropTypes from 'prop-types' const MyComponet = ({ name, children}) => { return 나의 새롭고 멋진 컴포넌트{name} child: {children} } MyComponet.defaultProps = { name: '기본 이름' }; MyComponet.PropTypes = { name: PropTypes.string }; export default MyComponet; 구글링을 해보니까 나랑 같은 문제를 겪은 사람이 있었다. 해결법은..... MyComponet.PropTypes를 MyComponet.propTypes 로 바꾸는 것이었다.. 2022. 5. 13.
[JS] OMDb_API를 활용해서 간단하게 영화 제목과 포스터 출력하기 OMDb_API https://www.omdbapi.com/ "주소?속성=값&속성=값" axios를 설치해준다 npm install axios 자세한 사용법 > https://github.com/axios/axios package.json 파일에 dependencies 부분에 다음과 같이 잘 설치 되어있는지 살펴본다!! "dependencies": { "axios": "^0.27.2", "lodash": "^4.17.21", "regenerator-runtime": "^0.13.9" } 이후에 잘 받아오는지 한번 확인한다. import axios from "axios"; function fetchMovies() { axios .get('https://www.omdbapi.com/?apikey=70.. 2022. 5. 2.
[JS] Storage Stroage 브라우저에서 제공하는 저장소가 있다. f12를 눌러서 개발자 도구를 열어보면 Application에서 Storage를 볼 수 있다. Local Storage localStorage의 데이터는 만료되지 않음. (지우지 않으면 반영구적으로 사용 가능.) localStorage에 저장한 자료는 페이지 프로토콜별로 구분함. 특히 HTTP와 HTTPS는 다른 localStorage에 저장됨. 저장하기 localStorage.setItem(key_키, value_값_문자형) 읽기(가져오기) localStorage.getItem(key_키) 지우기 localStorage.removeItem(key_키) const user = { name: 'Flyda', age: 85, emails: [.. 2022. 5. 2.
[JS] regeneratorruntime is not defined 에러 해결 방법. main.html More.. main.js const moviesEl = document.querySelector('.movies') const anotherMoviesEl = document.querySelector('.another-movies') getMovie(1, moviesEl) getMovie(1, anotherMoviesEl) const btnEl = document.querySelector('button') btnEl.addEventListener('click', () => { getMovie(2, moviesEl) }) async function getMovie(page, containerEl) { const { data } = await axios({ url: `https://www.. 2022. 5. 2.