본문 바로가기

전체 글

(74)
TypeScript - tutorial * 목차 1. Intro 2. TypeScript Compiler 설치 3. 간단 Typescript 예제 3.1. number 3.2. string 3.3. boolean 3.4. object 3.4.1 interface 3.4.2 type 3.5. array 3.6. tuple 3.7. enum 3.8. any 3.9. void 3.10. never 3.11. String Literal Types 3.12. function 3.13. generic * 본 글은 javascript에서 정형화 되어 있지 않는 type으로 인해 고통받으신 분들을 위한 글입니다. javascript의 기본 지식을 필요로 합니다. Intro JavaScript는 Type과 상관없이 연산을 성공하는 경우가 있는데 이는 개발자가..
React Hook - useReducer * 목차 - Intro - Example - Extension 1. useState vs useReducer - 마치며 * React Hook useState를 알고있다는 전제 하에 글이 진행됩니다. useState 개념이 잡혀있지 않으신 분들은 이 글을 먼저 읽어주세요 React Hook - useState * 목차 - Intro - Example - Extension 1. functional update - Extension 2. object update - Extension 3. create initial state by function - Extension 4. Resetting state with a key - 마치며 * 혹시 React Hook 자체가 개념이 잡혀있지 않으신 tyoon9781...
React Hook - useState * 목차 - Intro - Example - Extension 1. functional update - Extension 2. object update - Extension 3. create initial state by function - Extension 4. Resetting state with a key - 마치며 * 혹시 React Hook 자체가 개념이 잡혀있지 않으신 분들은 이 글을 먼저 읽어주세요 React Hook 알아보기 * 목차 - Intro - Hook이란? - React 18에서 제공하는 Hook의 종류 - 마치며 Intro * react18.2.0 version를 기준으로 설명합니다. React의 특징으로는 3가지를 뽑을 수 있습니다. jsx 문법 Hook 가상 DOM 이 3가지..
React Hook 알아보기 * 목차 - Intro - Hook이란? - React 18에서 제공하는 Hook의 종류 - 마치며 Intro * react18.2.0 version를 기준으로 설명합니다. React의 특징으로는 3가지를 뽑을 수 있습니다. jsx 문법 Hook 가상 DOM 이 3가지에 대해서는 기본적으로 알고 있다고 생각하고 글을 작성하도록 하겠습니다. 만약 이 3가지의 개념이 없으신 분들은 먼저 이 글을 읽어보시길 바랍니다. React란? * 바쁘신 분들을 위한 3줄 요약 1. React는 Meta(Facebook)에서 만든 Javascript 라이브러리이다. 2. JSX 문법을 지원하여 html tag를 마치 프로그래밍 하듯이 작성할 수 있다. 3. Hook, 가상 DOM을 통해 Web applicatio tyoo..
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..