profile
열심히 개발 공부!

[React-Django] session 이 보관되지 않는 이슈.

React axios를 Django 서버와 통신을하는데 계정을 생성후 수정하는 과정에서 session 이 보관이 안되어 session 을 못찾고 계속 생성하는 문제를 발견CORS은 실행중인 웹 애플리케이션이 아닌 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하

2022년 5월 26일
·
0개의 댓글

[Django-React]CORS Access-Control-Allow-Origin 에러 해결

Access to fetch at ‘https://localhost:8000/api’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Control-All

2022년 5월 23일
·
0개의 댓글
post-thumbnail

[React] npm install @material-ui/core, @material-ui/icons 설치 에러

npm install @material-ui/icons @material-ui/core --force

2022년 5월 22일
·
0개의 댓글

django, django-ninja 설치

django, djangi-ninja 설치프로젝트 명 뒤에 .은 현재 디렉터리를 의미합니다.프로젝트 디렉터리 안에 urls.py 안에 코드를 작성합니다.localhost:8000/api/docs 를 접속하면 swagger 를 사용할 수 있습니다.

2022년 5월 15일
·
0개의 댓글

[Mac] poetry 설치

설치poetry 설치 확인 및 버전 확인

2022년 5월 15일
·
0개의 댓글

Django 서버 실행 RuntimeError 'cryptography' 에러

에러 메시지RuntimeError: 'cryptography' package is required for sha256_password or caching_sha2_password auth methods해결 방법

2022년 5월 15일
·
0개의 댓글
post-thumbnail

React Component 경로 정리하기

React framework 를 사용해서 프론트를 개발하는 도중 Route 해주는 App가 점점 지저분해지는 것 같아서 깔끔하게 정리하는 방법을 찾아봤습니다.파일 구조위와 같은 파일구조를 가졌을때, 아래처럼 코드를 작성해 App.js 를 정리할 수 있습니다.src/ma

2022년 5월 12일
·
0개의 댓글

1. 정규 표현식과 메타 문자, 문자 클래스

메타 문자란 원래 그 문자가 가진 뜻이 아닌 특별한 용도로 사용하는 문자를 말합니다.정규 표현식에 위 메타 문자를 사용하면 특별한 의미를 갖게 됩니다.문자 클래스(character class)로 만들어진 정규식은 " 사이의 문자들과 매치"라는 의미를 갖습니다.문자 클

2022년 4월 21일
·
0개의 댓글

React classnames 모듈

모듈은 여러 클래스를 추가할 때 뿐만 아니라, 특정 값이 true/false 에 따라 클래스명을 추가하거나, 추가하지 않도록 하는 것을 간단하게 구현할 수 있게 만들어줍니다.터미널을 열고!개념만 작성해놓고 나중에 사용시에 사용법도 개시할 예정입니다.!

2022년 3월 10일
·
0개의 댓글

React public 폴더의 절대경로 사용법

JS 파일HTML

2022년 3월 10일
·
0개의 댓글

React 스타일 지정 방법

React 에는 기본적으로 스타일을 작성하는 방법이 크게 2가지고 존재합니다.인라인 방식의 CSS 는 클래스 또는 컴포넌트형 함수들 에서 Object 를 만들어서 직접 태그에 넣는 방식의 스타일 방식입니다.ExampleExample위의 Example 1번과 2번은 같은

2022년 3월 10일
·
0개의 댓글

가상클래스:placeholder-shown

placeholder-shownplaceholder 텍스트가 보이는 상태인지 아닌지를 체크할 수 있는 가상 클래스이다.HtmlCSS

2022년 3월 9일
·
0개의 댓글

user agent stylesheet 알아보기

간단하게 설명하자면, 브라우저마다 스타일 기본 값을 의미합니다.그렇기 때문에 자신이 모든 브라우저에서 원하는 결과 값을 얻기 위해서는 초기화 해주는 작업이 필요합니다.보통 reset.css, Normalize.css 을 통해 초기화 해주게 됩니다.Eric Meyer’s

2022년 3월 9일
·
0개의 댓글

Axios를 이용해 Api 호출하기

1. Axios axios는 node.js 와 browser 를 위한 Http 통신 라이브러리입니다. 2. Axios 설치 axios 를 사용하기 위해선 라이브러리를 설치해주어야 합니다. npm 사용 3. Axios 사용하기 axios 를 사용해 서버와 소통하는

2022년 3월 7일
·
0개의 댓글

react-router-dom 알아보기

react-router - 웹&앱react-router-dom - 웹react-router-native -앱웹 개발을 위해 react-router-dom 패키지를 설치해줍니다.설치 후 사용할 .js 파일에서 import 문에 코드를 추가 후 사용해주면 됩니다.

2022년 3월 7일
·
0개의 댓글

node_modules 가 없을때

github 에서 front 프로젝트를 클론을 했는데 node_modules 가 없을 경우

2022년 3월 7일
·
0개의 댓글
post-thumbnail

mysql 설치하기

docker desktop 설치를 해주고, 아래의 커맨드를 Terminal 에서 실행해서 3306 포트가 비어있는지 확인해봅니다.docker desktop site:https://hub.docker.com/editions/community/docker-ce-d

2022년 3월 7일
·
0개의 댓글

github action, secrets.json 처리

중요한 key 들은 파일을 분리하여 github 에 push 를 하지 않는데,이때, CI 를 구축하고 gitgub action 사용시 문제가 발생합니다.json 파일이 github 에 없기때문에 json 파일이 없다는 오류가 발생문제 해결gitgub settings -

2022년 3월 6일
·
0개의 댓글
post-thumbnail

Continuous Integration(CI), Github Action

수십 명이 하나의 코드베이스에서 작업을 할 때 다음과 같은 과정들을 반복하게 됩니다.테스트가 끝난 코드(master)에서 새로운 branch 를 생성새로운 branch 에서 작업(기능 추가, 최적화 등등)로컬에서 테스트PR(Pull Request) 를 올리고, 코드리뷰

2022년 3월 6일
·
0개의 댓글

black, isort, mypy, 테스트 묶기

프로젝트 root directory 에 test.sh 을 만들어주고, 아래의 코드를 추가해준다.test.sh 실행, Terminal에서 아래의 코드를 실행해줍니다.맥의 경우는 zsh: permission denied: ./test.sh 라는 메시지와 함께 실행이 되지

2022년 3월 6일
·
0개의 댓글