Collage
n. A piece of art made by sticking various different materials
aka PHENOMENA Magazine
Department
17살 이서 울린 36살 이승기? 국회 추진 '이승기법' 황당 파장
지난해 11월 가수 이승기씨가 18년간 몸담아온 후크엔터테인먼트로부터 음원 사용료를 받지 못했다고 폭로하며 시작된 ‘이승기 사태’는 곧바로 정치권의 연예인 권리 보호 논의로 이어졌다. 연예인 소속사의 수익 정산 내역을 의무 공개하는 내용의 이승기법(대중문화예술산업발전법 개정안)이 발의됐고, 지난 4월 21일 국회 문화체육관광위원회 문턱까지 넘었다.
... 그래 여기까지만 하면 좋다 이거야. 근데 문제는??
쟁점이 된 부분은 청소년 연예인의 근로 시간과 관련한 내용이다. 소속사와의 투명한 정산 관계 보장이라는 당초 목적과 달리 국회 논의를 거치면서 추가된 내용이다. 애초 이 내용은 이승기 사태가 터지기 전인 지난해 5월 유정주 더불어민주당 의원이 발의한 법안에 있던 내용인데, 국회 심사 과정에서 병합됐다.
이승기법이 주목받자 숟가락 얹기식으로 포함 된 내용 중 하나.
법안은 현행 ‘15세 미만은 주 35시간, 15세 이상은 주 40시간’으로 규정된 청소년 연예인 노동시간 상한 규정을 세분화하고 단축했다. ‘12세 미만은 주 25시간(일 6시간), 12세 이상 15세 미만은 주 30시간(일 7시간), 15세 이상은 주 35시간(일 7시간)’으로 규정했다. 또 ‘15세 이상은 당사자 간 합의에 따라 일주일에 최대 6시간까지 근로 시간을 연장할 수 있다’는 현행 조항도 ‘5시간’으로 줄였다.
홍익표 국회 문화체육관광 위원장이 지난 4월 21일 서울 여의도 국회에서 열린 문화체육관광위원회 전체회의에서 의사봉을 두드리고 있다. 뉴스1
이렇게 36살 이승기와 관련도 없는 청소년 연예인 근로 시간 문제가 느닷없이 추가돼 국회에서 논의되자, 업계에선 즉각 반발이 터져 나왔다. 한국음악콘텐츠협회·한국연예제작자협회·한국매니지먼트연합·한국음반산업협회·한국음악레이블산업협회 등 5개 단체는 지난달 16일 성명서를 내고 “업계와 논의 없이 의결된 대중문화예술산업발전법 개정안에 대해 유감을 표한다”고 밝혔다. 이들은 또 “연령을 세분화해 청소년 연예인의 용역 제공 시간을 제한하는 이번 개정안은 현실을 외면한 ‘대중문화산업 발전 저해 법안’”이라고도 주장했다.
...
유정주 더불어민주당 의원이 발의한 법안.
더듬당이 민식이법 만들어서 좋아진 사람??? 응 한명도없죠??
검수완박법 만들어서 살림살이 나아진 사람??? 응 한명도없죠??
개쓰레기 5030 정책도 마찬가지. 교통사고는 전혀 안 줄어들고, 오히려 기름값만 더 들고. 세금만 참 개같이 걷는 중이죠?
아이들이 차에 뛰어드는 민식이 놀이하고, 검찰들은 일에 치여 수사 밀리고 재판 지연되고 피해자만 피보는 중이죠?
양곡관리법, 노랑봉투법, 간호사법, 사회적 경제기본법 죄다 피해가 우려되는데 입법폭주 하고있는 중이죠?
더듬당이 사라져야 나라가 살아요. 입법이 정상화 돼요.
가정 파괴시키는 민식이법!!! 아무 짝에도 쓸모없는 5030속도 제한 정책!!! 노조만을 위한 노란 봉투법!!! 의료계 갈라치기로 환자들만 피해보는 간호사법!!! 소득주도 성장으로 자영업자들과 중산층 붕괴 시킨 무능 좌파들!!! 부동산 임대차 3법으로 집 없는 서민들을 더욱더 서럽게 만들고 전세사기 환경 조성한 더듬어 만진당 부터 공중분해가 답이죠??
최저시급 겁나게 올려놓고 지는 무료봉사 알바생 구하던 늙은이도 있었음.
역시 개좆같은 법은 전부 더불어공산당으로부터 나온다는 건 팩트다. 내년 총선에서 시궁창보다 더럽고 후쿠시마처리수보다 역겨운 더불어공산당을 반드시 몰아내야 한다.
17살 이서 울린 36살 이승기? 국회 추진 '이승기법' 황당 파장
소속사로부터 정산을 제대로 받지 못하고 돈을 떼이는 연예인을 막기 위해 추진되는 일명 ‘이승기법’에 대해 연예계에서 우려의 목소리가 나오고 있다. 지난해 11월 가수 이승기씨가 18년간 몸담아온 후크엔터테인먼트로부터
https://n.news.naver.com/mnews/article/025/0003284536
news
June 3, 2023, 7:11 p.m.
Using Selenium: How to keep logged in after closing the driver in Python
I tried the below code on my Mac, and it worked perfectly fine. I don't need to login again.
from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.support.ui import WebDriverWait
chrome_options = Options()
chrome_options.add_experimental_option("detach", True)
chrome_options.add_argument("user-data-dir=/tmp/oriel")
# chrome_options.add_argument("--start-maximized")
browser = webdriver.Chrome(options=chrome_options)
wait = WebDriverWait(browser, 10)
url = "https://oriel.com"
browser.get(url)
browser.implicitly_wait(1)
print(browser.title)
For window you can try changing the path as below
chrome_options.add_argument("user-data-dir=C:\\Users\\Oriel\\AppData\\Local\\Google\\Chrome\\User Data\\Default")
Ref.
Using selenium: How to keep logged in after closing Driver in Python
I want to get my Whatsapp web (web.whatsapp.com) logged in, at the second time opening the Whatsapp web on chrome driver. Following is my code based on Python need your help. from selenium import
https://stackoverflow.com/questions/45651879/using-selenium-how-to-keep-logged-in-after-closing-driver-in-python
How to start ChromeDriver with existing login
GroupsSign inGroupsSelenium UsersConversationsLabelsAboutSend feedbackHelpPrivacy • TermsHow to start ChromeDriver with existing login 11741 viewsChromeJavaSkip to first unread messageTiếu Thủyunread,Nov 26, 2014, 11:59:10 PM11/26/14Reply to auth
https://groups.google.com/g/selenium-users/c/CL8kdxhgdj0
python
June 2, 2023, 4:23 p.m.
How to move (drag/pan) and zoom an element (image or div) using JavaScript
Check this out!
<!DOCTYPE html>
<html>
<head>
<title>Move (drag/pan) and zoom object (image or div) in pure js</title>
<style>
html,
body {
margin: 0;
padding: 0;
}
#zoomContainer {
width: 100vw;
height: 100vh;
overflow: hidden;
position: relative;
}
#zoomImage {
position: absolute;
cursor: move;
transition: transform 0.3s;
max-width: 100%;
max-height: 100%;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.zoomButton {
position: fixed;
top: 20px;
padding: 10px;
font-size: 16px;
background-color: #ffffff;
border: none;
cursor: pointer;
}
#zoomInButton {
left: 20px;
}
#zoomOutButton {
left: 60px;
}
</style>
</head>
<body>
<div id="zoomContainer">
<img id="zoomImage" src="bg.jpg" alt="zoom image" />
</div>
<button id="zoomInButton" class="zoomButton">zoom in</button>
<button id="zoomOutButton" class="zoomButton">zoom out</button>
<script>
document.addEventListener('DOMContentLoaded', function() {
var zoomContainer = document.getElementById('zoomContainer');
var zoomImage = document.getElementById('zoomImage');
var zoomLevel = 1;
var minZoomLevel = 1;
var maxZoomLevel = 2;
var zoomIncrement = 0.2;
var isDragging = false;
let newPosX = 0,
newPosY = 0,
startPosX = 0,
startPosY = 0;
function updateZoomedImage() {
var imageWidth = zoomImage.offsetWidth;
var imageHeight = zoomImage.offsetHeight;
var newImageWidth = imageWidth * zoomLevel;
var newImageHeight = imageHeight * zoomLevel;
var left = zoomImage.offsetLeft;
var top = zoomImage.offsetTop;
zoomImage.style.transform = 'scale(' + zoomLevel + ')';
zoomImage.style.width = newImageWidth + 'px';
zoomImage.style.height = newImageHeight + 'px';
// Restrict images from leaving containers
if (Math.abs(zoomImage.offsetLeft - newPosX) >= Math.abs((parseInt(zoomImage.style.width, 10) - window.innerWidth) / 2)) {
left = 0;
}
if (Math.abs(zoomImage.offsetTop - newPosY) >= Math.abs((parseInt(zoomImage.style.height, 10) - window.innerHeight) / 2)) {
top = 0;
}
zoomImage.style.left = left + 'px';
zoomImage.style.top = top + 'px';
// when the user clicks down on the element
zoomImage.addEventListener('mousedown', function(e) {
e.preventDefault();
// get the starting position of the cursor
startPosX = e.clientX;
startPosY = e.clientY;
document.addEventListener('mousemove', mouseMove);
document.addEventListener('mouseup', function() {
document.removeEventListener('mousemove', mouseMove);
});
});
}
function zoomIn() {
if (zoomLevel < maxZoomLevel) {
zoomLevel += zoomIncrement;
zoomLevel = Math.min(zoomLevel, maxZoomLevel);
updateZoomedImage();
}
if (zoomLevel === maxZoomLevel) {
document.getElementById('zoomInButton').disabled = true;
}
document.getElementById('zoomOutButton').disabled = false;
}
function zoomOut() {
if (zoomLevel > minZoomLevel) {
zoomLevel -= zoomIncrement;
zoomLevel = Math.max(zoomLevel, minZoomLevel);
updateZoomedImage();
}
if (zoomLevel === minZoomLevel) {
document.getElementById('zoomOutButton').disabled = true;
}
document.getElementById('zoomInButton').disabled = false;
if (zoomLevel === 1) {
zoomImage.style.cursor = 'move';
}
}
function mouseMove(e) {
// calculate the new position
newPosX = startPosX - e.clientX;
newPosY = startPosY - e.clientY;
// with each move we also want to update the start X and Y
startPosX = e.clientX;
startPosY = e.clientY;
// Restrict images from leaving containers
if (Math.abs(zoomImage.offsetLeft - newPosX) >= Math.abs((parseInt(zoomImage.style.width, 10) - window.innerWidth) / 2) ||
Math.abs(zoomImage.offsetTop - newPosY) >= Math.abs((parseInt(zoomImage.style.height, 10) - window.innerHeight) / 2)
) {
return;
}
// set the element's new position:
zoomImage.style.left = (zoomImage.offsetLeft - newPosX) + "px";
zoomImage.style.top = (zoomImage.offsetTop - newPosY) + "px";
}
function initialize() {
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
zoomContainer.style.width = windowWidth + 'px';
zoomContainer.style.height = windowHeight + 'px';
updateZoomedImage();
document.getElementById('zoomInButton').addEventListener('click', zoomIn);
document.getElementById('zoomOutButton').addEventListener('click', zoomOut);
}
initialize();
window.addEventListener('resize', function() {
initialize();
});
});
</script>
</body>
</html>
Result:
Edit fiddle - JSFiddle - Code Playground
Close Start with a boilerplate: jQuery Vue React React + JSX Preact TypeScript CoffeeScript SCSS CSS Grid Bootstrap PostCSS Show boilerplate bar less often? Links: 👍🏻 Roadmap (vote for features) 🐞 Bug tracker 📙 Docs 🎛 Service status Support JSFiddle and g
https://jsfiddle.net/xxxvvvxxx/ygwqxcpm/
Ref.
How to drag an element using javascript
While building out a new image generator, I needed a way to drag and move HTML elements inside of another element. Take a look at what I was building below: This is actually the new Post Image Genera...
https://devdojo.com/tnylea/how-to-drag-an-element-using-javascript
front-end
June 2, 2023, 2:22 p.m.
[속보] 北, 동창리서 남쪽 방향으로 탄도 미사일 발사... 군 "폭발·추락 등 실패 가능성"(종합)
합참은 “우리 군은 오늘(5.31.수) 06시 29분경 북한 평안북도 동창리 일대에서 남쪽방향으로 발사된 ‘북 주장 탄도미사일’ 1발을 포착했다”면서 “탄도미사일은 백령도 서쪽 먼바다 상공을 통과하였고, 우리 군은 정상적인 비행여부를 확인중에 있다”고 했다.
북한이 지난해 12월 군사정찰위성 관련 '중요 시험'을 진행했다면서 공개한 사진. /노동신문 뉴스1
좌파들 왜 조용해? 잘하는거 있잖아~ 판문점에라도 가서 죽자고 덤벼야지.
참 나라가.. 미사일 쏜 북한을 욕해야 하는데 국민들끼리 싸우고 있으니.
사회 곳곳에 침투해 있는 좌파 빨갱이 간첩들부터 모두 색출하여 소탕해야 한다. 이번에도 미사일 발사하고 도발한 북괴와 돈대준 문재인에게는 찍소리도 못하고 국가와 국민을 위해 최선의 안보 조치한 정부와 대통령만 어떻게 해서든 비난하고 음해하려고 하는 무리들이 넘쳐난다.
“北 발사체, 비정상 비행하다 어청도 서방 200km 낙하”
합참은 31일 “북한 우주발사체 1발을 포착했다”면서 “백령도 서쪽 먼바다 상공을 통과한 것을 탐지했다”고 밝혔다. 그러나 북한 우주발사체는 예고한 낙하지점에 도달할 무렵 우리 군 레이더에서 사라진 것으로 알려졌다.
https://n.news.naver.com/article/023/0003766832
news
May 31, 2023, 9:06 a.m.
Executing <script> elements inserted with .innerHTML
Simplified ES6 version of @joshcomley's answer with an example.
No JQuery, No library, No eval, No DOM change, Just pure Javascript.
function setInnerHTML(elm, html) {
elm.innerHTML = html;
Array.from(elm.querySelectorAll("script"))
.forEach( oldScriptEl => {
const newScriptEl = document.createElement("script");
Array.from(oldScriptEl.attributes).forEach( attr => {
newScriptEl.setAttribute(attr.name, attr.value)
});
const scriptText = document.createTextNode(oldScriptEl.innerHTML);
newScriptEl.appendChild(scriptText);
oldScriptEl.parentNode.replaceChild(newScriptEl, oldScriptEl);
});
}
Usage
$0.innerHTML = HTML; // does *NOT* run <script> tags in HTML
setInnerHTML($0, HTML); // does run <script> tags in HTML
Ref.
Executing <script> elements inserted with .innerHTML
I've got a script that inserts some content into an element using innerHTML. The content could for example be: &lt;script type="text/javascript"&gt;alert('test');&lt;/script&gt; &lt;strong&gt;tes...
https://stackoverflow.com/questions/2592092/executing-script-elements-inserted-with-innerhtml
front-end
May 23, 2023, 1:52 p.m.
Python Basic
1. Write a Python program to check whether a given number is a narcissistic number or not.
For example, 371 is a narcissistic number; it has three digits, and if we cube each digits 33 + 73 + 13 the sum is 371.
Other 3-digit narcissistic numbers are
153 = 13 + 53 + 33
370 = 33 + 73 + 03
407 = 43 + 03 + 73.
def is_narcissistic_num(num):
return num == sum([int(x) ** len(str(num)) for x in str(num)])
for x in range(100, 1000):
if is_narcissistic_num(x):
print(x)
Result:
153
370
371
407
2. Print a customized calendar.
import calendar
import re
yy = int(input("Enter the year number: "))
mm = int(input("Enter the month number: "))
calendar.setfirstweekday(calendar.SUNDAY)
x = calendar.month(yy, mm, 3)
pattern = rf" {yy}\n"
x = re.sub(pattern, "{}----------------------------\n".format(pattern), x)
print(x)
Result:
Enter the year number: 2023
Enter the month number: 5
May 2023
----------------------------
Sun Mon Tue Wed Thu Fri Sat
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Process finished with exit code 0
Ref.
Print a calendar starting from today's date
I want to print a calendar of the current month but starting from today's date in python. Is there any way I can do this? Only thing I thought to try was : import calendar y = int(input(&quot;Input...
https://stackoverflow.com/questions/62861105/print-a-calendar-starting-from-todays-date
3. Use Python turtle to plot a function.
import turtle as t
def line(x1,y1,x2,y2):
t.up()
t.goto(x1,y1)
t.down()
t.goto(x2,y2)
return
line(0,300,0,0)
line(0,0,300,0)
t.goto(0,0)
t.shape("turtle")
t.color("red")
for x in range(0, 151):
y = pow(x, 2) + 1
t.goto(x, y * 0.01)
t.done()
Result:
python
May 22, 2023, 3:42 p.m.
Transition Effect and Rotate Cube with CSS & jQuery
Sample code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src='https://code.jquery.com/jquery-1.9.1.js'></script>
<style>
* { box-sizing: border-box; margin: 0px; }
.scene {
width: 100%;
height: 100vh;
perspective: 1000px;
}
.cube {
width: 100%;
height: 100vh;
position: relative;
transform-style: preserve-3d;
transform: translateZ(-50vh);
transition: transform 1s;
}
.cube.show-front { transform: translateZ(-50vh) rotateY( 0deg); }
.cube.show-bottom { transform: translateZ(-50vh) rotateX( 90deg); }
.cube__face {
position: absolute;
width: 100%;
height: 100vh;
font-size: 40px;
font-weight: bold;
color: white;
text-align: center;
}
.cube__face--front {
background: hsla( 0, 100%, 50%, 0.7);
transform: rotateY( 0deg) translateZ(50vh);
}
.cube__face--bottom {
background: hsla(300, 100%, 50%, 0.7);
transform: rotateX(-90deg) translateZ(50vh);
}
#ajax-loading-screen {
background-color: transparent;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: block;
z-index: 1000000000;
}
#ajax-loading-screen .mask-top {
top: 0;
left: 0;
height: 50%;
width: 100%;
}
#ajax-loading-screen .mask-right {
top: 0;
right: 0;
height: 100%;
width: 50%;
}
#ajax-loading-screen .mask-bottom {
bottom: 0;
right: 0;
height: 50%;
width: 100%;
}
#ajax-loading-screen .mask-left {
top: 0;
left: 0;
height: 100%;
width: 50%;
}
#ajax-loading-screen[data-effect="center_mask_reveal"] span {
position: absolute;
background: #fff;
z-index: 100;
-webkit-transition: 0.8s cubic-bezier(0.12,0.75,0.4,1);
transition: 0.8s cubic-bezier(0.12,0.75,0.4,1);
}
#ajax-loading-screen.loaded .mask-top {
-webkit-transform: translateY(-100%) translateZ(0);
-ms-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0);
}
#ajax-loading-screen.loaded .mask-right {
-webkit-transform: translateX(100%) translateZ(0);
-ms-transform: translateX(100%) translateZ(0);
transform: translateX(100%) translateZ(0);
}
#ajax-loading-screen.loaded .mask-bottom {
-webkit-transform: translateY(100%) translateZ(0);
-ms-transform: translateY(100%) translateZ(0);
transform: translateY(100%) translateZ(0);
}
#ajax-loading-screen.loaded .mask-left {
-webkit-transform: translateX(-100%) translateZ(0);
-ms-transform: translateX(-100%) translateZ(0);
transform: translateX(-100%) translateZ(0);
}
</style>
</head>
<body>
<div id="ajax-loading-screen" data-effect="center_mask_reveal">
<span class="mask-top"></span>
<span class="mask-right"></span>
<span class="mask-bottom"></span>
<span class="mask-left"></span>
</div>
<div class="scene">
<div class="cube">
<div class="cube__face cube__face--front">ORIEL</div>
<div class="cube__face cube__face--bottom">INDIFFERENCE</div>
</div>
</div>
<script>
var currentClass = '';
var cube = document.querySelector('.cube');
var showClass = '';
window.addEventListener('wheel', function(event) {
if ( currentClass ) {
cube.classList.remove( currentClass );
}
if (event.deltaY < 0) {
showClass = 'show-front';
}
else if (event.deltaY > 0) {
showClass = 'show-bottom';
}
cube.classList.add( showClass );
currentClass = showClass;
});
$(function() {
$("#ajax-loading-screen").addClass("loaded");
setTimeout(function() {
$("#ajax-loading-screen").hide();
}, 800);
});
</script>
</body>
</html>
Result:
Edit fiddle - JSFiddle - Code Playground
Close Start with a boilerplate: jQuery Vue React React + JSX Preact TypeScript CoffeeScript SCSS CSS Grid Bootstrap PostCSS Show boilerplate bar less often? Links: 👍🏻 Roadmap (vote for features) 🐞 Bug tracker 📙 Docs 🎛 Service status Support JSFiddle and g
https://jsfiddle.net/xxxvvvxxx/j4619srL/
Ref.
https://codepen.io/desandro/pen/KRWjzm
front-end
May 22, 2023, 11:37 a.m.
How to move multiple turtles at the same time?
from turtle import Turtle, Screen
screen = Screen()
screen.bgcolor("lightgreen")
turtle1 = Turtle(shape='turtle')
turtle1.color('red')
turtle1.speed("slow") # = 3
turtle1.penup()
turtle2 = Turtle(shape='arrow')
turtle2.color('blue')
turtle2.speed(4) # "slow" (3) < 4 < "normal" (6)
turtle2.penup()
# user input function
perimeter = screen.numinput("Track Perimeter", "Please enter the perimeter:", default=2000, minval=500, maxval=3000)
def full_track_crawl(turtle, shortside, longside):
speed = turtle.speed()
turtle.pendown()
for j in range (2):
for i in range(0, int(shortside), speed):
turtle.forward(speed)
yield(0)
turtle.left(90)
for i in range(0, int(longside), speed):
turtle.forward(speed)
yield(0)
turtle.left(90)
turtle.penup()
# set the track
def drawTrack(perimeter, ratio):
shortside = (perimeter / 2.0) / (ratio + 1)
longside = ratio * shortside
screen.setup(shortside * 2 + 60, longside + 40)
turtle1.setposition(-shortside - 10, -longside / 2)
turtle2.setposition(10, -longside / 2)
generator1 = full_track_crawl(turtle1, shortside, longside)
generator2 = full_track_crawl(turtle2, shortside, longside)
while (next(generator1, 1) + next(generator2, 1) < 2):
pass
drawTrack(perimeter, 2)
screen.exitonclick()
Result:
Ref.
How to move multiple turtles at the same time?
I have an assignment which is asked to set two turtles in a race track (same size but separate track). I am able to make them move, but the second one moves only when the first one moved a half of ...
https://stackoverflow.com/questions/40050438/how-to-move-multiple-turtles-at-the-same-time
python
May 22, 2023, 10:56 a.m.
A simple Rock-Paper-Scissors Game written in Python using turtle graphics
발로 만든 게임.ㅋㅋ
import turtle as t
import random as r
import tkinter as tk
from tkinter import messagebox
def nemo(w, h, c):
t.fillcolor(c)
t.begin_fill()
t.fd(w)
t.rt(90)
t.fd(h)
t.rt(90)
t.fd(w)
t.rt(90)
t.fd(h)
t.end_fill()
def button(x, y, b_c, msg):
t.pu()
t.goto(x, y)
t.seth(0)
nemo(b_w, b_h, b_c)
t.goto(x + b_w/2, y - b_h)
t.pencolor('white')
t.write(msg, align = 'center', font=("Arial", 30, "normal"))
b_w = 200; b_h = 60
rock_x = 300; rock_y = 200
scissors_x = 300; scissors_y = 300
paper_x = 300; paper_y = 100
q_x = 300; q_y = -200
c_x = -500; c_y = 300; p_x = -100; p_y = 300
t.speed(500)
win = t.Screen()
win.setup(1200, 800)
button(scissors_x, scissors_y, 'blue', 'Scissors')
button(rock_x, rock_y, 'blue', 'Rock')
button(paper_x, paper_y, 'blue', 'Paper')
button(q_x, q_y, 'black', 'QUIT')
button(c_x, c_y, 'red', 'Computer')
button(p_x, p_y, 'green', 'Player')
t.addshape('imgs/scissors.gif')
t.addshape('imgs/rock.gif')
t.addshape('imgs/paper.gif')
t.title("ORIEL")
com = t.Turtle('imgs/paper.gif')
player = t.Turtle('imgs/paper.gif')
com.pu(); player.pu()
com.goto(-400, 0); player.goto(0, 0)
t.pu()
t.goto(999,999)
pw = 0; p = 2
cw = 0; c = 2
def game(c, p):
global cw
global pw
if p == 0:
if c == 0:
com.shape('imgs/scissors.gif')
elif c == 1:
com.shape('imgs/rock.gif')
cw += 1
else:
com.shape('imgs/paper.gif')
pw += 1
elif p == 1:
if c == 0:
com.shape('imgs/scissors.gif')
pw += 1
elif c == 1:
com.shape('imgs/rock.gif')
else:
com.shape('imgs/paper.gif')
cw += 1
elif p == 2:
if c == 0:
com.shape('imgs/scissors.gif')
cw += 1
elif c == 1:
com.shape('imgs/rock.gif')
pw += 1
else:
com.shape('imgs/paper.gif')
if pw == 2 or cw == 2:
if pw == 2:
print("I won the game. {}:{}".format(pw, cw))
elif cw == 2:
print("I lost the game. {}:{}".format(pw, cw))
msg_box = tk.messagebox.askquestion('ORIEL', 'Do you want to continue?', icon='info')
if msg_box == 'yes':
pw=0; cw=0
else:
win.bye()
def check(x, y):
if(x >= rock_x and x <= rock_x+b_w and
y <= rock_y and y >= rock_y-b_h):
p = 1
player.shape('imgs/rock.gif')
c = r.randint(0, 2)
game(c, p)
elif(x >= scissors_x and x <= scissors_x+b_w and
y <= scissors_y and y >= scissors_y-b_h):
p = 0
player.shape('imgs/scissors.gif')
c = r.randint(0, 2)
game(c, p)
elif(x >= paper_x and x <= paper_x+b_w and
y <= paper_y and y >= paper_y-b_h):
p = 2
player.shape('imgs/paper.gif')
c = r.randint(0, 2)
game(c, p)
elif(x >= q_x and x <= q_x+b_w and
y <= q_y and y >= q_y-b_h):
win.bye()
else:
t.goto(999,999)
win.onclick(check)
t.done()
python
May 16, 2023, 9:23 a.m.
Star Patterns in Python
1.
*
**
***
****
*****
****
***
**
*
i=1
while i <=4:
print("*" * i)
i+=1
i = 5
while i > 0:
print("*" * i)
i -= 1
# or
i = 1
j = 6
while i < j * 2 - 1:
if i < j :
print('*' * i)
else:
print('*' * (j - i + j - 2))
i += 1
2.
*
**
***
****
*****
i = 0
while(i < 5):
i += 1
print('*' * i)
3.
*****
****
***
**
*
for x in range(5, 0, -1):
for y in range(x):
print("*", end="")
print()
4.
*
**
***
****
*****
*****
****
***
**
*
spaces = 5
for x in range(5):
for y in range(spaces-1):
print(" ", end="")
for z in range(0, x + 1):
print("*", end="")
print()
spaces -= 1
spaces = 0
for x in range(5,0,-1):
for y in range(spaces):
print(" ", end="")
for z in range(0,x):
print("*", end="")
print()
spaces+=1
5.
*
***
*****
*******
*********
*******
*****
***
*
rows = 5
k = 0
for i in range(1, rows + 1):
for j in range (1, (rows - i) + 1):
print(end = " ")
while k != (2 * i - 1):
print("*", end = "")
k = k + 1
k = 0
print()
k = 2
m = 1
for i in range(1, rows):
for j in range (1, k):
print(end = " ")
k = k + 1
while m <= (2 * (rows - i) - 1):
print("*", end = "")
m = m + 1
m = 1
print()
python
May 9, 2023, 8:33 p.m.
A simple hangman game written in Python using turtle graphics
파이썬 터틀을 이용한 간단한 행맨게임
Result :
Code :
import random
import turtle
screen = turtle.Screen()
at = turtle.Turtle()
word_list = ["테스트", "oriel", "PHENOMENA"]
def get_word():
word = random.choice(word_list)
return word.upper()
def play(word):
at.reset()
at.pencolor('black')
at.pensize(10)
at.pu()
at.goto(-120, 20)
at.pd()
word_completion = "_" * len(word)
guessed = False
guessed_letters = []
guessed_words = []
tries = 6
exec(display_hangman(tries))
print(word_completion)
print("\n")
while not guessed and tries > 0:
guess = screen.textinput("Input", "한 글자만 입력해주세요 : ")
if guess is None:
break
guess = guess.upper()
if len(guess) == 1 and guess.isalpha():
if guess in guessed_letters:
print("그 글자는 사용했던 글자입니다. 다른 글자를 입력해주세요 : ")
elif guess not in word:
print(guess, "틀렸습니다.")
tries -= 1
exec(display_hangman(tries))
guessed_letters.append(guess)
else:
print("축하합니다.", guess, "맞는 글자입니다!")
guessed_letters.append(guess)
word_as_list = list(word_completion)
indices = [i for i, letter in enumerate(word) if letter == guess]
for index in indices:
word_as_list[index] = guess
word_completion = "".join(word_as_list)
if "_" not in word_completion:
guessed = True
elif len(guess) == len(word) and guess.isalpha():
if guess in guessed_words:
print("", guess)
elif guess != word:
print(guess, "틀렸습니다.")
tries -= 1
exec(display_hangman(tries))
guessed_words.append(guess)
else:
guessed = True
word_completion = word
else:
print("졌습니다.")
exec(display_hangman(tries))
print(word_completion)
print("\n")
if guessed:
print("축하합니다! 게임에서 승리하셨습니다.")
else:
print("당신은 기회를 다 쓰셨습니다. 단어는 " + word + ". 다음 기회에!")
turtle.title("PHENOMENA.COM")
turtle.addshape('분필.gif')
turtle.shape('분필.gif')
turtle.bgpic('칠판.gif')
turtle.pu()
turtle.goto(-120, 100)
turtle.pencolor('black')
turtle.pensize(10)
turtle.pd()
turtle.lt(90)
turtle.fd(50)
turtle.lt(90)
turtle.fd(100)
turtle.lt(90)
turtle.fd(350)
turtle.penup()
turtle.goto(-150, -205)
turtle.pd()
turtle.right(90)
turtle.fd(130)
turtle.pu()
turtle.goto(-120, 100)
turtle.pd()
def display_hangman(tries):
stages = [ # final state:
'''
at.pu()
at.goto(-120,-100)
at.pd()
at.lt(90)
at.fd(75)
''',
# head, torso, both arms, and one leg
'''
at.pu()
at.goto(-120,-100)
at.pd()
at.rt(90)
at.fd(75)
''',
# head, torso, and both arms
'''
at.pu()
at.goto(-120,-20)
at.pd()
at.lt(90)
at.fd(70)
''',
# head, torso, and one arm
'''
at.pu()
at.goto(-120,-20)
at.pd()
at.rt(45)
at.fd(70)
''',
# head and torso
'''
at.pu()
at.goto(-120,-100)
at.pd()
at.lt(90)
at.fd(115)
''',
# head
'''
at.circle(40)
''',
''
]
return stages[tries]
def main():
word = get_word()
play(word)
while screen.textinput("Next Game", "Play Again? (Y/N) ") in ["y", "Y"]:
word = get_word()
play(word)
if __name__ == "__main__":
main()
python
May 9, 2023, 10:51 a.m.
Why is document.all falsy?
ECMAScript 사양에 따르면 Boolean 형식으로 출력했을 때 true 또는 false를 반환하는 기준을 다음과 같이 정의한다.
특정객체가 undefined / null 이면 false를 반환
object면 true를 반환 이런식이다.
document.all 의 경우
console.log(typeof document.all);
이렇게 type을 확인해보면 undefined가 찍힌다.
따라서 document.all 은 false 다.
그런데 단순히 아래코드의 결과를 보면
console.log(document.all);
HTMLAllCollection 즉 object가 나오는데 왜 false가 될까?
답은 아래에 있다.
Document: all property - Web APIs | MDN
The Document interface's read-only all property returns an HTMLAllCollection rooted at the document node. In other words, it returns all of the document's elements, accessible by order (like an array) and by ID (like a regular object).
https://developer.mozilla.org/en-US/docs/Web/API/Document/all
이곳에 보면
document.all is the only falsy object accessible to JavaScript, because it has the [[IsHTMLDDA]] internal slot.
이런 문구가 있는데, document.all 은 JavaScript에서 액세스할 수 있는 유일한 false 객체라고 한다.
일단 document.all 은 과거 브라우저(ie 등)에서 쓰였던 웹표준에 어긋나는 코딩방식이다.
ECMAScript edition 5 를 제창할 당시 요구사항들을 보면
* all 특성은 모든 html 요소와 일치하는 문서 노드에 뿌리를 둔 HTMLAllCollection을 반환해야 한다.
- "all" 에 대해 반환된 개체에는 몇 가지 비정상적인 동작이 있다.
* 사용자 에이전트(브라우저)는 all 객체를 JavaScript의 boolean 연산을 했을 때 false 값으로 변환하는 것처럼 작동해야 한다.
* 사용자 에이전트는 JavaScript에서 == 및 != 연산자를 사용했을 때 all 객체가 마치 정의되지 않은 값과 동일한 것처럼 작동해야 한다.
* 사용자 에이전트는 JavaScript의 typeof 연산자가 all 객체에 적용될 때에 문자열 'undefined'를 반환하도록 작동해야 한다.
이러한 요구 사항들은 작성 당시(ECMAScript 버전 5) 현재 JavaScript 사양을 고의적으로 위반한 것이다.
JavaScript 사양에는 ToBoolean() 연산자가 모든 객체를 참 값으로 변환해야 하며 특정 연산자의 목적을 위해 정의되지 않은 것처럼 작동하는 객체에 대한 조항은 없다. 이러한 위반은 레거시 콘텐츠의 두 클래스와의 호환성에 대한 요구에 의해 발생했다.
1. 레거시 사용자 에이전트를 감지하는 방법으로 document.all을 사용하고
2. 다른 하나는 특정 요소의 존재 여부를 먼저 테스트하지 않고. 해당 레거시 사용자 에이전트만 지원하고 document.all 객체를 사용하는 경우이다.
예제코드를 보면
if (document.all) {
// 과거 ie같은 브라우저에서 사용
} else if (document.getElementById) {
// 최신 브라우저에서 사용
}
기본적으로 오랫동안 document.all은 이러한 방식으로 오래된 브라우저를 감지하는 데 사용되었다. 하지만 document.all 을 먼저 검사하기 때문에 두 속성을 모두 제공하는 최신 브라우저는 여전히 document.all 경로안에 있게 된다. 최신 브라우저에서는 물론 document.getElementById를 사용하는 것을 선호하지만 대부분의 브라우저에는 여전히 이전 버전과의 호환성을 위해 document.all이 있기 때문에 document.all이 true이면 else 문은 실행되지 않게 된다.
그래서 코드를 아래처럼 바꾸어야 한다.
if (document.getElementById) {
// "최신" 브라우저용 `document.getElementById`를 사용하는 코드
} else if (document.all) {
// 과거 ie같은 브라우저용 `document.all`을 사용하는 코드
}
하지만 많은 기존 코드는 아직 그 반대다.
이 문제에 대한 가장 간단한 수정방법은 document.all을 여전히 쓸 수 있는 최신 브라우저에서 단순히 document.all을 "false" 로 만드는 것이다.
요약하면
1. 최신 브라우저에서도 document.all 을 이용하여 html 요소객체에 접근이 가능하다.
2. 하지만 위와 같은 코드로 기존버전/최신버전 브라우저를 구분하는 데에는 한계가 있을수 있고 일일이 수정을 해주어야 한다.
3. 따라서 if (document.all) 으로 검사했을 때에는 단순히 document.all 을 false로 반환함과 동시에,
document.all 자체를 요소객체에 접근하는 목적으로도 사용할 수 있도록 object (객체) 로 만들었다.
Ref.
Why is document.all falsy?
document.all is a non-primitive object in the DOM that is falsy. For example, this code doesn't do anything: if (document.all) { alert("hello"); } Can someone explain why this is?
https://stackoverflow.com/questions/10350142/why-is-document-all-falsy
front-end
May 5, 2023, 10:32 a.m.