WebCodesk는 NPM 모듈로 설치된 응용 프로그램입니다. 서버 부품과 클라이언트 부품의 두 부분으로 구성됩니다. 서버 부분은 로컬 컴퓨터의 명령 줄에서 시작 해야하는 nodejs 응용 프로그램입니다. 클라이언트 부품은 웹 브라우저에서 실행됩니다.
WebCodesk는 개발자가 React UI 구성 요소로 웹 응용 프로그램을 작성하는 데 도움이됩니다. 사용자가 페이지에서 UI 구성 요소를 작성 하고 UI 구성 요소간에 데이터 흐름 로직을 만들고 데이터 흐름을 시각적으로 디버그 할 수있는 시각적 편집기가 많이 있습니다.
WebCodesk가 만든 이유에 대한 HackerNoon의 기사를 읽으십시오.
귀하의 경험은 기능이 제한되어 있고 신뢰할 수 없으며 모두 빨기 때문에 시각적 빌더가 필요하지 않다고 말할 것입니다.
WebCodesk에 기회를주고 자신만의 작은 단일 페이지 응용 프로그램을 만들려고 노력하십시오. 추가 코드를 작성하고 싶지 않을 것입니다.
당신은 새로운 것을 배울 필요가 없습니다. 오히려 Redux에 대한 불필요한 코드를 작성하지 않습니다.
WebCodesk는 코드를 생성하지 않습니다. 신뢰할 수있는 작은 프레임 워크를 사용합니다. 신뢰성의 증거는 프레임 워크가 WebCodesk 자체 내에서 사용된다는 사실입니다.
WebCodesk의 각 프로젝트는 Create-React-App으로 부트 스트랩됩니다. 또한 WebCodesk 용으로 설계된 라이브러리 인 React-Apprmework가 프로젝트 코드에 추가됩니다.
이 프로젝트에는 React App 프레임 워크에 공급되는 구성 파일이 포함되어 있습니다. 차례에 프레임 워크는 페이지, 경로 및 간단한 React 구성 요소의 redux 용 컨테이너를 만듭니다.
그런 다음 프레임 워크는 컨테이너를 Redux 동작을 사용하는 것처럼 컨테이너를 동작 체인으로 연결합니다.
프레임 워크의 구성은 수동으로 작성하기에 충분히 복잡합니다. 따라서 WebCodesk는 시각적 편집자로 작성하고 편집 할 수 있습니다.
반응 구성 요소와 함수의 코드를 작성하기 만하면됩니다.
> npx @webcodesk/install-webcodesk <new-project-name-dir>
> cd ./<new-project-name-dir>
> yarn wcd
http://localhost:7070
시장에 나와있는 프로젝트를 선택하십시오
이제 좋아하는 IDE에서 프로젝트의 소스 코드를 엽니 다.
IDE에서 프로젝트의 작업 공간을 설정하기 전에 소스 코드 저장소를 시작하는 것이 좋습니다. 예를 들어, GitHub Repo의 방법에 대한 지침을 읽으십시오 : 명령 줄을 사용하여 GitHub에 기존 프로젝트 추가
> yarn remove @webcodesk/webcodesk-srv
> yarn add @webcodesk/webcodesk-srv -D -E
사용자 안내서에는 구성 요소 및 기능을 만드는 방법에 대한 기술적 세부 정보와 응용 프로그램을 구축하는 방법을 찾을 수 있습니다.
나는 새로운 기능 요청이나 당신이하고 싶은 일에 매우 열려 있습니다. 그러나 새 PR을 만들기 전에 세부적인 설명으로 새로운 문제의 기능을 논의 해 봅시다.
도움이 필요하거나 누군가가 당신과 함께 작업 공간을 설정하고 IDE에서 코드를 밟을 수 있도록하는 경우, 말하는 것을 두려워하지 마십시오!
GNU GPLV3
저작권 (C) 2019 Alex Pustovalov