CRUD 중 Read기능 구현 views.py from django.shortcuts import render, HttpResponse topics = [#리스트 생성 {'id': 1, 'title': 'routing', 'body': 'Routing is ..'}, {'id': 2, 'title': 'view', 'body': 'View is ..'}, {'id': 3, 'title': 'Model', 'body': 'Model is ..'}, ] def index(request): global topics #전역변수 지정 ol = '' for topic in topics: ol += f'{topic["title"]}' #f 사용시 중괄호에서 변수 바로 사용가능 return HttpResponse(f'..
웹 서버는 정적 만들어진 웹페이지 사용 성능이 빠름 (준비된 것을 사용) 웹 애플리케이션 동적 사용자가 요청할 때마다 웹페이지 생성 느림 , 공부 해야 할 것이 많음 유지 보수가 좋음 동적 사용 예시 views.py 수정 from django.shortcuts import render,HttpResponse import random # Create your views here. def index(request): return HttpResponse('Welcome!'+str(random.random())) #random한 페이지 생성 예시 def create(request): return HttpResponse('Create!') #http를 이용한 객체전달 def read(request,id): ret..
사용자가 접속한 각각의 경로를 누가 처리할지 정하는 것이 Routing urlpattrens에는 routing과 관련된 정보 myapp에 위임 방법 myproject의 urls.py파일에 코드 추가 from django.contrib import admin from django.urls import path , include #inlcude를 import # # # # urlpatterns = [ path('admin/', admin.site.urls), path('', include('myapp.urls')) #path 지정 ] myapp에 urls.py 파일 복사, 코드 수정 from django.contrib import admin from django.urls import path, include..
실제로 어플리케이션을 프로젝트에서 구현하는 것이 아니라 app이라는 작은 단위에서 구현 각각의 app에는 urls.py가 담겨있음 app안에는 view가 있고 여러가지 함수를 만들어 구체적인 구현 사용자 접속 각각의 경로를 누구에게 위임할지 project의 urls.py 설정 위임 된 app에서 urls.py에서 적당한 view와 적당한 함수로 위임 model 통해서 DB사용 DB의 정보를 받아 클라이언트에게 응답(html, json, xml 등) django app 생성 $ django-admin startapp myapp 생성된 app
django 설치 $ python -m pip install django 원하는 디렉토리에 myproject 생성 $ django-admin startproject myproject . settings.py에는 여러가지 설정이 들어가 있음 urls.py 사용자가 접속하는 path에 따라서 라우팅을 해주는 중요한 파일 manage.py 프로젝트 진행시 필요한 여러가지 기능이 있는 유틸리티 파일 django 실행 $ python manage.py runserver 실행 후 http://127.0.0.1:8000/ 접속 화면 만약 이미 실행하는 서버가 8000번 포트를 사용 중일 때는 $ python manage.py runserver 8888 http://127.0.0.1:8888/ 으로 접속이 가능하다. ..
지금까지는 필요한 웹페이지를 미리 만들었다가 요청을 하면 응답 해결 방법 파이썬으로 웹 페이지를 만드는 프로그램을 만든 후 요청이 올 때마다 프로그램이 요청에 맞는 웹페이지를 만들어 응답 웹 프레임워크 : 웹 애플리케이션을 만드는 작업을 미리 해 놓은 소프트웨어 웹 프레임워크 예 JAVA : JSP, Servlet, Spring PHP : Laravel, Cordeignitor Ruby : Ruby on rails Node js : Express.js Python : Flask, Fast API 우리가 배울 것은 Python 진영의 Django 요청이 들어올 때마다 웹페이지를 순간적으로 찍어내서 서비스하는 공장
Stackblitz 사용하여 개발 환경 구현 react redux 설치 방법 redux와 react-redux 설치 npm install redux react-redux 기존 react 사용 시 컴포넌트 안에 컴포넌트가 중첩 되어서 사용 할 때 props의 연쇄적 연결이 필요, 마치 유선으로 이어진 것과 같음 하지만 redux 사용 시 redux의 store 중심으로 컴포넌트 끼리 직접 연결 가능 provider : state를 어떤 컴포넌트에 적용할지 정의 useSelector : 어떤 state 값을 선택할지 정의 useDispatch : state값을 변경 시킬 때 사용 connect : 재사용성을 높이기 위해서는 필요하지만 사용하기 어려움
Delete는 누르자마자 삭제를 하면 안되기 때문에 링크 대신 버튼 사용 App.js import logo from './logo.svg'; import './App.css'; import {useState} from 'react'; //state 사용 function Header(props){//컴포넌트 생성(대문자로 시작) return { //event객체를 첫번째 파라미터로 event.preventDefault(); //태그 의 기본동작 방지-> reload 되지 않게 props.onChangeMode(); // alert 호출 }}>{props.title} } function Nav(props){ const lis =[] for(let i=0; i{t.title}) //lis에 하나씩 넣기, 동적..
- Total
- Today
- Yesterday
- SEB43
- 프로젝트
- 그리디 알고리즘
- 프리프로젝트
- 감정 일기장
- 백준
- 스택오버플로우
- Redux
- 개인 프로젝트
- til
- 기술면접
- 브루드포스
- 코드스테이츠
- 다이나믹 프로그래밍
- 프론트엔드
- seb
- SEB43기
- 프로그래머스
- dictionary
- Python
- SEB 43
- React quill
- useContext
- SEB 43기
- 인적성
- BFS
- 회고
- dfs
- 코테
- 감정일기장
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |