AR삽질러

CSS Margin, Padding, Border - (3) CSS(Cascading Style Sheets)의 margin속성은 웹 페이지 요소의 외부 여백을 조절하는데 사용된다. margin의 여백은 요소의 경계밖에 위치하며 인접한 요소와의 간격을 생성하는 역할을 한다. Margin을 이용해 웹 페이지 레이아웃의 정렬과 간격을 정의하며 스타일링한다. Margin - Margin은 요소의 경계를 넘어 그 주위에 공간을 생성하는 요소와 그 주변 요소간의 간격을 조절한다. 1.1. Margin의 값을 지정하는 방법 1) 기본구문 : margin : top, right, bottom, left 2) 단일 값지정 : 요소의 모든 방향에 동일한 크기의 마진을 적용한다. 3) 두값 : 첫번째 값은 top, bot..

CSS box - (2) - CSS의 box에는 두종류의 형태가 있다. 하나는 박스요소 옆에 다른 요소가 올 수 있고 하나는 박스요소 옆에 다른 요소가 올수없는것이다. - 요소 옆에 다른 요소가 올 수 없는것 blocks - 요소 옆에 다른 요소가 올 수 있는 것 inlines div는 요소 옆에 다른 요소가 올 수 없다. span은 요소 옆에 다른 요소가 올 수 있다. hello hello hello link도 요소 옆에 올 수 있다. hello hello hello link hello p는 div와 같이 요소 옆에 다른 요소가 올 수 없다. hello hello hello link hello 안녕하세요 HTML CSS를 활용한 프로젝트를 만들고 있습니다. img도 요소 옆에 올 수 있다. hello ..

CSS - How to Add CSS to HTML (1) 1. HTML 파일에 CSS 코드를 넣는방법 1-1. 같은 HTML파일에 HTML, CSS 코드는 넣는방법 - head 안에 style을 명시하려 css코드를 작성한다. 1-2. CSS와 HTML파일을 분리하는 방법 (추천) - 다른 방법 css파일을 분리하여 생성한후 link태그로 파일을 연결해준다. 2. CSS코드 작성 - CSS코드 작성 규직 3가지 1) CSS가 하는 일은 HTML태그를 가르키는 일로 첫쨰로 selector를 작성한다. 2) 어떤 태드를 가리키면 속성을 부여한다. 3) 중괄호 { } 를 사용하여 속성을 정의한다. styles.css h1{ color: red; } html The AR Profile Photo Hello!!..

Python File 연습문제 - 구구단 출력 결과를 File에 저장 0. 사용자입력으로 출력하고 싶은 구구단을 만든다. 1. 구구단을 함수로 만든다. 2. 출력된 구구단을 메모장에 저장한다. 3. 파일에 저장된 구구단의 결과를 읽어온다. def gugudan(gugu): for i in range(1,10): result = gugu * i print(gugu, " * ", i, " = ", result) return result gugu = int(input("단을 입력 : ")) gugudan(gugu) infile = open(r"C:\myPythonProject\AYU\FileTest\gugudan.txt", "w", encoding="utf-8") def gugudan(gugu): result..

Python File File을 배우기 이전에는 작업하던 데이터가 모두 사라졌다. 따라서 프로그램을 실행하는 도중 어떤 데이터를 저장하고자 한다면 하드 디스크에 파일 형태로 저장해야한다. Python은 이러한 파일을 생성하고 읽고 쓰는 등의 기능을 제공한다. 0. 실습용 텍스트 파일 만들기 - 메모장에 친구들의 이름과 : 연락처를 입력한 후 phones.txt로 저장한다. 1. 파일에서 데이터 읽기 open() - open함수는 파일이름을 받아 파일 객체를 생성한 후 반환한다. 파일이 열리면 데이터를 읽거나 쓸 수 있지만 파일과 관련된 작업이 모두 종료되면 close()함수를 통해 파일을 닫아야한다. 파일을연다 : open() -> 파일에서 데이터를 읽거나 쓴다. -> 파일을 닫는다. : close() ..

Ruby On Rails チュートリアル - 単語(3) Ruby On Rails チュートリアル - 단어(3) 推奨環境 ( すいしょうかんきょう） 권장환경 垣間 ( かきま） 울타리, 틈 お手軽 ( おてがる） 간편함 足場 ( あしば） 발판, 기반, 토대 誘惑 ( ゆうわく） 유혹 早業 ( はやわざ） 재빠르고 멋진 솜씨 作者 ( さくしゃ） 작자 正常 ( せいじょう） 정상 続々 ( ぞくぞく） 속속들이 作成 ( さくせい） 작성 中核 ( ちゅうかく） 중심, 핵심 骨組み ( ほねぐみ） 뼈대, 골조 手頃 ( てごろ） 적당함, 알맞음, 적당 扱う ( あつかう） 다루다, 취급하다 手ごたえ ( てごたえ） 손에 받는 느낌, 반응 下準備 ( したじゅんび） 사전준 効く( きく） 효과가 있다. 듣다 構造 ( こうぞう） 구조 計画 ( け..

Python List, Dictionary 1. List Python에서 List는 다른 변수처럼 생성이 가능하며 [ ] 안에 항목을 적어주고 변수에 저장하면 리스트 변수가 생성된다. numbers = [ 7, 12, 33, "AR", 99 ] List의 특징 - 순서가 있는 자료형 : List는 순서대로 항목을 저장하기 때문에 각 항목은 0부터 시작하는 순서(인덱스)를 가지고 있다. - 다양한 데이터 타입 : 숫자, 문자, 객체 등 다양한 데이터 유형을 혼합하여 저장 할 수 있다. - 인덱싱, 슬라이싱 : List는 인덱스를 사용해 항목에 접근하고 슬라이싱을 통해 부분적으로 리스트를 추출할 수 있다. - 항목 추가, 제거, 수정 : 추가append(), 제거remove(), = 수정 numbers = ..

Python list 연습문제 - 0~100까지의 수학점수를 n개 입력받아 총점과 평균을 구하시오 # 0~100까지의 수학점수를 n개 입력받아 총점과 평균을 구하시오 import random lst = [] mathsum = 0 num = random.randint(1,10) for i in range(num): math = random.randint(1,100) lst.append(math) mathsum += math avg = mathsum / num print() print("출력된 수학점수", num, "개\n") print() print(lst, end= " ") print() print("수학점수 총점 : ", mathsum) print() print("수학점수 평균 : ", avg)

Python 함수(Function) 연습문제 - 계산기프로그램 # 계산기프로그램을 함수로 구현하시오. # 사용자가에게 두개의 수와 연산자를 입력받는다. def add(num1, num2): return num1 + num2 def min(num1, num2): return num1 - num2 def mul(num1, num2): return num1 * num2 def div(num1, num2): if num1 == 0 and num2 == 0: return "나눗셈에서 0은 불가능합니다." return num1 / num2 while(True): num1 = int(input("첫 번째 수를 입력: ")) num2 = int(input("두 번째 수를 입력: ")) oper = input("연산자를..

HTML Form Tags - (2) https://developer.mozilla.org/ko/docs/Web/HTML/Element HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN 메타데이터는 스타일, 스크립트, 각종 소프트웨어(검색 엔진, 브라우저 등)의 탐색 및 렌더링을 도와줄 데이터 등 페이지에 대한 정보를 가집니다. 스타일과 스크립트 메타데이터는 페이지 안에 developer.mozilla.org - body 태그 내에 있는 콘텐츠가 브라우저에 표시된다. - 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타낸다. - 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성한다. 다양한 종류의 입력 데이터 유형과 컨트롤 위젯이 존해한다. -..