본문 바로가기

개발 이야기19

Python FastAPI 의 Docs 화면 꾸미기! Python 에서 API 서버를 기동하는 FastAPI 를 이용할 때, Docs 화면을 꾸미는 방법입니다. 기본 화면이라 깔끔하긴 하지만, Front-end, Back-end 나눠서 작업 할 시 매번 설명하고 묻고 하는 귀찮은 일들이 많습니다. 하지만 약간의 시간을 들인다면 이제 그런 일은 없을 겁니다. (사실 그래도 물어보는 사람은 계속 물어본다...ㅅㅂ물음표살인마색히들...좀 찾는 시늉이라도 하고 물어봐라 제발...) 일단 적용 전과 후 화면을 비교해보시죠. * 적용 전 * 적용 후 막 휘황찬란하게 꾸미진 않았지만, 그래도 딱봐도 정성들인게 티가 나죠? 실제 적용한 시간은 약 10여분 가량입니다. 10분 소요해서 더 정성스러운 페이지 티도 내고... 티도 내고...티도 내고... (네... 사실 티내.. 2023. 12. 14.
Unity 실습 결과물~ 2022. 3. 1.
Vue.js 에서 DHTMLX Gantt 사용하기. 1. 서론. 관련 자료를 한참 찾아봤는데, 제대로 된 자료가 없고, dhtmlx 에서도 잘못된 정보가 많아 헤딩한 결과를 아래와 같이 기록함. 2. Vue.js 환경에서 dhtmlx gantt 사용하기. - app 을 구동하지 않은 상태에서 새 터미널 열기. - 새 터미널에서 아래 명령어 실행. npm install dhtmlx-gantt + 만약 라이센스를 구입하여 Pro 버전 패키지를 다운받을 수 있을 경우 - Pro 버전 패키지 다운로드. - 솔루션 내 해당 패키지를 추가. (원본을 지울 경우 오류 발생하여 어쩔 수 없이 솔루션 내 폴더를 생성하여 관리 중) - 터미널에서 아래 구문 실행. npm install ./패키지복사한경로 - /src/componts/Gantt.vue 생성 후 아래 내용 붙.. 2021. 12. 1.
Vue.js 개발 시 VSCode 의 유용한 Extentions - Auto Import : Import 를 편하게 해줌. - Auto Close Tag : html 태그 자동 닫아주기. - Auto Rename Tag : html 태그 변경 시 자동으로 앞뒤 같이 변경해주기. - Bracket Pair Colorizer : 괄호 색상을 짝에 맞게 표시. - Code Spell Checker : 스펠링 틀린 것 경고 표시. - Color Highlight : 색상 기입 시 테두리로 표시 - Color Picker : 색상을 GUI 로 선택 가능. - Css Peek : css 추적 기능. - EditorConfig for VS Code : .editcofing를 적용할 수 있는 익스텐션(예시:확장자별 탭사이즈 조절) - ENV : env 파일 깔끔하게 보기. - ES.. 2021. 11. 3.