전체 글 (90) 썸네일형 리스트형 Material UI - Tutorial Material UI는 구글의 Metarial Design을 구현하는 React UI Component Library입니다. React에서 UI Library로 antd와 같이 상위권에 존재하는 Library입니다. 이번 실습은 yarn + vite + React + Material UI로 진행해보도록 하겠습니다. 1. 환경 구성 yarn을 설치해 주도록 합시다. 환경은 아래와 같이 진행합니다. React - EC2에서 React 환경 구축하기 (2023년 version) * 목차 1. node.js, npm 설치 2. yarn, vite 설치 3. ec2 network 설정 예전에는 React 시작하려면 npm create-react-app이 대부분이었는데 webpack의 속도 issue와 vite와 .. Python - 테트리스 만들기 Code 공유 (마지막) 꾸준하게 Python으로 Tetris를 만드는 과정을 단계별로 써보려 했습니다. 그런데 이런 속도로 작성하다가는 100개 넘는 글을 써야 할 것 같고...그정도의 시간은 없다 판단되어 이 시점까지 작성한 코드를 그냥 공유하려 합니다. * 예전 글에 작성헀던 UI는 하나도 안썼다는건 안비밀...ㅠㅠ https://github.com/tyoon9781/tetris_python 혹시 이 코드로 숙제나 기타 좋은 곳에 쓰시는 분들은 별좀 눌러주세요ㅎㅎ 이것으로 Python tetris를 마치도록 하겠습니다. 감사합니다. Django REST framework tutorial3 - Class-based Views * 목차 - Intro - Class 기반 View로 API 재작성 - Mixin 사용 - Class기반 Generic view 사용 *이전글 Django REST framework tutorial2 - Requests and Responses * 목차 - Intro - Code 작성 - URL에 format suffix 추가하기 - Test *이전글 Django REST framework tutorial1 - Serialization * 목차 - intro - Set Environment - Serialization을 위한 Model 작성 - Serializer class 만들기 - Serializer 사용 tyoon9781.tistory.com Intro function 기반 view가 아닌 clas.. [Django] REST framework tutorial - Requests and Responses * 목차- Intro- Code 작성- URL에 format suffix 추가하기- Test *이전글 Django REST framework tutorial1 - Serialization* 목차 - intro - Set Environment - Serialization을 위한 Model 작성 - Serializer class 만들기 - Serializer 사용하기 - ModelSerializers 사용하기 - Serializer를 Django View에서 활용하기 - Web API test Intro 이번 시간에는 djangotyoon9781.tistory.com Intro이전글에서는 단순히 Serializer를 소개하는 수준이었다면 이번 Tutorial에서는 rest framework의 핵심을 본격적으.. [Django] REST framework tutorial - Serialization * 목차- intro- Set Environment- Serialization을 위한 Model 작성- Serializer class 만들기- Serializer 사용하기- ModelSerializers 사용하기- Serializer를 Django View에서 활용하기- Web API test Intro이번 시간에는 django Rest framework tutorial을 진행해보도록 하겠습니다. django를 주로 backend로 사용하고 있는 저로써는 web api를 구축할 때 django rest framework를 안쓸 수가 없습니다. Rest framework는 아래와 같은 기능들이 포함됩니다. - 웹 브라우징 가능한 API- OAuth1a, OAuth2를 포함한 인증 정책- ORM, non-O.. Nginx - Tutorial * 목차 - Intro - Nginx 설치 - Nginx 실행 - Nginx 구조 살펴보기 - Nginx로 나만의 Service 적용하기 Intro 이번 글은 Nginx tutorial입니다. Nginx의 간단한 설정방법과 나만의 service를 만들어 보도록 합시다. * 환경은 EC2의 ubuntu에서 진행했습니다. AWS - EC2 초 간단 생성 + vscode 원격연결 (2023년 version) 독립된 서버가 급히 필요한데 주변에 아무것도 없다면? Linux OS가 필요한 상황인데 집에 Windows만 있는 상황이라면? Docker를 windows 환경에서 또 새로 구축하긴 귀찮죠... 그럴 때는 EC2를 사용해 봅시 tyoon9781.tistory.com Nginx 설치 sudo apt upda.. Docker + Frontend(Nginx, React) + Backend(Nginx, Gunicorn, Django, PostgreSQL) * 목차 - Frontend Container 제작 1. React Project 시작 2. React build 2. Dockerfile 제작 3. Docker build - Backend Container 제작 1. Django Project 시작 2. Postgresql, Django Database Setting 3. Django Model, API 작성 4. PostgreSQL 설정 5. Dockerfile 제작 6. Docker build 7. static file 추가 - Frontend, Backend 연결 1. API 작성 2. React api 요청 작성 3. Backend Container, Frontend Container 연결 Intro 이번 글에서 구축할 시스템은 아래 그림과 같.. Docker Compose - tutorial *목차 - Intro - 1단계 : Application 종속성 정의 - 2단계 : Dockerfile 생성 - 3단계 : compose file에 service를 정의 - 4단계 : compose build & run - 5단계 : compose수정, mount bind - 6단계 : compose로 re-build & run - 7단계 : application 최신화 * 환경은 EC2의 ubuntu으로 진행합니다. 아래 링크를 참조해 주세요 AWS - EC2 초 간단 생성 + vscode 원격연결 (2023년 version) 독립된 서버가 급히 필요한데 주변에 아무것도 없다면? Linux OS가 필요한 상황인데 집에 Windows만 있는 상황이라면? Docker를 windows 환경에서 또 새로 구축.. Docker - Tutorial * 목차 - Docker Engine 설치 - Docker Image 제작 (flask) - Docker Image 실행 - Docker Image 배포 * 환경은 EC2의 ubuntu으로 진행합니다. 아래 링크를 참조해 주세요 AWS - EC2 초 간단 생성 + vscode 원격연결 (2023년 version) 독립된 서버가 급히 필요한데 주변에 아무것도 없다면? Linux OS가 필요한 상황인데 집에 Windows만 있는 상황이라면? Docker를 windows 환경에서 또 새로 구축하긴 귀찮죠... 그럴 때는 EC2를 사용해 봅시 tyoon9781.tistory.com Docker Engine 설치 1. Docker Engine 설치 문서 접속 먼저 Docker의 공식문서 접속합니다. Docker .. k8s - Service Service는 고정 IP를 통해 Client로부터 Pod의 일회성으로 인한 IP변동에 대해 알 필요가 없도록 하는 기술이다. ClusterIP 기본 서비스 타입. 클러스터 내부에서 사용 가능 예시1 : hostname-server.yaml (deployment) apiVersion: apps/v1 kind: Deployment metadata: name: hostname-server labels: app: hostname-server spec: replicas: 2 selector: matchLabels: app: hostname-server template: metadata: labels: app: hostname-server spec: containers: - name: hostname-server.. 이전 1 2 3 4 5 6 7 8 9 다음
