전체 글 315

[Python Web] Django / Flask / FastAPI 셋팅

기본 준비사항 Python 설치 >= 3.6 Anaconda or Python Venv 설치 공식 사이트 Django - http://www.djangoproject.com/ Flask - http://flask.pocoo.org FastAPI - https://fastapi.tiangolo.com/ 1. Django Setting 1.1 Django 설치 명령어 pip install Django django-admin startproject [프로젝트명] 1-2. Django 폴더 구조 myproject/ manage.py mysite/ __init__.py settings.py urls.py asgi.py wsgi.py manage.py : Django 프로젝트와 상호작용 하는 커맨드 라인의 유틸리티..

Python/Utils 2022.04.28

Font Awesome 이용법 (아이콘, ICON)

Font Awesome 무료 아이콘 이용 방법 1. 홈페이지 주소 https://fontawesome.com/ Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 2. 회원가입 이메일 등록 후 => 이메일 메일함에서 Confirm 확인 3. Kit Code 발급 아래와 같은 개인 Font Awesome Kit's 코드가 발급됨. 4. 아이콘 서칭 https://fontawesome.com/v6/icons Font Awesome The world’s most popular and easiest to use ..

Git Command 정리

Linus Torvalds 가 만듬. (Distributed Version Control System) 작업 디렉토리(Working Directory, 로컬), 준비 영역(Staging area), 원격 저장소(Repository)로 구성 Git 명령어 1. Git 저장소 만들기 - git 파일 생성 및 정보 관리 시작 git init 2. Git에 파일 올리기 git config --global user.names "SeonminKim1"로 내 정보설정 git remote add : git 원격 저장소 주소 지정 git pull : 현재 Branch로 파일 동기화 git add : 파일 작업 디렉토리에 추가 git commit -m : 파일 commit git push HEAD : 원격 저장소로 HEA..

[Python Web] Python Web Framework 비교

👉 Python Web Framework 종류 Django - http://www.djangoproject.com/ Flask - http://flask.pocoo.org FastAPI - https://fastapi.tiangolo.com/ 👉 Django 장점 High-level Framework로 Instagram, Youtube, Spotify 등의 기업에서 활용 기본적인 기능 ~ 프로 개발자들이 개발해 놓은 각종 패키지들까지 모두 포함되어 있음. 보안 / DRF(Django Rest Framework) / ORM / 서드파티와의 연계 등 대부분의 기능이 갖추어져 있어 확장성이 좋음 어드민 패널이 있어 DB에 CRUD를 할 수 있는 공간 존재 async orm은 불가능, async view는 가능..

Python/Utils 2022.04.27

Pygame - 순발력 테스트 1 to 50 (2)

1. 게임 이름 : 순발력 테스트 1 to 50 http://zzzscore.com/1to50/?from=kt 순발력 테스트! 추억의 1부터50까지 손은 눈보다 빠르다! 추억의 1부터50까지 zzzscore.com 2. 게임 설명 1부터 50까지의 숫자가 랜덤으로 등장한다. Level 1 ~ 3 중 선택 할 수 있다. (Level 1 - 25 / Level 2 - 50 / Level 3 - 75) 숫자 순서대로 마우스로 1부터 50 까지 빠르게 클릭하면 성공 3. 개발 일정 계획 1일차 : 게임 주제 선정, 전체 틀 작성, 기능 개발 2일차 : 기능 Develop, UI 구현, 스토리 화면 등 구현 3일차 : Refactoring 코드 개선 객체화, 함수 지향형 4. 목표 개발 사항 이미지 리소스 삽입 ..

Pygame - 순발력 테스트 1 to 50 (1)

1. 게임 이름 : 순발력 테스트 1 to 50 http://zzzscore.com/1to50/?from=kt 순발력 테스트! 추억의 1부터50까지 손은 눈보다 빠르다! 추억의 1부터50까지 zzzscore.com 2. 게임 설명 1부터 50까지의 숫자가 랜덤으로 등장한다. 숫자 순서대로 마우스로 1부터 50까지 빠르게 클릭하면 성공 3. 개발 일정 계획 1일차 : 게임 주제 선정, 전체 틀 작성, 기능 개발 2일차 : 기능 Develop, UI 구현, 스토리 화면 등 구현 3일차 : Refactoring 코드 개선 객체화, 함수 지향형 4. 목표 개발 사항 이미지 리소스 삽입 (중요) 게임의 이기고 지는 규칙 설계/구현 => 기획간 고려 완료 Stage별로 난이도 설정(1,2,3 / Easy, Norm..

[Week I Learned] 22년 4월 3주차

금주 진행 사항 기간 : 22.04.18 (월) ~ 22.04.22 (금) 학습 내용 HTML/CSS 공부 JavaScript / JQuery & Ajax 공부 팀프로젝트 (Team Introduction) HTML/CSS 공부 기본 문법 및 Tistory 정리 https://yubi5050.tistory.com/5 // HTML 정리 https://yubi5050.tistory.com/6 // CSS 정리 JavaScript / JQuery & Ajax 공부 기본 문법 및 Tistory 정리 https://yubi5050.tistory.com/7 // JavaScript 정리 https://yubi5050.tistory.com/8 // JQuery & Ajax 정리 프로젝트 진행 전반적으로 피그마(ww..

WIL (~22.09) 2022.04.23

Team Introduction 프로젝트 KPT 회고

1. 프로젝트 구성 팀이름 : Lucky Seven, 7조 팀원 : 김선민, 김민기, 정혜윤, 황신혜 프로젝트 명 : Team Introduction 프로젝트 시연 영상 : https://www.youtube.com/watch?v=Jy_tZ3incrM&feature=youtu.be 프로젝트 PPT : 프로젝트 진행 기획, 회의 (gather, Figma) 와이어 프레임 제작 (Figma) 웹 페이지 개발 (HTML, CSS, JS) 배포 (Flask, AWS EC2) 필수 작업 팀 소개페이지 (카드 형식의 소개글 작성 및 팀 소개 글 규칙) 개인 소개 페이지 (div / table 형식으로 소개글 작성) 추가 작업 웹 Hover 기능 작성을 통한 배경색 변환 AWS EC2에 도메인 기반 웹 서버 배포 2..

JQuery & Ajax 정리

1. JQuery Javascript로 HTML을 쉽게 제어 목적 JavaScript Document 기반 접근은 복잡하므로 대신 사용. 2. JQuery Selectors 이름, ID, 클래스, 유형, 속성 값등을 기반으로 HTML 요소 찾는데 사용 $("p") 요소 선택기 $("#test") id 속성 기반 찾기 $(".test") class 속성 기반 찾기 3. JQuery 이벤트 메서드 Mouse, Keyboard Events, Document, Windows, Form Events 등의 DOM 이벤트 메서드 $(document).ready() 문서 로드시 함수 실행 $("p").click(**함수**) HTML 요소 클릭시 함수 실행 $("p").dblclick(**함수**) HTML 요소 더블..

HTML, CSS, JS 2022.04.22

JavaScript 정리

1. 변수 타입 let 변수 선언 const 상수 선언 (함수 포함 대부분 선언) 2. 데이터 타입 Boolean 논리요소 (True, False) Number, BigInt 숫자 (+infinity, -infinity, NaN 값도 존재) null, undefined 고의로 없다고 설정한 값 / 미설정값 String 텍스트 3. 비교연산자 === 두 값이 타입까지 완전히 일치하는지 확인 == 타입 제외 검사 (EX. 숫자 1과 문자 1, 0과 False, Null과 undefiend) 4. 함수 선언 function hello (name) { } 화살표 함수 const add = (a, b) => { return a+b; } 5. 클래스 (Class) 선언 (객체 변수, 객체 함수) const dog ..

HTML, CSS, JS 2022.04.22