Front-end study/React & Vue
-
React 를 실행시키는 주체는?Front-end study/React & Vue 2025. 8. 23. 13:53
Q)npm start 명령어는 정확히 무엇을 시작시키는 거지?web application server 인건가?그럼 정확히 어떤 종류의 web application server 이고그 web application server 를 시작시키는 exe파일은 어디에 위치하고 있지? npm start 명령어는 **React 개발 서버(Development Server)**를 시작시키는 명령어입니다.이것은 실제 서비스용 웹 애플리케이션 서버(WAS)라기보다는, 개발을 돕기 위한 임시 서버에 가깝습니다.질문하신 내용을 하나씩 상세히 설명해 드릴게요.## 1. npm start의 정체: package.json의 약속npm start는 npm(Node Package Manager)의 내장 명령어가 아니라, 프로젝트마다 다..
-
node modules 폴더 Copy & Past 금지Front-end study/React & Vue 2023. 12. 9. 07:42
# 기존에 작성한 프로젝트 파일을 다른 컴퓨터로 옮길 경우 node_modules 폴더를 copy하여 가져가는 경우가 있는데 용량이 제법되는 폴더라 가져갈 때 시간이 많이 걸린다. # package.json 파일만 있다면 node_modules 폴더는 얼마든지 재생성가능하다. 해당 프로젝트 폴더안에서 npm install 이라 입력하고 엔터! 위 처럼 필요한 라이브러리를 가져와서 node_module 폴더를 꽉 채워준다 ~ The end !
-
JSX 기본(기초) 문법Front-end study/React & Vue 2023. 2. 9. 19:43
#Javascript 파일내에서 JSX (JavaScript Xml)는 일반 html 처럼 사용하면 되지만 주의할 사항이 3가지 있음! 1. 리액트에서 JSX를 반환할 때는 꼭 하나의 태그만 반환 만약 다수의 태그를 반환하고 싶다면 아래 2가지 예시 처럼 부모 태그로 감싸준다. 1) 텅빈 태그(fragment)로 감싸기 2) div 태그로 감싸기 2. class를 사용할 경우 => className 으로 사용 3. Javascript 코드 작성이 가능 xml 태그 내에 Javascript 코드 작성이 가능하고 중간 중간에 넣을 수 있다. 단, Javascript 코드를 작성하려면 중괄호 { ... } 안에서만 사용할 수 있다. # 참고로 HTML 코드를 JSX 로 자동 변경해 주는 사이트 JSX에 익숙해..
-
-
node_modules 폴더 관리Front-end study/React & Vue 2023. 1. 20. 16:28
# github 형상관리 시 필요없는 node_modules 폴더 삭제하기 1. vs code 에서 git bash 모드로 진입 2. 해당 branch 로 가서 (나는 main branch) 3. git rm --cached -r node_modules 4. 위 명령어를 입력하고 enter! 5. 연동된 Source tree 에서 스테이지에 삭제(마이너스)로 올라와 있는 모든 파일들을 커밋! # VS code 에서 나의 PC에 있는 node_modules 폴더를 삭제한 경우 1. 동료의 package.json 파일이 잘 돌아간다면 해당 파일을 copy 후 paste 한다. => package.json 파일이 기본적으로 필요하다 2. npm install => 안 되면 3. npm install --leg..