전체 글 (54) 썸네일형 리스트형 CSS 기본 문법 CSS : Cascading Style Sheets HTML 문서에 스타일을 더해준다. 웹문서의 콘텐츠에 스타일을 추가하는 언어(색상, 크기, 위치 등) CSS 기본 문법 선택자{ 속성명: 속성값; } 예시) p{ color: red; } p 태그(선택자)의 색상(속성명)을 빨간색(속성값)으로 하라! 주석 달기 p{ /* color: red; */ } /* */ 사이의 내용은 주석 처리 된다. HTML에 CSS를 더하는 방법 인라인 스타일 : 해당 html 태그에 속성을 직접 작성한다. 스타일 태그: html 메타 태그에 CSS 태그를 따로 작성한다. 문서간 연결: CSS 문서를 따로 작성하여 html 문서와 연결한다. 인라인 스타일 부상 트라우마 인지행동치료 인지재구성 마음챙김 스타일 태그 부상 트라우.. 시험 대상자 무작위 배정하기(random, shuffle 이용) 20명의 시험 대상자를 시험군 10명과 대조군 10명으로 무작위 배정하는 파이썬 프로그램을 구현해 보았습니다. random 모듈의 shuffle 함수를 이용하여 무작위 배정을 하였는데요. 너무 간단해서 이렇게 하는 것이 실제 임상 시험에서 인정이 될지는 모르겠습니다. 제가 구현한 코드는 다음과 같습니다. import random # 시험 대상자를 리스트로 만들어 a 라는 변수에 넣어 준다. a = ["S1","S2","S3","S4","S5", "S6", "S7", "S8", "S9", "S10", "S11","S12","S13","S14","S15", "S16", "S17", "S18", "S19", "S20"] # randon.shuffle을 이용하여 a의 순서를 무작위로 섞는다. random.shu.. form 태그 사용자가 입력 요소를 통해 입력한 데이터를 서버로 보내기 위해 사용하는 태그. 여기서 서버란 고객에게 정보를 제공하는 주체를 말한다. 예를 들어, 고객이 브라우저에 www.naver.com 을 입력하여 naver 홈페이지를 보여달라고 서버에 요청하면 서버는 고객에게 naver 홈페이지를 보여 준다. 그리고 고객은 특정 요소를 직접 입력하여 서버에 자료를 요청하기도 한다. 예를들어 네이버에 로그인 하기 위해서는 아이디와 비밀번호를 입력해야 한다. 고객이 아이디와 비밀번호를 입력하여 서버에 전달하면 서버는 그 정보가 맞는지를 확인하여 해당 정보를 고객에게 전달한다. 이렇듯 고객이 서버에 입력 요소를 보내기 위해 필요한 태그를 form 태그라고 한다. 즉, form 태그는 입력 요소들을 감싸며, 사용자가 입력.. select & textarea 태그 select 태그 다수의 선택지를 포함할 수 있는 선택 메뉴 선택지 항목은 option 태그를 이용하여 표시한다. 인라인 요소 기본 문법 국어 영어 수학 과학 select 요소는 name을 지정하여 다른 요소와 식별할 수 있다. 각각의 option에는 value를 지정할 수 있다. option을 선택했을 때 그 value 값이 반환되어 연산 등의 기능을 할 수 있다. 국어 영어 수학 과학 코드 예시 내가 좋아하는 과목 내가 좋아하는 과목을 선택하세요. 국어 영어 수학 과학 multiple 속성을 이용하면 여러개를 선택할 수 있다. ctrl을 누른 상태에서 선택지를 선택하면 여러 항목을 선택할 수 있다. selected 속성을 이용하면 기본적으로 선택이 되어 있게 할 수 있다. 내가 좋아하는 과목 내가 좋.. 입력 요소: input 태그 input 태그 사용자로부터 값을 입력받을 수 있는 입력창을 말함. 인라인 요소, 단일 태그 input의 type 속성 input의 type 속성에 따라 입력 요소의 형태, 유형이 달라짐. input의 기본 type 속성은 텍스트임 다양한 입력 요소 만들기 각 입력 요소마다 속성을 추가할 수 있다. 다양한 입력 요소 만들기 name 속성을 이용하여 각각 입력 요소의 이름을 지정하여 서로 식별할 수 있다. 이는 차후 javascript를 통해 각 요소에 기능을 줄 때 유용하게 사용할 수 있다. 다양한 입력 요소 만들기 색을 고르시오. 목록 만들기 목록이란 연과 있는 항목들을 나열한 것을 의미 순서 없는 목록(unordered list)과 순서 있는 목록(ordered list)으로 구분됨. 순서 없는 목록: 태그 사용, 블록 레벨 태그 사자 고양이 청설모 호랑이 순서 있는 목록: 태그 사용, 블록레벨 태그 영어 수학 국어 코드 예시 목록 만들기 동물원 동물 목록 사자 고양이 청설모 호랑이 내가 좋아하는 과목 순서 영어 수학 국어 tkinter를 이용하여 계산기 만들기 안녕하세요? 코딩을 공부하는 가정의학과 의사 닥터 배입니다~ 오늘은 tkinter를 이용하여 계산기를 만들어 보겠습니다. 여러 유튜브 강의를 보면서 코드를 참고하여 만들었는데요. 여러 강의를 보다보니 정확한 출처를 확인하기가 어려운점 양해 드립니다~ 코드를 실행하면 위와 같은 계산기가 나오도록 코딩을 하였습니다. 버튼을 누르면 제일 상단의 엔트리에 버튼 숫자와 기호가 입력이 되고 "=" 버튼을 누르면 계산 결과가 엔트리에 나옵니다. 계산기의 전반적인 코드는 다음과 같습니다! from tkinter import * # 계산 함수 만들기 def click(key): if key == '=': try: result = eval(entry.get()) entry.delete(0, END) entry.insert.. 링크 만들기 링크 현재 문서에서 다른 문서로 이동하게 만드는 수단 a 태그와 href 속성을 이용하여 해당 콘텐츠로 이동할 수 있는 링크를 만든다. a 태그는 인라인 요소이다. 기본 문법은 아래와 같다. 콘텐츠 내용 a 태그는 target 속성을 이용하여 해당 콘텐츠를 현재 창에서 열지 새로운 창에서 열지를 결정할 수 있다. 콘텐츠 내용 콘텐츠 내용 코드예시 링크 만들기 코딩 공부 기록으로 갑시다. 왼쪽 사진의 "코딩 공부 기록으로 갑시다"라는 텍스틀를 클릭하면 오른쪽 사진의 "코딩 공부 기록" 티스토리 페이지로 이동하는 것을 볼 수 있다. 왼쪽 사진의 "코딩 공부"라는 이미지를 클릭해도 오른쪽 사진의 "코딩 공부 기록" 티스토리 페이지로 이동하는 것을 볼 수 있다. 링크 만들기 코딩 공부 기록으로 갑시다. "코딩 .. 이전 1 2 3 4 5 6 7 다음 목록 더보기
