키보드와 하루

숫자형을 이용한 사칙연산 - 목 차 - 1. ** 연산자 → 제곱의 값을 반환 2. % 연산자 → 나눗셈 후 나머지 값 반환 3. / 연산자 → 나눗셈 후 몫을 반환 1. ** 연산자 제곱을 계산하여 결과값을 반환 파이썬에서는 제곱을 계산하는 연산자로 **을 사용합니다. 두 개의 변수에 각각의 정수형의 값을 담아서 제곱의 값을 구하시면 됩니다. python 코드 1 2 3 4 5 value1 = 5 ; value2 = 3 ; print (value1 ** value2 ); //결과 125 코드설명 5 ** 3 value1 과 value2 라는 변수에 각각에 5와 3을 담고 ** 연산자를 이용하여 제곱근을 구하게 하였습니다. 보통 몇의 몇승이라고 해서 5의 3승이라고 할 수 있는 이 결과값은 125가 나오..

파이썬(python) 설치하는 방법 - 목 차 - 1. 다운로드 → 파이썬 다운로드 받기 2. 설치 및 실행 → 운영체제에 맞는 버전 설치 3. 에디터 사용 → 파이썬 IDLE 에디터 1. 다운로드 python download 네이버나 구글과 같은 검색 사이트에서 파이썬이나 python 이라고 검색을 하면 제일 위에 파이썬 공식 홈페이지 정보가 보입니다. 또는 주소창에 https://www.python.org로 접속을 하면 파이썬을 다운받아 설치하실 수 있습니다. 2. 설치 운영체제에 맞는 버전 설치 python 공식 사이트에 가면 Downloads 라는 버튼이 있습니다. 해당 버튼에 마우스를 올려 놓으면 여러 운영체제가 나오는데 그 중에서 자신이 깔고자 하는 운영체제를 선택해 주시면 됩니다. 저는 윈도..

전주 복숭아 성씨네 농장 안녕하세요.. 정말 오랜만에 성씨네 농장 글을 올리는거 같아요~ 해마다 이 시즌이 되면 글을 올려야지 했는데 여러 이유로 지나쳐 오다가 올해 드디어 글을 올리게 되었습니다!!! 오늘은 특별히 제가 복숭아 따기 일일체험을 했습니다 ㅎㅎㅎ 일일체험이라기 보다는 형이 팔을 다쳐서 조금이나마 도움이 되고자 일을 돕기도 하고 이것저것 사진에 담아 보았습니다. 그럼 시작해볼까요?? 레고 레 고~!!!! 오전 6:15 작업 준비 제가 도착한 시간은 오전 6시 좀 넘어서 도착을 했구요~ 형은 저보다 좀 더 늦게 도착했습니다. 장마철이라 장화와 우비를 챙겨입고 복숭아 밭으로 향했습니다. 수확한 복숭아를 담아오는 기계를 몰고 출발했습니다. 박스는 제가 세어 봤을 때 50개 정도 가지고 갔어요~ 그..

1. 개념 skew 함수 - 요소 비틀어서 왜곡시키기 skew 함수는 2차원에서만 사용이 가능하며 해당하는 요소를 정해준 각도만큼 비틀어서 왜곡함 방향은 양쪽이나 한쪽으로 비틀 수 있음 2. 태그 skew html5 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 키보드와 하루 1 2 3 코드 설명 1 transform : skewX(30deg) skew는 2차원에서만 변형이 가능한 함수 입니다. 그래서 3차원에서는 이 변형 함수는 사용할 수가 없습니다. skew는 해당하는 요소를 비틀어 왜곡을 할 때 사용합니다. 자신이 원하는 만큼의 각도로 비틀고 왜곡하고자 할 때 각도를 입력하게 되고 양의 값을 입력한 각도와 음의 값을 입력한 각도에 따라서 ..

1. 개념 rotate 함수 - 요소 회전시키기 rotate은 2차원이나 3차원에서 웹 요소를 시계 방향이나 반 시계방향으로 회전시킴 이 함수는 2차원,3차원에서 모두 rotate 함수로 사용이 가능하고 추가적으로 3차원에서는 rotate3d , rotateX , rotateY , rotateZ 함수도 사용가능 rotate 함수는 각도(deg)나 레디안 값을 사용 1레디안 = 180도 / π(파이) 2. 태그 rotate html5 코드 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 키보드와 하루 1 2 3 코드 설명 1 transform : rorate(30deg) 위에서 보면 2차원에 해당하는 요소를 시계방향으로 회전시..

1. 개념 scale 함수 - 해당요소 확대,축소 scale은 지정한 크기 만큼 요소를 확대하거나 축소시킴 지정한 크기가 1보다 작으면 원래 이미지 보다 축소되고 1보다 크면 원래 이미지 보다 확대됨 scaleX , scaleY , scaleZ , scale , scale3d 와 같은 함수가 있음 2. 태그 scale html5 코드 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 32 33 키보드와 하루 div { display : inline-block ; } 1 2 3 4 코드 설명 1 transform : scaleX(0.5) scaleX는 해당하는 요소를 지정한 크기 만큼 x축으로 확대하거나 축..

1. 개념 translate 변형 함수 - 해당하는 요소 이동 translate는 변형 함수로써 2차원 , 3차원에서 x축 , y축 , z축으로 요소를 이동시키고자 할 경우에 사용 2. 태그 translate html5 코드 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 키보드와 하루 img { width : 150px ; } 1 2 3 코드 설명 1 transform : translateX(20px) translateX는 해당하는 요소를 지정한 크기만큼 x축 방향으로 이동시킵니다. 위에서 보시는 것처럼 해당하는 그림이 x축으로 30px만큼 이동해 있음을 알 수 있습니다. 이 애니메이션 효과는 보통에 마우스를 올..

1. 개념 가상 요소 - ::before , ::after ::before나 ::after를 사용하면 내용의 앞이나 뒤에 텍스트나 이미지를 추가할 수가 있음 2. 태그 ::before , ::after html5 코드 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 키보드와 하루 1 .sel_before::before { content : "앞에서 표시!" ; color : red ; font-weight : bold ; } 2 .sel_after::after { content : "뒤에서 표시!" ; color : blue ; font-weight : bold ; } 1번 div 2번 div 3번 di..

1. 개념 가상 요소 - ::first-line , ::first-letter 가상 요소는 내용 중에서 일부만 찾아서 스타일을 적용하고자 할 경우에 사용 ::first-line은 첫 번째 줄에 스타일을 적용하는 것이고 , :: first-letter는 첫번째 글자에 스타일을 적용 2. 태그 ::first-line , ::first-letter html5 코드 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 32 33 키보드와 하루 1 p::first-line { background : blue ; color : #fff ; } 2 p:first-letter { background : red ; } 첫번째..

1. 개념 구조 가상 클래스 - :nth-child(n) , :nth-last-child(n) 하나의 부모 요소를 두고 여러 개의 항목이 나열되어 있을 때 , class나 id 등과 같은 것을 사용하지 않고 몇 번째에 위치하였는지를 보고 스타일을 적용할 때 사용 2. 태그 :nth-child(n) , :nth-last-child(n) html5 코드 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 키보드와 하루 1 td:nth-child(2) { background : red ; color : #fff ; } 2 td:nth-la..