Home
정재호 기술블로그
Cancel

React 개발환경 세팅

인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. npm (node package manager): nodejs 기본 패키지 npm install —global 패키지명 npm install 패키지명 주의 파이썬은 디폴트 전역에 설치되며 로컬 설치를 위해 가상환경을 사용 nodejs는...

React babal과 weback, 그리고 create-react-app

인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. babel/webpack의 역할에 대한 간단한 이해 create react-app 명령어에 포함되어 있음 Babel 목적: Transpiling: 상위 버전의 자바스크립트로 작성된 코드를 하위 버전으로 변경해주는것 다양한 babel preset ...

Jekyll "The following destination is shared by multiple files."

만약에 tags에 앞글자를 대문자로 Django를 넣으면 다음과 같은 충돌이 생김 Generating... Conflict: The following destination is shared by multiple files. The written file may end up with unexpect...

Django Queryset을 통한 간단 검색 구현

인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. 각 앱에서 urls.py가 없다면 만들어주고, 프로젝트 urls.py에서 path를 지정해주어야 사용 가능 #(프로젝트 디렉토리)/urls.py from django.contrib import admin from django.urls import pa...

Django Queryset의 정렬 및 범위 조건

정렬 조건을 추가하지 않으면 일관된 순서를 보장 못 함 ❌ DB에서 다수 필드에 대한 정렬을 지원 하지만 가급적 단일 필드로 하는 것이 성능에 이익 시간순 역순 정렬이 필요할 경우, id 필드를 활용해볼 수 있음 정렬 조건을 지정하는 2가지 방법 모델 클래스의 meta 속성으로 ordering 설정: list로 지정 모든 q...

Django OneToOneField

인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. 1:1 관계에서 어느 쪽이라도 가능 ForeignKey(unique=True)와 유사하지만, reverse 차이 User:Profile을 FK로 지정한다면 → profile.user_set.first() → user User:Profile를 O2O...

Django 관계를 표현하는 모델 필드 (ForeignKey)

인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. Django 관계를 표현하는 모델 필드 (ForeignKey) ORM은 SQL 생성을 도와주는 라이브러리 DB에 대한 모든 것을 알아서 처리해주지는 않음 성능 높은 애플리케이션을 만들고자 한다면, 사용할 DB 엔진과 SQL에 대한 높은 이해가 필요...

Django django-debug-toolbar를 통한 SQL 디버깅

인프런 파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트 강의를 보고 정리한 내용입니다. Django django-debug-toolbar를 통한 SQL 디버깅 Third Party App 현재 request/response에 대한 다양한 디버깅 정보를 보여줌 응답 포멧이 html 포멧일 때만 사용 가능 (API 응답에 대해서는 보여줄...

학교 홈페이지_트렌드 조사

First Page Main Article 요즘은 웬만한 웹사이트에 들어가면 Article이 화면에서 대문짝만하게 자리를 차지하고 있다. 마치 잡지의 맨 앞 겉표지를 연상시킨다. UX Principle중에 Visibiltiy (가시성)이라고 있는데, 그것에 올빵한 느낌. 기능이 더 중요시되는 웹 어플리케이션이라면, 이와 같은 화면 구조가 UX...

학교 홈페이지_개발 시작

학교 홈페이지를 풀스택으로 1인 개발하게 되었다. 저번에 풀스택으로 개발할 때 사용했던 기술스택은 Vue.js + Flask + MongoDB + AWS였다. 프론트엔드와 벡엔드 프레임워크로 Vue와 Flask를 고른 이유 중 하나는 낮은 러닝커브이기도 했다. 당시 나는 경험도, 기술적인 자문을 구할 사수도 없었고, 그럼에도 나름의 생산성은 내야...