본문 바로가기

전체 글

TIL2 | JAVASCRIPT JQUERY AJAX ●javascrip란?? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어 안에 로 공간을 만들어 작성 버튼에 함수를 연결하기. 버튼을 누르면 함수가 불립니다. 영화 기록하기 ★console.log(변수) console.log(변수) 는, 콘솔 창에 괄호 안의 값을 출력해줍니다. 개발자가 결과값을 보기 편하도록! console.log(변수1,변수2) 로 여러 변수를 한번에 출력할 수도 있어요. 아래를 복사해서 붙여넣어보세요. console.log("Hello World!"); ●변수선언 let으로 변수를 선언한다. 변수는 값을 저장하는 박스다. 한 번 선언했으면, 다시 선언하지않고 값을 넣는다. let first_name = 'bob' // snake case라고 합니다. 또는 let fir.. 더보기
1주차 팬명록 메인 페이지 만들기 과제 폴블랑코 팬명록 닉네임 응원댓글 응원 남기기 새로운 앨범 너무 멋져요! 폴블랑코 새로운 앨범 너무 멋져요! 폴블랑코 새로운 앨범 너무 멋져요! 폴블랑코 더보기
TIL 1 | 1주차 HTML CSS JS html 뼈대 css 꾸밈담당 js 동적요소 담당 1) HTML 부모-자식 구조 살펴보기 html 태그는, "누가 누구 안에 있느냐"를 이해하는 것이 가장 중요합니다. 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받습니다. 빨간색 div 안에, 초록색/파란색 div가 들어있습니다. 아래와 같은 상황에서 빨간색 div를 가운데로 옮기면, 내용물인 초록/파란 div도 모두 함께 이동합니다. 즉, 박스를 옮기면 안의 내용물도 함께 옮겨지는 것과 같은 원리입니다 같은 원리로, 초록 div의 글씨색을 바꾸면, 나는버튼1의 글씨색도 바뀝니다. 이 내용을 들은후 주석에 관한내용을 다뤘는데 html과 파이썬의 차이를 알고싶어 검색을 하였습니다. html에 관한내용 주석 주석(Comment) 주석(c.. 더보기
기억력 테스트 게임, 침팬지를 이겨라 기본 뼈대 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.. 더보기

티스토리툴바