히치하이커 개발14 [AWS] 1분이면 끝나는 EC2 에 Node.js 설치하기 AWS EC2 에 Node.js 기본 설치 및 확인 vue 나 gulp.js 등을 사용하려면 기본적으로 node.js 가 설치되어 있어야한다. aws EC2 의 경우 노드설치가 기본이 아닌관계로 직접 설치해야한다. 아래는 기본 설치까지의 내용을 정리했다. 시작 전 참고사항을 설명하자면 EC2 에서 서버를 선택할때 aws-linux2 나 ubuntu 를 설치하는지에 따라서 사용하는 명령어가 달라진다. aws-linux2 서버의 경우 yum 명령어를 기본으로 사용하고 ubuntu 서버의 경우 apt-get 명령어를 기본으로 사용한다. 헷갈리지 말자 node 설치 확인 리눅스 yum 업데이트 node 릴리스 node 설치 및 확인 node 설치 확인 node -v 명령어를 실행했을때 버전확인이 안되고 커맨트를.. 2022. 10. 27. [Django] VScode 에서 Github 로 push/pull 하기 Django 생성후 VScode 에서 Github 로 Git push/pull 하기 VScode 로 깃허브에 푸시 하기전에 VScode 와 깃허브간에 시크릿키로 연동되어 있어야 합니다. 이부분은 따로 글 올리도록 하겠습니다. Github 저장소 경로 복사 VScode 에서 git 실행 AWS 에서 git pull 하기 Github 저장소 경로 복사 깃허브에 푸시 하기전에 requirement.txt 를 생성해 놓는다. 장고를 설정하는데 사용된 패키지정보를 정리하는 과정이다. 위치는 manage.py 와 같은 위치에 생성하면된다. pip freeze >> requirements.txt VScode 에서 git 실행 git add . git 에 push 할 코드 폴더에서 "git add . " 실행 add .. 2022. 10. 25. [Django] HTML template 뼈대 만들기 - include, extends, block Django 에서 HTML 뼈대를 만들때 extends 로 base.html 를 상속받고, header 와 footer 등은 include 로 가져와서 반영하게된다. 내용물인 content 는 block 로 정의해서 제공한다. 말만들어서는 무슨뜻인지 알기 어려우니 아래처럼 정리해봤다. HTML 의 구조는 다음과 같습니다. base.html head.html header.html {% contents %} footer.html base.html {% include 'head.html' %} {% include 'header.html' %} {% block content %} {% endblock %} {% include 'footer.html' %} TIP. header 나 footer 에 css 나 js.. 2022. 10. 25. [Django] static 폴더 설정 Django 에서 css, javascript, images 관리 static 폴더는 정적으로 제공할 파일을 관리하는데 활용할수 있다. 해당 폴더의 생성 위치와 장고안에서의 설정등을 안내하려고 한다. 폴더생성위치 setting.py 설정 html 에서의 사용 폴더생성위치 static 폴더안에서는 css, js, images 폴더로 추가 구분해서 활용한다. setting.py 설정 STATICFILES_DIR=[os.path.join(BASE_DIR, "static")] 세팅 파일 제일 아래에 있는 STATIC 설정 부분에 위의 설정을 추가한다. html 에서의 사용 static 폴더내 파일을 가져다 쓰려면 "{% static 'static 이하 경로/파일명' %}" 이런식으로 파일의 경로를 지정해주면된다.. 2022. 10. 22. 이전 1 2 3 4 다음
