Application Programming

[Django] Jump to Django (00/프로젝트 생성)

Django는 Python의 오픈 소스 웹 프레임워크이자 풀 스택 프레임워크이다. 일반적으로 파이썬을 웹 서비스에 쓴다고 하면 Django 또는 Flask를 쓴다고 생각하면 된다. 둘의 차이는 풀 스택 프레임워크(Django)냐 아니냐 정도. 🚀Django 개발환경 세팅 mkdir venvs # 가상환경 루트 디렉토리 만들기 cd venvs python -m venv mysite # 파이썬 가상환경 만들기 cd mysite/Scripts activate # 가상환경 진입 pip install django==4.0.3 # 장고 설치 python -m pip install --upgrade pip # 에러 날 시 pip upgrade Django project 생성하기 cd / mkdir projects c..

[Python] 🐍python 환경세팅

1. Pycharm 설치 2. Anaconda 설치 아나콘다는 통합패키지로 파이썬을 포함해서 많은 모듈을 포함하고 있다. Jupyter Nodebook, Spyder, IPython같은 개발 환경과 pandas, NumPy 같은 파이썬 라이브러리가 함께 설치된다. 아나콘다의 특징은 다음과 같다. 7500개 이상의 파이썬 용 패키지를 다운로드할 수 있음 conda 환경에서 라이브러리, 디펜던시 관리 scikit-learn, TensorFlow, Theano로 머신러닝, 딥러닝 개발 Dask, Numpy, pandas, Numba로 데이터 분석 Matplotlib, Bokeh, Datashader, Holoviews로 시각화 아나콘다는 다음과 같이 표현할 수 있다. anaconda = python + con..

[web] php 설치

🚀 설치 설치가 끝나면 Bitnami\wampstack-8.1.4-0 폴더 아래의 manager-windows.exe 파일이 아래와 같이 뜬다. 여기서 web server를 켜고 끌 수 있다. Bitnami\wampstack-8.1.4-0\apache2\htdocs 가 작업할 기본 디렉토리가 된다. 여기다가 test.php를 생성하고 다음과 같이 코딩해서 127.0.0.1/test.php로 접속해보자 ⚙️ 설정 Bitnami\wampstack-8.1.4-0\php 폴더의 php.ini 를 편집해서 설정을 바꿔보자. 1. 에러메세지 on (공부용일때만 상용에선 에러메세지를 보이면 취약점이 될 수 있음) display_errors = On 2. opcache 끄기 (켜두면 바로 반영안되고 캐시가 적용됨) o..

[Three.js] Intro

1. Create Scene 2. Add Mesh

[⚛️React.Js] 리액트 프로젝트 생성

1. Create npx create-react-app project-name-here // npx create-react-app project-name-here --template typescript 2. Run npm start 그러면 리액트 로고가 돌아가는 화면이 나온다. 3. 컴포넌트 분리 Header.js (모든 함수는 대문자로 시작해야한다.) export const Header = () => ( // 상태 비저장 구성 요소를 화살표 함수로 사용하는 경우 콘텐츠는 대괄호 "{}" 대신 괄호 "()"에 들어가야 하며 반환 함수를 제거해야 한다. I am Header ); App.js import logo from './logo.svg'; import './App.css'; import { Head..

[Typescript]

🚀개발환경 세팅 1. typescript 설치 npm install -g typescript 2. 경량 web server 세팅 npm init npm install --save-dev lite-server 3. package.json에 시작 스크립트 추가 "scripts": { "start": "lite-server" }, 4. run npm start 5. tsconfig.json tsc --init tsconfig.json { "compilerOptions": { "target": "es6", "module": "commonjs",// 웹 브라우저 환경 amd 사용 "moduleResolution": "node",// module이 amd면 classic 사용 "baseUrl": ".", "path..

[Node.js] Modules

Node.js에서 모듈은 기능 기반으로 외부와 통신하는 캡슐화된 코드 블록이다. 모듈은 단일 파일이거나 여러 파일/폴더의 모음일 수 있다. 프로그래머가 모듈에 의존하는 이유는 재사용성과 복잡한 코드 조각을 관리 가능한 덩어리로 분해하는 기능 때문이다. 모듈에는 세가지 유형이 있다. 💩core modules node.js 플랫폼의 일부이며 node.js 설치와 함께 제공되는 많은 내장 모듈이 있다. 이러한 모듈은 require 함수를 사용하여 로드할 수 있다. http http 서버를 생성 assert 테스트에 유용한 assertion 기능 세트 fs 파일 시스템을 처리 path 파일 경로를 처리 process current Node.js 프로세스에 대한 정보와 제어를 제공 os os에 대한 정보를 제공 ..

[Node.js] Node.js 설치

Node.js는 브라우저 외부에서 javascript 코드를 실행하기 위한 오픈 소스 및 크로스 플랫폼 런타임 환경이다. Node.js는 프레임워크가 아니며 프로그래밍 언어도 아닌 런타임이다. Web App 또는 Mobile App과 같은 Back-end 서비스를 구축하기 위해 Node.js를 사용한다. Node.js의 적용 실시간 채팅 복잡한 단일 어플리케이션 실시간 협업 도구 스트리밍 앱 JSON API 기반 어플리케이션 🚀개발환경 세팅 1. node.js 설치 // node 버전 확인 node -v // node 최신버전으로 업데이트 npm npm@latest -g . 2. node project 생성 // npm을 사용하지 않으면 생략해도 됨 // 폴더 생성 mkdir project-name cd..

[Flutter] HTTP 통신

HTTP는 클라이언트와 서버 사이에 이루어지는 요청/응답 프로토콜이다. 예를 들면 클라이언트인 웹브라우저가 HTTP를 통해 서버로부터 웹페이지(HTML)나 image data를 요청하면 서버는 이 요청에 응답하여 필요한 정보를 해당 사용자에게 전달하게 된다. 메세지 구문 클라이언트와 서버 사이의 통신은 보통 ASCII코드로 이루어진다. 클라이언트는 서버로 요청메세지를 보내며 서버는 응답메세지를 보낸다. Request 메세지 문법 요청내용 GET /images/logo.gif HTTP/1.1 헤더 Accept-Language: en empty line etc HTTP 메소드 RFC 요청에 body가 있음 응답에 body가 있음 Safe 멱등 Cacheable GET RFC 7231 아니요 예 예 예 예 H..