프로미스? 어떤 연산. 비동기 연산이 최종적으로 완료 혹은 성공했는지 실패했는지 알려주는 객체 요청을 보내 다른위치에서 데이터를 받을 때 주로 사용 (IMDB API, Nexflix API 등..) 시간이 오래걸리거나 접속이 안될 때, 접근권한이 없거나 URL을 잘못쓰거나 API 또는 인터넷이 다운됐을때 등등 여러가지 상황에서 실패할 수 있는데, 그럴 때 자주 사용한다. 프로미스의 상태 pending: 대기 resolved: 성공 rejected: 실패 resolved, rejected에 따라 다른 기능을 수행하게된다. const fakeRequestPromise = (url) => { return new Promise((resolve, reject) => { const delay = Math.floor..

화면작업도중 버튼클릭시 event.target.value로 아무 값도 들어오지 않고있었다. 혹시나해서 event.currentTarget.value를 적었더니 알맞은 값이 들어오고있었다. 문제는 해결되었지만 왜? 왜? 어떤상황에서는 currentTarget을 쓰고 어떤 상황에는 target을 쓰는지 궁금해졌다. currentTarget vs target const propsButtonCheckWho = (event) => { console.log(event.currentTarget) console.log(event.currentTarget.value) console.log(event.target) console.log(event.target.value) } ...JSX리턴문 123가 2456 일단 두 차..

새로운 프로젝트에 참여하게 됐다. 깃 초기화부터 npm 프로젝트 생성까지 하나하나 직접 만들어야한다. npm init으로 package.json 을 생성하니 { "name": "mobile-server", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" } 이렇게 허전한 package.json이 만들어졌다. 기존 프로젝트들을 보니 browserlists, engines, eslintconfig, resolutions, keywords 등등 많은 키들이 있었다. 어떤거를 ..

manifest 파일? 컴퓨팅에서 집합의 일부 또는 논리정현한 단위의 파일들의 그룹을 위한 메타데이터를 포함하는 파일 ex) 컴퓨터 프로그램의 파일들은 이름, 버전번호, 라이선스, 프로그램의 구성파일들을 가질 수 있다 manifest.json? json 포맷 파일로서, 모든 웹 익스텐션이 포함하고 있어야 하는 파일. 익스텐션이름, 버전과 같은 기본정보를 명시하며 기본스크립트, 내용 스크립트, 브라우저 활동등과 같은 측면또한 명시한다 manifest.json에 지원되는 키 action author background browser_action browser_specific_settings chrome_settings_overrides chrome_url_overrides commands content_sc..

console API? 코드의 특정 지점에서 값이나 변수를 기록하고, 작업의 소요 시간을 알아내는 등 개발자가 사용할 수 있는 디버깅 기능제공 console.log()로 익숙한 API let myString = 'Hello world'; console.log(myString); // Hello world 출력 console 로깅, 스택, 추적, 타이머, 카운터 등 기초적인 브라우저 디버깅 기능을 제공 console 객체는 아무 전역 객체에서나 접근 가능 Instance methods console.assert() 주어진 가정이 거짓인 경우 메세지를 콘솔에 출력 const errMsg = 'the # is not even'; for (let number = 2; number