728x90 반응형 SMALL 웹 앱23 [Django] User Logout views.py from django.contrib.auth import authenticate, login, logout def logoutUser(request): logout(request) return redirect('home') urls.py from django.urls import path from . import views urlpatterns = [ path('login/', views.loginPage, name = "login"), path('logout/', views.logoutUser, name = "logout"), path('', views.home, name = "home"), path('room//', views.room, name = "room"), path('crea.. 2023. 3. 9. [React] 회원 가입 폼 react-router-dom 리액트에서 페이지를 전환하기 위해 사용하는 모듈이다. /code/web # npm install react-router-dom@6 CodePen 코드펜은 사용자가 만든 HTML, CSS, 자바스크립트 코드 조각을 테스트하고 시연하기 위한 온라인 커뮤니티이다. Home.tsx src 폴더에서 pages 폴더를 만들고 제일 먼저 보여줄 home.tsx 페이지를 생성한다. function Home = () => { return ( Home ) } export default Home; User.tsx 사용자 페이지를 보여주는 User.tsx를 생성한다. function User = () => { return User } export default User; Profile.tsx c.. 2023. 2. 23. [Django] REST API REST API 장고에서 클라이언트 (사용자) 인증이나 컨텍스트 (세션, 로그인 정보)등을 직접 관리하는 REST API 툴킷이 존재한다. docker run -it -p 9998:8000 -p 9997:3000 -v ${PWD}:/code --name project-01 --net project project:test 장고 패키지를 설치한다. /code # pip install django /code # pip install djangorestframework /code # pip install psycopg2-binary /code # pip install Pillow /code # pip freeze 다음을 수행하면 간단한 형태의 프로젝트가 생성된다. /code # django-admin start.. 2023. 2. 21. [Django] 프로젝트 생성 깃 저장소 (Git Repository) git init git config user.name "닉네임" git config user.email "이메일" gitignore gitignore은 프로젝트 작업시 로컬 환경의 정보나 빌드 정보등 원격 저장소에 관리되지 않는 파일들에 대해서 지정하여 원격 저장소에 실수로 올라가지 않도록 관리하는 파일이다. 정의한 정보들에 해당하는 파일들에 대하여 git track하지 않도록 설정하는 역할을 한다. https://www.toptal.com/developers/gitignore에서 프로젝트에 필요한 파일을 얻을 수 있다. # Created by https://www.toptal.com/developers/gitignore/api/django,python,node,.. 2023. 2. 20. [Django] Search (검색 기능) Search (검색 기능) 웹 애플리케이션의 일반적인 작업은 사용자 입력으로 데이터베이스의 일부 데이터를 검색하는 것이다. 간단한 경우 범주별로 개체 목록을 필터링할 수 있다. 보다 복잡한 사용 사례에서는 가중치, 범주화, 강조 표시, 여러 언어 등을 사용한 검색이 필요할 수 있다. home.html topics별로 browse 가능한 home.html을 구현한다. {% extends 'main.html' %} {% block content %} Browse Topics All {% for topic in topics %} {{topic.name}} {% endfor %} {{room_count}} rooms available Create Room {% for room in rooms %} Edit De.. 2023. 2. 17. [Django] CRUD CRUD (Create, Read, Update, Delete) CRUD는 대부분의 컴퓨터 소프트웨어가 가지는 기본적인 데이터 처리 기능인 Create (생성), Read (읽기), Update (갱신), Delete (삭제)를 묶어서 일컫는 말이다. 사용자 인터페이스가 갖추어야 할 기능 (정보의 참조/검색/갱신)을 가리키는 용어로서도 사용된다. home.html update와 delete가 추가된 home.html을 만든다. {% extends 'main.html' %} {% block content %} Home Template Create Room {% for room in rooms %} Edit Delete @{{room.host.username}} {{room.id}} -- {{room.nam.. 2023. 2. 17. [Django] 템플릿 (Templates) (1) 템플릿 (Templates) 템플릿은 HTML 파일로써 프로젝트 폴더에 "templates" 서브 폴더를 만들고 그 안에 템플릿 파일 (*.html)을 생성한다. 템플릿을 사용해서 html 파일과 views.py를 이용해 연동할 수 있다. 다음 코드를 실행하여 base 폴더를 생성하고 그 안에 home과 room의 html을 만든다. python manage.py startapp base # home.html Home Template # room.html Room Template 그 다음, base 폴더에서 urls.py 파일을 만들고 아래와 같이 작성한다. from django.urls import path from . import views urlpatterns = [ path('', views.ho.. 2023. 2. 1. [Django] URL's / Views URL's 인터넷의 모든 페이지에는 고유한 URL이 필요하다. 프로그램은 해당 URL을 여는 사용자에게 무엇을 표시해야 하는지 알 수 있다. 장고에서는 URLconf (URL 구성)라는 것을 사용한다. URLconf는 장고가 올바른 보기를 찾기 위해 요청한 URL과 일치하도록 시도하는 패턴의 집합이다. 프로젝트 이름으로 생성한 폴더에서 setting.py에 다음을 추가한다. # Application definition INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.con.. 2023. 2. 1. [Django] 환경 설정 가상 환경 https://goatlab.tistory.com/1134을 참고하여 프로그래밍 환경을 맞춘다. virtualenv env 그 다음, 가상 환경을 활성화한다. .\env\Scripts\activate 장고 관리자로 프로젝트를 생성한다. django-admin startproject "프로젝트 이름" 프로젝트 폴더로 이동하고 manage 파일을 실행한다. cd "프로젝트 이름" python manage.py runserver http://127.0.0.1:8000/ 링크로 홈페이지를 연다. 2023. 2. 1. 플라스크 (Flask) 플라스크 (Flask) 플라스크 (Flask)는 파이썬으로 작성된 마이크로 웹 프레임워크의 하나로, Werkzeug 툴킷과 Jinja2 템플릿 엔진에 기반을 둔다. BSD 라이선스이다. 플라스크의 최신 안정판은 2017년 5월 기준으로 1.1.1이다. 플라스크 프레임워크를 사용하는 애플리케이션에는 핀터레스트, 링크드인, 플라스크 자체를 위한 공동체 웹 페이지를 포함한다. 플라스크는 특별한 도구나 라이브러리가 필요 없기 때문에 마이크로 프레임워크라 부른다. 데이터베이스 추상화 계층, 양식 유효성 확인, 기타 기존의 서드파티 라이브러리가 공통 기능을 제공하는 구성 요소가 없다. 그러나 플라스크는 플라스 자체에서 구현된 것처럼 애플리케이션 기능을 추가할 수 있는 확장 기능을 지원한다. 확장 기능은 객체 관계 .. 2023. 1. 30. 이전 1 2 3 다음 728x90 반응형 LIST
