본문 바로가기

frontend

기억력 테스트 게임, 침팬지를 이겨라 기본 뼈대 import pygame # 초기화 pygame.init() screen_width = 1280 # 가로 크기 screen_height = 720 # 세로 크기 screen = pygame.display.set_mode((screen_width, screen_height)) pygame.display.set_caption("Memory Game") # 게임 루프 running = True # 게임이 실행중인가? while running: # 이벤트 루프 for event in pygame.event.get(): # 어떤 이벤트가 발생하였는가? if event.type == pygame.QUIT: # 창이 닫히는 이벤트인가? running = False # 게임이 더 이상 실행중이 아님 # 게임.. 더보기
[파이썬] 퍼즐 보블 (Puzzle Bobble) 게임 기본 뼈대 1_ frame.py import pygame pygame.init() screen_width = 448 screen_height = 720 screen = pygame.display.set_mode((screen_width,screen_height)) pygame.display.set_caption("Puzzle Bobble") clock = pygame.time.Clock() running = True while running: clock.tick(60) # FPS 60으로 설정 for event in pygame.event.get(): if event.type == pygame.QUIT: running = False pygame.quit() 배경 2_background.py # 배경 이미.. 더보기
파이썬 gui 계산기 만들기 과제 import tkinter as t currValue = 0 # 사칙연산 명령을 처리하기 위해 딕셔너리 형태로 숫자 부여 operator = {'+': 1, '-': 2, '/': 3, '*': 4, 'C': 5, '=': 6} storedValue = 0 previousOper = 0 # 버튼 클릭에 대한 변수 생성 def button_click(value): # 숫자와 오퍼레이터 분리 try: value = int(value) number_click(value) except: operator_click(value) def number_click(value): global currValue # 전역변수를 선언.(밖에서 선언된 변수를 해당 함수 안에서도 사용하겠다.) currValue = (currVal.. 더보기
2022-04-14 접속하는법 $ssh -i '/c/Users/gsuki/OneDrive/바탕 화면/spartakeypair.pem' ubuntu@15.164.218.18(내가 산 도메인의 ip) python3 test.py 명령어 통일 깔아야되는 프로그램들.. pip 라이브러리 파이썬의 패키지들을 쉽게 깔아주는 패키지이다. pip install flask pip install pymongo Robo3T를 이용해서, "내 컴퓨터에서"→"서버에 있는 mongoDB"에 접속하기 원페이지쇼핑몰 완성본을 filezilla로 EC2에 업로드해봅니다. 💡 80포트로 들어오는 요청을 5000포트로 넘겨주는 명령어 sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDIR.. 더보기
2022-04-13 데이터를 쌓는 작업 통상적으로 많이 한다 (먼저) 뼈대 붙이기 1.클라이언트와 서버 연결 확인하기 2.서버부터 만들기 3.클라이언트 만들기 4.완성 확인하기 아직도 의문인 '(single quote) 와 `(backtick)의 차이 그리고 html (프론트엔드)에서 이것에 대한 차이점을 명확하게 명시하면서까지 학습을 안해서 따로 검색해본결과 https://velog.io/@sunaaank/js-backtick =>사이트에 명시되어있음 백틱을 쓰는경우는 백틱에 담는 내용이 많아서 그 부분에 대한 설정이 single quote같은경우는 한줄만 적용이되기에 백틱을 사용하는거같다.. 어떤 컴퓨터도 서버가될수있다 서버의 역할: 기본적으로 클라이언트 브라우저가 요청을 하면? 브라우저한테 그릴것을 주거나 뒤에서 aj.. 더보기
4주차 개발일지 (Week I learned) 서버 갖다줄 파일 미리 만들어뒀다 서버를 만들어서 요청을 받고 뭔가 파일을 갖다주든지 아니면 뭔가 db에다 작업을 하든지 이런 서버를 만들어야된다.. 그래서 서버?? 컴퓨터에 돌아가고 있는 하나의 프로그램 로컬개발환경(일반적인 경우)]내가 서버를 만들고 내컴퓨터로 브라우저로 접속해봄 5주차 후반부 여태까지 만들어놓은 서버의 결과물 특정 컴퓨터를 사서 그 쪽에다가 올리는 작업할예정 (모든사람이 접속을 할수있게 만드는..) app.py 서버를 돌아가게 만드는 파일 통상적으로 app.py 이름을 왠만하면 통일 웬만하면 모든 개발자들은 서버를 만들 떄 프레임워크를 가져다 쓴다 라이브러리 framework 남이 만들어다놓은걸 쓴다 남이 짜준 규칙이나 틀 안에서 내가 코딩을 자유롭게하는거 =framework 라이브.. 더보기
4주차 숙제 : 원페이지 쇼핑몰 완성하기 app.py from flask import Flask, render_template, jsonify, request app = Flask(__name__) from pymongo import MongoClient client = MongoClient('localhost', 27017) db = client.dbhomework ## HTML 화면 보여주기 @app.route('/') def homework(): return render_template('index.html') # 주문하기(POST) API @app.route('/order', methods=['POST']) def save_order(): name_receive = request.form['name_give'] count_receive .. 더보기
2022-04-12 flask ,pymongo,requests,bs4 나홀로 메모장 project 세팅을 위한 패키지 세팅 이미지,제목,링크,요약,comment 5개 제목,설명,url,이미지,코멘트 - 18) 프로젝트 설계 - 만들 API 설계 ✅ 포스팅API - 카드 생성 (Create) **A. 요청 정보** - 요청 URL= `/memo` , 요청 방식 = `POST` - 요청 데이터 : URL(url_give), 코멘트(comment_give) **B. 서버가 제공할 기능** - URL의 meta태그 정보를 바탕으로 제목, 설명, 이미지URL 스크래핑 - (제목, 설명, URL, 이미지URL, 코멘트) 정보를 모두 DB에 저장 **C. 응답 데이터** - API가 정상적으로 작동하는지 클라이언트에게 알려주기 위해서 .. 더보기