모도리는 공부중

[환경설정] django, vue, node project 생성 및 실행 본문

내 지식 정리/날것 그 자체

[환경설정] django, vue, node project 생성 및 실행

공부하는 모도리 2021. 8. 20. 16:41
728x90
반응형

https://cometruedream.tistory.com/57django test project 생성 및 실행

참고 문서

https://developer.mozilla.org/ko/docs/Learn/Server-side/Django/development_environment

 

Django 개발 환경 세팅하기 - Web 개발 학습하기 | MDN

이제 장고가 무엇인지 알았으니, 윈도우, 리눅스(우분투), 맥 OS X에서 어떻게 장고 개발환경을 세팅하는지, 설치 후에는 어떻게 테스트하는지 살펴보겠습니다. 즉 이 문서를 통해서는 사용하

developer.mozilla.org

 

 

사수의 조언

django 같은 경우는 requirements.txt 파일을 함께 보내주셔야해요.
node기반 프로젝트는 package.json에 라이브러리, 모듈 목록이 기술되어 있는데 이와 비슷해요.
프로젝트를 구성할 때 사용한 python 버전이라든지를 명시한 README.md 파일을 추가 작성해주시면 다른 개발자들이 설치, 빌드, 실행하는 과정을 쉽게 할 수 있을 것 같아요.

 

그리고 보내주신 requirements.txt 관련 사이트

https://ssungkang.tistory.com/entry/Django-requirementstxt-%EB%A5%BC-%ED%86%B5%ED%95%9C-%ED%8C%A8%ED%82%A4%EC%A7%80-%EC%A2%85%EC%86%8D%EC%84%B1-%EA%B4%80%EB%A6%AC

 

[Django] requirements.txt 를 통한 패키지 종속성 관리

requirements.txt 패키지 종속성 관리 intro 현재 장고 프로젝트를 진행중입니다. 둘이서 git 을 통해서 협업을 하고 있으며 각자 venv를 사용해 가상환경에서 작업을 하고 있습니다. 한 가지 문제에 봉

ssungkang.tistory.com

 

 

vue2 test project 생성 및 실행

참고문서

https://simplevue.gitbook.io/intro/01.-vue-cli

 

01. vue-cli 알아보기

vue project 환경에 대해서 학습합니다.

simplevue.gitbook.io

 

vue의 경우 설치하면 README.md 파일이 자동으로 생성되기 때문에 다른 개발자를 위해 따로 README.md 파일을 만들어줄 필요가 없으며, 프로젝트를 진행하면서 필요하다면 그 README.md에 추가로 작성하거나 지우고 새로 작성하는 것이 방법이다.

 

 

express test project 생성 및 실행 (express-generator로 설정하였음)

참고문서

https://dunchi.tistory.com/56 

 

둔치의 개발 이야기

주니어 개발자가 공유하는 프로그래밍! 앱과 웹 그리고 실무에서 사용하는 CI/CD! 알고리즘과 코딩테스트까지

dunchi.tistory.com

 

+)2022.04.22. 오랜만에 study용으로 프로젝트 뼈대를 만드는데 이전에 참고했던 링크대로 하니 안됐다. 그래서 재검색.

https://cometruedream.tistory.com/57

 

Node.js express-generator와 미들웨어 개념

Express는 Node.js에서 가장 대표적인 프레임워크 입니다 Express활용해서 다양한 npm을 사용할수 있고 개발생산성을 높일수 있습니다 그리고 그런 뼈대를 잡아서 더 편리하고 손쉽게 폴더와 파일을생

cometruedream.tistory.com

npm i -g express-generator

express . --view=ejs

이렇게 해주니 예전처럼 내가 원하는 자동 뼈대 생성 완료.

 

 

.. gitignore 강제 추가 (node_module에 있던 것을 일부 가져다 써진 상황) 문제로 vue_test를 지우고 재설치.

기존에 vue2를 설치했으나 이번엔 vue3 설치로 진행.

 

다 설치하고 나서 git init을 하고 나면(git init을 하기 전에 뜰 수도 있다. 정확한 시점이 기억나지 않지만) vue 디렉토리에 gitignore를 추가하겠냐는 문구가 우하단에 생성된다. 이걸 추가를 안할 수가 없으니 일단 추가를 하고, 나처럼 하나의 경로에 여러 프로젝트를 생성한 경우 필수적으로 오류가 발생한다. 왜냐면 gitignore의 경우 프로젝트의 최상위 디렉토리에 위치시켜야 해서 단순히 gitignore의 위치를 바꾸는 정도로는 문제를 해결할 수 없다. 이런 경우 일단 gitignore의 위치를 최상위 디렉토리로 옮긴 다음 gitignore.io 사이트를 참조하는 것을 추천한다.

 

gitignore.io

Create useful .gitignore files for your project

www.toptal.com

 

위 사이트를 접속하여 git commit, push를 할 때 무시시킬 것들을 입력한다. 나의 경우 django와 express, vue에 해당하는 gitignore가 필요한 관계로 아래와 같이 입력했다.

express의 경우 내가 원하는게 뜨지 않아서 사수의 조언대로 Node를 입력했다. 생성 버튼을 누르면 다음과 같은 창이 뜨는데,

ctrl + a, c 를 통해 내가 필요한 .gitignore에 있는 내용물을 대신 해주도록 한다. 이후 git add, commit, push를 해주면 정상적으로 원격 저장소에 업로드되는 것을 확인할 수 있다.

728x90
반응형
Comments