차근차근 생활 & 코딩

이번 시간에는 장고 CSS, JS, Font, 이미지 이런 정적 파일에 대한 관리 및 설정 방법에 대해 알려드리도록 하겠습니다. Step 1. static 폴더 경로 지정하기 settings.py 파일을 수정하도록 하겠습니다. static 폴더의 경로를 지정해 주는 작업을 하였습니다. #mysite/settings.py import os from pathlib import Path BASE_DIR = Path(__file__).resolve().parent.parent STATIC_URL = '/static/' STATIC_DIR = os.path.join(BASE_DIR, 'static') STATICFILES_DIRS = [ STATIC_DIR, ] STATIC_ROOT = os.path.join(B..

저번 시간에는 클래스(Class) 형으로 input을 통해 데이터를 전달하는 것을 알려드렸는데요. 이번 시간은 함수(Hook) 형으로 input 만드는 법에 대해서 알아보도록 하겠습니다. Step 1. 함수형 템플릿 만들기 우리가 앞으로 작업해야 하는 함수형 템플릿을 만들도록 하겠습니다. import React, { useState } from 'react'; const InputForm = () => { return ( ) } export default InputForm; Step 2. State 정의하기 클래스(Class) 형에서는 this.state={username: '', password: ''} 이런 식으로 정의했었습니다. 하지만 함수(Hook) 형을 사용하시는 분들께서는 클래스(Class) ..

이번 시간에는 EXPO 설치에 대해서 알아보겠습니다. 설치 방법은 너무 간단합니다. Step 1. EXPO 설치하기(Installing Expo) NPM을 이용하여 엑스포를 설치하도록 하겠습니다. * 코드 2개 중 본인이 편한 코드를 한 개 선택하셔서 설치하시면 됩니다. $ npm install --global expo-cli 또는 $ npm install -g expo-cli Step 2. EXPO 신규 앱 만들기 (Create a new app) 설치가 완료되었으면 신규 앱을 만들어 봅니다. 명령어를 입력하시면 blank, blank (TypeScript), tabs (TypeScript) 같은 선택 화면이 표시되게 됩니다. 현재는 타입 스크립트는 필요가 없기 때문에 기본적인 blank를 선택해 줍니..

이번에 알려드릴 것은 클래스(Class) 타입에서 input을 통해 데이터를 전달하는 것을 한번 해보도록 하겠습니다. 제일 처음으로 우리가 흔히 알고 있는 Form이라는 클래스를 만들어보았습니다. 이건 너무 간단하죠? 이건 누구나 아는 html입니다. 우리가 알고 싶은 건 이런 것이 아니겠죠? 리액트 맞추어 코드를 작성해 보도록 하겠습니다. Step 1. state 추가하기 input에 작성된 값을 넘겨주려면 받을 곳이 필요하여, state 추가가 필요합니다. datavalue라는 state를 추가하도록 하겠습니다. constructor(props) { super(props); this.state = {datavalue: ''}; } Step 2. handleChange 함수 추가하기 input 필드에서..

Admin Site에 로그인하기 위해서 슈퍼유저(Superuser)를 만들어야 하는데요. 슈퍼유저란 장고를 관리하기 위한 관리자 권한을 주는 것이라고 생각하시면 됩니다. 간단한 명령어를 통해 접속하는 방법에 대해 알려드리도록 하겠습니다. 아래 명령어를 사용하시면 슈퍼유저가 생성되게 됩니다. Step .1 슈퍼 유저 생성하기 $ python manage.py createsuperuser 명령어를 입력 후 그림과 같이 처음엔 4가지 항목에 대해서 입력 하시면 됩니다. 1) username: 아이디를 입력하시면 됩니다. 2) Email address: 본인의 이메일을 입력하시면 됩니다. (생략하셔도 됩니다.) 3) Password: 본인이 원하시는 패스워드를 입력하시면 됩니다. 4) Password(again..

이번시간에는 자바스크립트 함수에 대해서 알려드리도록 하겠습니다. 참 또는 거짓을 판단할 조건입니다. if 문은 논리식이 '참'일 경우 반환할 결과값을 출력하고, 조건이 거짓일 경우 '거짓'일 경우 반환할 결과값을 출력합니다. 어렵게 설명 드렸지만 간단하게 내가 요청한 값을 출력해 달라는 얘기입니다. 설명 드리면 만약에 a 가 0보다 크면 결과를 positive라는 글자를 출력하고, 아니면 NOT positive 를 출력하라는 명령어 입니다. function testJS(a) { let result; if (a > 0) { result = 'positive'; } else { result = 'NOT positive'; } return result; } if (조건1) 명령문1 else if (조건2) 명..

2021.08.15.(일) 광주시 '율봄 식물원' [율봄 식물원. 율봄농협 예술원] 여러가지 볼거리와 쉼터를 제공하고 청정 자연 속에서의 편안한 휴식을 즐기수 있는 예술원. 무더위가 한츰 꺾여서 일까.. 성큼 다가 온 가을의 시작을 알리는지 오늘의 하늘과 바람은 째.진.다. 하늘도 가을가을 하고, 콧 바람도 나니 걷기에 이 만한 날도 없다. 오늘은 경기도 광주 율봄 식물원으로 향한다. 주말이라 그런지 식물원에는 연인, 가족 단위의 관광객들이 찾았고 주차장이 넓은 덕에 주차고생은 전혀~~없었다. 입구에 들어가기 전, 판매되는 여러가지 다육식물들이 보였다. (우린 구매 하지 않고 아이쇼핑만 ㅋㅋ) 다육 외 다른 식물들도 있는데 가격도 친절히 적혀 판매되고 있다. 무엇보다 내가 율봄 식물원을 찾는 가장 큰 메..

이번 시간에는 다중 조건으로 총합계를 구해 보도록 하겠습니다. 아래 예제는 서울지역에 사는 홍길동의 과자값은 얼마인가? 이렇게 조건 2개에 대한 합계를 구해보도록 하겠습니다. 필수 입력 인자는 sum_range, criteria_range1, criteria1 이렇게 3가지입니다. 그럼 실습을 진행해보도록 하겠습니다. sum_range인자에는 더해야 될 값에 범위를 선택해 줍니다. criteria_range1 인자는 첫 번째 조건의 범위를 설정합니다. criteria1 인자는 찾을 조건을 선택하시면 됩니다. 우리가 첫 번째 찾고자 하는 조건은 이름에 있는 홍길동 이겠지요. 두 번째 조건을 선택하도록 하겠습니다. criteria_range2 인자는 두 번째 조건의 범위를 설정합니다. criteria2 인자..