FRONT-END

무료 웹 에디터 추천 (tiny)

🔍 새로운 발견 인프런 대시보드 기능들을 구경하다가 자기소개 영역의 웹에디터가 눈에 띄었다.! 뭔가 심플하면서 다양한 기능들을 제공하는 유용한 에디터인 것 같아서 검색을 해보았다. 타이니라는 웹 데이터였고, 이건 글을 쓰다가 알게된 내용인데 티스토리 에디터는 뭘쓰지 하고 보니 마찬가지로 타이니 웹 데이터를 사용하고 있는걸 발견했다.. 신기..😮 오픈소스라 무료로 사용 가능하고, 다양한 언어들의 샘플 코드까지 제공하고 있어서 쉽게 개발을 할 수 있다. Tiny The Most Advanced WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCE TinyMCE is the most advanced WYSIWYG HTML editor designed to sim..

[React] 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다.

🤨 문제 발생 집에서 리액트 프로젝트 작업을 하고 나서 푸쉬를 한 뒤, 노트북에서 git에서 clone한 react 프로젝트를 실행하려고 npm start 명령어를 입력했는데 에러가 발생하였다. 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 🚀 트러블슈팅 npm 버전 문제 인가 싶어서 에러 발생하는건가 싶어서 진행 npm update npm 실행 npm start 위 방법으로도 해결 되지 않았다. npm이 제대로 설치 되지 않아 react-scripts를 찾지 못한 원인 으로 추측 하고 재설치를 진행했다. npm install 😂 해결 react 프로젝트를 git에서 clone받게되면 node_module이 다운로드 되어 있지 않은 것이..

리액트의 기초!기본! 컴포넌트에 대한 지식

리액트 홈페이지에 들어가게 되면 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 라고 소개가 되어 있다. 그 아래로 내려가서 보게되면 ' 컴포넌트 ' 라는 단어가 반복하여 나오게 되는게 '이게 뭘까?' 라는 의문이 들어 공부를 하고 내가 알게 된 지식을 정리하려고한다. 컴포넌트의 상태값을 이용하여 UI에 표현하게 객체이다. 컴포넌트의 상태는 인스턴스 속성( Properties )을 이용해 관리한다. 컴포넌트 간에 단방향으로 데이터를 주고 받는 props와 컴포넌트 내부에서 사용하는 state가 있다. 데이터를 주고 받는 props는 읽기만 가능하고 수정이 불가능하지만, 컴포넌트 내부에서 사용하는 state는 컴포넌트의 상태를 비동기 방식으로 바꿀수 있고 this.setState를 사용하여 ..