차근차근 생활 & 코딩

2021. 07. 24. (토) 아들아~ 여름방학이구나! 그런데.. 방학인데 어딜 갈 수 없다. (망할..코로나...수도권 4단계 - 2주 재 연장...) 그래서 준비했어!! 긴긴 여름방학! 아들의 단조로움 채워 줄 닌텐도스위치의 새로운 게임팩! '차근차근 게임코딩'이 나왔다는 구나~~!! 오호~!! 요즘 코딩이 대세 라더만.. (보드라~~ 아빠~ 코딩 좀 하는 남자야~~ 알쥐?) 게임코딩이라~~ 음... 일단, 팩을 구입하기 전 닌텐도 스위치 '체험판'으로 게임 레슨을 받고보고 아들의 흥미와 반응을 살핀 후 구입 할 예정. 혹시나가 역시나.. 아들 빠져 들었어~ 닌텐도가 또 일을 냈구나!! ㅋㅋ 자 그럼 ~ 엄마에게 이 게임팩인지 왜 필요한지 설명하고 ~~ (마나님~ 샬랴~ 샬라~) 그리규~ 게임팩을 ..

우린 이런 멋진 테이블을 만들기 위해 Material-ui 이란 라이브러리를 사용하여 간편하게 만들 예정이에요. Part 1: React 설치 이건 앞에 설명하여 링크를 통해 참조하시면 돼요. https://ssilook.tistory.com/entry/%EB%A6%AC%EC%97%91%ED%8A%B8React-%EC%84%A4%EC%B9%98%ED%95%98%EA%B8%B0 [REACT] 리엑트 설치하기 리엑트 설치 및 실행 방법에 대해 간략히 설명 드리겠습니다. Part 1: React 설치 npm install -g create-react-app *기기에 Node >= 6 이상이 필요합니다. Part 2: React App 생성 create-react-app my-app Part.. ssilook...

리액트 설치 및 실행 방법에 대해 간략히 설명드리겠습니다. 리액트를 만들기 위해 개발 환경을 직접 구축해야 한다. 개발 환경을 직적 구축할 경우 시간이 오래 걸릴 뿐 아니라 유지 보수도 해야 한다. create-react-app은 리액트로 웹 애플리케이션을 만들기 위한 환경을 제공을 해주는 장점이 있어 추천한다. 쉽게 말하면 어느 정도 사용자의 편의성을 위해 리액트를 필요한 것을 미리 구성해놓은 것이라고 생각하면 된다. Part 1: React 설치 npm install -g create-react-app *기기에 Node >= 6 이상이 필요합니다. Part 2: React App 생성 실행 후 my-app 폴더가 생상 되고 그 안에 몇 개의 폴더와 파일이 들어 있다. create-react-app m..

Django Session Timeout(로그아웃) 로그인 시 생선 된 로그인 세션 정보가 일정 시간 사용하지 않음으로써 세션 타임 아웃을 발생시키는 역활을 합니다. 보통 웹 프로그램에서는 보안상의 이유로 세션 타임아웃 기간 및 시간을 설정합니다. 그럼 Django Session Timeout 설정 방법에 대해 기록해 보겠습니다. #Django Session Timeout Code SESSION_COOKIE_AGE = 1200 SESSION_SAVE_EVERY_REQUEST = True Django Settings.py 내 아무 곳이나 Code를 복사하여 붙여 넣어 주시면 됩니다. SESSION_COOKIE_AGE = 1200이면 20분 후 세션 아웃을 설정하였습니다. 설정한 시간을 넘어가게 되면 무조건..

2021. 07. 24. (토) 연일 폭염. "불 앞이 너무 더워!!" 코로나 4단계로 모두가 지치고 힘든 요즘. 초1 아들은 2주간의 원격수업을 마치고 4주간의 여름방학을 맞이했다. 원격 방학식.. 잠시만 안녕~ 2학기때 만나~ 얘들아~ ( 2학기 등교는 될라나..몰라.. ) 암튼.. 연일 타들어 갈것 같은 폭염과 냉파로 죄다 파먹은 집밥으로 온 식구 입맛도 없고, 입도 물려 집 근처 눈도장 해두었던 곳으로 저녁 외식을 나가기로. 우리가족이 오늘 찾은 곳은 "보배반점 - 호매실점" 오픈한지 얼마 되지 않은 듯, 실내는 매우 깔끔하고 넓었다. 일단 보배반점이니 보배짬뽕 2그릇과 아들입맛 좀 돋굳 겸, 여름특선 중화냉면으로 주문. 음식을 기다리다 보니 셀프존에 떡하니~~공기밥이 무료. 자~보배짬뽕!! 육수..

Part 1 : Django(React) Template 설정 및 사용하기 흑흑... 아쉽게도 장고 템플릿을 더 이상 사용하지 않기 때문에 Django Settings.py 파일 내에 Static 경로를 변경하여야 합니다. 하지만 우리에겐 더 멋진 React 템플릿이 있으니 걱정 안하셔도 되겠죠!? import os # 맨위쪽에 입력하시면 됩니다. TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [ os.path.join(BASE_DIR, 'frontend', 'build'), # 경로 변경 ], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'dj..

Part 1 : 장고 앱 생성 Django manage.py 파일이 있는 경로로 이동하신 후 명령어를 입력해 주시면 앱이 생성 됩니다. $ python manage.py startapp api Part 2 : Django와 React 연결에 필요한 PIP 패키지 설치하기 1. DRF 및 Django CORS 설치 및 설정하기 #Django -> React로 데이터 전달을 위한 DRF(Django REST Framework) API 설치하시면 됩니다. $ pip install django-rest-framework #Django로 REST Api 를 만들었는데 React와 연결을 해야할 때 CORS 오류가 발생함으로 설치 및 설정이 꼭 필요합니다. $ pip install django-cors-header..

앞에서 환경설정이 완료 되었으면, Django 와 React 설치를 해야 합니다~ 너무너무 간단하죠~ 혹시나 React가 설치되지 않으면 npm 별도 설치 하셔야 해요~~ㅠ_ㅠ # Django Install $ django-admin startproject djangoreact $ cd djangoreact # React install $ npm install -g create-react-app $ create-react-app frontend