본문 바로가기

분류 전체보기

(185)
Django ) 설치 장고 설치python3 -m pip install django 서브 명령어 확인하고django-admin 프로젝트 생성뒤에 . (점)은 현재 디렉토리에 myproject 폴더를 생성하겠다.django-admin startproject myproject .  settings.py - 운영에 필요한 설정들이 들어가있는 파일urls.py - 사용자가 접속하는 path에 따라서 요청을 어떻게 누가 처리할것인지 정하는 파일manage.py - 프로젝트를 진행하면서 필요한 여러가지 기능이 들어가있는 유틸리티 파일  app 생성django-admin startapp myapp 서버 열기python manage.py runserver 특정 포트에서 서버열기python manage.py runserver 2000  오류..
SCSS ) 설치 및 셋팅 npm install -g sass npm show sass version   먼저 scss 폴더 안에 scss 파일을 작성한 다음아래 명령어를 치면scss -> css 파일로 변환되어 css 파일이 생기게 됩니다.sass ./scss/style.scss ./css/style.css  근데 매번 수동으로 sass한테 명령을 내리면 불편하니까--watch라는 플래그를 넣어 sass가 해당 파일을 감시하게 만들 수 있습니다.sass --watch sass --watch ./scss/style.scss ./css/style.css 그럼 scss 파일을 작성하고 저장할때마다 아래처럼 컴파일되었다고 날짜와 시간이 뜬다.   그런데 scss 디렉토리에 있는 모든 파일을 css로 변환한 후에다른 디렉토리로 이동해야..
SQL ) 집계함수 함수명설명SUM()합계를 구합니다.AVG()평균을 구합니다.MIN()최소값을 구합니다.MAX()최대값을 구합니다.COUNT()행의 개수를 셉니다.COUNT(DISTINCT)행의 개수를 셉니다.(중복은 1개만 인정)
Node.js ) 프라미스 / 어싱크 / 어웨이트 1. Promise (프라미스)프라미스는 비동기 작업의 성공 또는 실패 결과를 나타내는 객체입니다. 작업이 완료되면(성공 또는 실패) 그 결과를 나중에 사용할 수 있습니다. 프라미스는 세 가지 상태를 가집니다:Pending: 대기 중인 상태 (작업이 완료되지 않음).Fulfilled: 작업이 성공적으로 완료된 상태.Rejected: 작업이 실패한 상태.Promise의 기본 사용법:let promise = new Promise((resolve, reject) => { let success = true; if (success) { resolve("작업 성공"); } else { reject("작업 실패"); } }); promise .then(..
Node.js ) 동기 / 비동기 동기 (Synchronous)동작 방식: 작업들이 순차적으로 처리됩니다. 하나의 작업이 끝나야 다음 작업이 실행됩니다.특징:코드가 작성된 순서대로 실행되며, 각 작업이 끝날 때까지 기다립니다.처리 시간이 오래 걸리는 작업이 있으면, 그 작업이 끝날 때까지 다른 작업은 중단됩니다. 비동기 (Asynchronous)동작 방식: 작업들이 병렬적으로 실행될 수 있습니다. 작업이 완료되지 않더라도 다른 작업이 먼저 실행될 수 있습니다.특징:시간이 오래 걸리는 작업이 있어도 프로그램이 그 작업을 기다리지 않고 다른 작업을 계속 진행합니다.콜백(callback), 프로미스(Promise), async/await 같은 메커니즘을 사용하여 결과가 나왔을 때 작업을 처리합니다. 차이점 요약동기: 순차적으로 작업이 진행되며..
Python ) 파이썬으로 주민번호 유효성검사 validNumber = [2,3,4,5,6,7,8,9,2,3,4,5] userNumber = []temp = []for i in range(len(validNumber)): temp.append(validNumber[i] * userNumber[i])print(temp)sum = 0for i in range(len(temp)): sum += temp[i]print(sum)namerge = sum % 11print(namerge)key = 11 - namergeif len(str(key)) == 2: key = key % 10 if key == userNumber[12]: print("OK") else: print("NO")else: if key ..
React ) 리액트로 사업자번호 유효검사 import logo from './logo.svg';import { useState } from 'react';import './App.css';function Main(){ const validNumber = [1,3,7,1,3,7,1,3,5]; const [businessNumArray, setBusinessNumArray] = useState([]); const [tempArray, setTempArray] = useState([]); //const [sum, setSum] = useState(null); return ( { event.preventDefault(); ..
React ) state props는 하위컴퍼넌트로 값을 전달하는 방법, state는 한 컴퍼넌트안에서 값을 전달하는방법 app내에 변수값은 최초 콜 시에만 인지하고 변경된 값은 인지하지못한다.그래서 변화되는 값을 추적하기위해 useState를 사용한다.useState는 배열을 리턴하는데 0번째 데이터는 값, 1번째 데이터는 값을 변경하는 함수를 가진다.보통 함수는 변수명, set어쩌고 로 받는다.     위의 코드에서 기존의 topics를 복제하여 복제된 변수에 새로운 객체를 추가하고 그 객체를 setTopics로 변경해주었는데 그렇게해야 변경이된다. topics는읽기속성이기 때문에 읽기속성에 puch를 때려봤자이기도하고 useState의 경우 원래 값과 변경함수를 사용하여 변경한 값이 같으면 다시 로드를 안하기 때문이다.im..