본문 바로가기

전체 글141

설치 및 사용 [설치] npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion   Chakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React aSimple, Modular and Accessible UI Components for your React Applications. Built with Styled Systemv2.chakra-ui.com [사용] index.tsx파일에  ChakraProvider 임포트  (아래 링크는 컴포넌트별 설명)ChakraProvider로 을 감싸줘야 함.. 2024. 8. 9.
React 세팅 [react projcect setting]npx create-react-app --template= [폴더 및 파일 정리]아래 파일만 남기고 지우기 -> 안에 import되어 있는 내용들 지우기App.tsx: return에 ( hello world ) 이거 작성해 주기. 안하면 오류남import React from 'react';function App() { return ( alsi )}export default App; index.tsximport React from 'react';import ReactDOM from 'react-dom/client';import App from './App';const root = ReactDOM.createRoot( document.getElement.. 2024. 8. 9.
Test API를 만들고 잘 되는지 확인하기 위해 브라우저에 들어가서 하나씩 확인하는 과정을 거쳤다.점점 api가 많아질수록 힘들어진다.이를 위해 django는 api를 만든 후 test해볼 수 있는 기능을 제공한다.(python manage.py test) 각 application마다 tests.py 파일이 있다. 여기에 테스트할 내용을 클래스로 명시하면 된다.기본적으로 django.test import TestCase가 임포트 되어있다.하지만 rest_framework.test의 APITestCase를 상속받아 테스트 한다. 테스트를 위해 클래스를 만들고 그 안에 매서드를 만들어 테스트할 사항을 세부적으로 명시한다.이때 매서드이름에는 "test_"가 앞에 꼭 들어가야 한다. 그래야만 테스트가 가능하다.  [*.. 2024. 7. 26.
Authentication Authentication은 인증받는 것을 의미한다.Django는 세션 베이스로 로그인을 하게되면 세션과 쿠키를 생성한다.그리고 user가 django페이지에 접속하면 자동으로 쿠키를 읽는다. 자동으로 해주지만 커스텀 하기 위해 여러 방법을 알아본다.  [** django Authentication **]장고에서 사용하는 default Authentication은 다음과 같다.Authentication은 무조건 views.py들 보다 먼저 실행된다.#---------- config/settings.py#AuthenticationREST_FRAMEWORK = { 'DEFAULT_AUTHENTICATION_CLASSES': [ 'rest_framework.authentication.Sess.. 2024. 7. 25.