전체 글 (108) 썸네일형 리스트형 [React] 오류 sh: react-scripts: command not found 1. 에러 상황 npm start 실행 시 다음과 같은 오류가 났다. 2. 에러 코드 sh: react-scripts: command not found 3. 원인 package.json 내 모든 dependency를 다운로드하지 않아 package.json 내 script를 제대로 읽지 못해서 생긴 에러이다. 해결 방법 npm install 을 통해 모든 패키지를 설치해주기! npm install npm start 를 하니까 리액트가 잘 실행되었다! 출처 : https://heytech.tistory.com/412 [React]react-router-dom 설치하기 1. 터미널 창을 켜서 react-router-dom 을 설치하고 싶은 react 디렉토리로 이동 2. 설치 명령어 입력 npm install react-router-dom --save 3. package.json 에 가서 react-router-dom 이 추가되었는지 확인하기 [React]npm start 실행할 때 포트가 이미 실행중이라고 뜰때 npm start 를 실행하니 다음과 같이 나왔다. ? Something is already running on port 3000. Probably: /usr/local/bin/node /Users/eunnyeongjang/Desktop/projects/test/node_modules/react-scripts/scripts/start.js (pid 32989) in /Users/eunnyeongjang/Desktop/projects/test Would you like to run the app on another port instead? › (Y/n) 이건 localhost:3000/ 이 이미 실행중이라는 뜻. 어디선가 내 컴퓨터에서 실행되고 있나보다. 이럴때는 Y를 누르면 https://localhos.. sudo 계정 이후 npm start permission denied create-react-app 을 실행시키려고 npm start 를 실행시켰더니 다음과 같은 오류가 떴다. Compiled with problems: × ERROR [eslint] EACCES: permission denied, mkdir '/Users/eunnyeongjang/Desktop/projects/test/node_modules/.cache' sudo 를 사용해서 에러가 발생했다. 그래서 이번에도 sudo npm start 로 하니까 성공 ! [React] npx create-react-app 오류 React를 실행시키기 위해 create-react-app을 설치해야한다. create-react-app 은 리액트 프로젝트에 필요한 패키지들을 묶어 리액트 앱을 생성해주는 도구이다. npx로 create-react-app 을 설치하는 명령어는 다음과 같다. 하지만 npx create-react-app 프로젝트명 을 실행했는데 다음과 같은 오류가 났다. Aborting installation. npm install --no-audit --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed. Deleting generated file... package.json Deleting react-for-bi.. [ Javascript] [프로그래머스] 코딩테스트 입문 Day1 [두 수의 합, 두수의 차, 두 수의 곱, 두 수의 몫] Javascript를 처음 공부하면서 프로그래머스에 있는 코딩테스트 입문 챌린지를 해보려고 한다. 매일 4문제씩 풀어서 25일간 총 100문제를 푸는 챌린지이다. 25일간 100문제를 풀면 머쓱이 스탬프를 획득한다! Day 1의 문제 코드들을 공유해본다. 1. 두수의 합 https://school.programmers.co.kr/learn/courses/30/lessons/120802 function solution(num1, num2) { const answer = num1 + num2; return answer; } 다른 사람 풀이 const solution = (num1, num2) => num1 + num2 2. 두수의 차 https://school.programmers.co.kr/learn/co.. [CSS] 박스 모델 "생활코딩님의 css 강의 내용을 정리한 글입니다" CSS 박스 모델 → 부피감 활용 화면 전체를 쓰는 태그들 - block level element 자기 화면 공간만 쓰는 태그들 - inline level element 컨텐츠 크기를 지정할 때 폭 : width높이 : height 컨텐츠와 바깥쪽의 테두리 사이 간격 :padding 테두리와 테두리 사이 간격 : margin 여기서 큰 CSS 는 화면 전체를 쓰는 태그로 block level element 이고, 작은 CSS 는 자기 화면 공간만 쓰는 inline level element 이다. 코드 예시를 보자 CSS CSS [CSS] CSS 기초 개념 및 문법 (1) - style , selector , declaration "생활코딩 css 강의의 내용을 정리한 글입니다." CSS가 등장하기 전의 상황 원래는 HTML (전자문서) 만 있었음. 하지만 사람의 욕심이 끝이 없음 . 웹 페이지를 아름답게 만들고 싶은 욕구 html - 디자인과 관련된 새로운 태그 생성했지만 한계점 있었음 ( 기존 정보 검색의 HTML 과 구분 어려움) -> css - 디자인과 최적화된 완전히 새로운 언어 탄생 CSS의 등장 css 를 통해서 중복된 코드를 제거 → 유지 보수를 훨씬 효과적으로 디자인과 관련된 것은 여기서 a : 선택자(selector) { } 안의 코드 : 선택자에게 지정될 효과 (declaration) color : red (property) : (value) 2) style 속성을 쓴다. style이라는 속성은 웹브라우저는 c.. 이전 1 2 3 4 5 ··· 14 다음
