회사 맥에서 하던거를 집에있는 노트북에서 하려했더니 에러가 났다. 이유를 몰라서 일단 rm .\node_modules\ rm .\package-lock.json 을 해준후 다시 npm install 을 해줬다. 그래도 에러가 떴다. 짜증난다. 에러내용은 'NODE_ENV'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. 해결방법은 node-env를 글로벌로 설치해주는것이었다. npm install -g win-node-env 히히 잘된다

Hoppscotch • Open source API development ecosystem • Hoppscotch https://echo.hoppscotch.io hoppscotch.io API 통신할 때 설계, 테스트하기위한 플랫폼으로 많이쓰는 건 포스트맨, 스웨거가 있다. 근데 두 개 다 다운로드, 회원가입이 필요한데 HOPPSCOTCH는 그냥 브라우저에서 바로 사용이 가능하다. 테스트할 API 스타워즈 API인 SWAPI 다 SWAPI - The Star Wars API What is this? The Star Wars API, or "swapi" (Swah-pee) is the world's first quantified and programmatically-accessible data sourc..

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

Node를 사용해서 폴더 및 파일을 생성하는 코드 작성중 오류가 발생했다. data인자에는 스트링이 들어가야 한다는 에러였다. const fs = require('fs'); const folderName = process.argv[2] || 'Project'; // 동기 방식 try { fs.mkdirSync(folderName); fs.writeFileSync(`${folderName}/index.html`); fs.writeFileSync(`${folderName}/app.js`); fs.writeFileSync(`${folderName}/styles.css`); } catch (error) { console.log('///////////////////////////////////'); console..

시맨틱 태그? 시맨틱(semantic)이라는 '의미의', '의미론적인'라는 뜻을 가진 형용사로써 의미를 부여한 태그라는 뜻이다. 페이지 골격을 만들 때 div대신 시맨틱 태그를 사용해 영역을 나누어 기본 구조를 정해준다. div와 span 대신 시맨틱 태그를 사용하는 이유? - 이름만 보고 유추하기 어려운 상황에 의미가 있는 태그로 내용을 좀 더 명확하게 만들어 관리가 편해진다. - SEO에 유리하다. 검색엔진은 태그를 기반으로 페이지 내 검색 키워드의 우선 순위를 판단한다. 따라서 제목은 h1, 중요한 단어는 strong 또는 em을 사용하는 등 의미에 맞는 태그를 사용하는 것이 중요하다. 또한 웹브라우저가 HTML만 보고도 상단(header), 본문(main), 하단(footer), 사이드(aside..