본문 바로가기

전체 글69

[TIL] 22.07.08 firebase 마지막 npm i nanoid@3​ npm i validator npm i @types/validator npm i file-type@16 npm i nanoid@3 file-type: 입력받은 파일 타입 알아내려고 씀 nanoid : 유일한 아이디 만들어 줌. .. file-type, nanoid는 esn 방식으로 업데이트가 되었기 때문에 이전 버전인 16버전과 3버전을 설치해서 commenjs 기반으로 만든거를 사용한다~ 깃헙에 프론트앤드 부분 CD(지속적인 배포) & 파이어베이스에 배포하는 거 배움 2022. 7. 8.
[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.