whatisthis?

리스트 / 사전 / 튜플 / 세트 / 자료구조 변경 사이트별로 비밀번호를 만들어주는 프로그램. 예) http://naver.com 1. http:// 부분은 제외 -> naver.com 2. 처음만나는 점(.) 이후 부분은 제외 -> naver 3. 남은 글자중 처음 세자리 + 글자갯수 + 글자 내 'e'갯수 + "!"로 구성 (nav) (5) (1) (!) 예 > nav51! (1:17:13) site = "http://naver.com" index = site.index("/") index = site.index("/", index + 1) print(index) print(site[index + 1:]) index2 = site.index(".") print(index2) length = site[..

문자열 / 슬라이싱 / 문자열 처리함수 / 포맷(format) 당신은 코딩 스터디 모임을 새로 만들었다. 월 4회 스터디를 하는데, 3번은 온라인으로 하고 1번은 오프라인으로 한다. 아래 조건에 맞는 오프라인 모임 날짜를 정해주는 프로그램을 작성하시오. 조건1 : 랜덤 날짜여야함. 조건2 : 한달은 28일로 정함. 조건3 : 매월 1-3일은 스터디 준비를 해야하므로 제외한다고 침. from random import * date = (randint(1, 25) + 3) date2 = (int(random() * 25) + 4) # 4 ~ 28일까지 출력 date3 = (randrange(1, 26) + 3) # 4 ~ 28일 print("오프라인 스터디 모임 날짜는 매월 " + str(date) + "일로..

NAVIGATION ARTICLE CSS 그리드 레이아웃(Grid Layout)은 페이지를 여러 주요 영역으로 나누거나, 크기와 위치 및 문서 계층 구조의 관점에서 HTML 기본 요소로 작성된 CONTROL 간의 관계를 정의하는 데 아주 탁월하다. 테이블과 마찬가지로 그리드 레이아웃은 세로 열과 가로 행을 기준으로 요소를 정렬할 수 있다. 하지만, 테이블과 달리 CSS 그리드는 다양한 레이아웃을 훨씬 더 쉽게 구현할 수 있다. 예를 들어, 그리드 컨테이너 속 자식 요소를, 마치 CSS로 일일이 위치를 지정해 준 것처럼, 실제로 겹치게 층을 지면서 자리를 잡도록 각 요소의 위치를 지정해 줄 수도 있다. GRID 에서는 테이블이라 생각했을때, 가로 값이 column(열), 세로값이 row(행) 이 된다. 즉..

CSS 단위 px pt em rem % 란 무엇이며 차이점은? ▒ CSS 단위 px pt em rem % 란 무엇이며 차이점은? CSS에서 사용하는 단위는 font-size, text-indent, line-height, width, height, padding 등 크기를 나타내는 값에 쓰인다. 크게는 절대 크기가 변하지 않는.. soharu.tistory.com cr : soharu.tistory.com 단위 -> font-size, text-indent, line-height, width, height, padding 등 무언가의 크기를 나타낼 때 사용됨. 절대단위 고정된 값 출력. 크기가 변하지 않음. cm, mm, px, pt(포인트), pc(파이카) 상대단위 다른 요소의 크기에 영향을 받아 상대..

연산자/수식/숫자처리,랜덤함수 변수를 이용하여 다음 문장을 출력하시오. 변수명 : station 변수값 : "사당", "신도림", "인천공항" 순서대로 입력 출력문장 : XX행 열차가 들어오고 있습니다. (24:36) # 지하철 안내멘트 station="사당" print(station + "행 열차가 들어오고 있습니다.") station="신도림" print(station + "행 열차가 들어오고 있습니다.") station="인천공항" print(station + "행 열차가 들어오고 있습니다.") 1. 연산자 print(1+1) print(3-2) print(5*2) print(6/3) print(2**3) # 제곱 print(5%3) # 나머지 구하기 print(10//3) # 몫 구하기 print..

생활코딩 WEB2 - css 편 (3/3) 화면에 크기에 따라 웹페이지 요소들이 최적화된 크기로 바뀌게 하는 것. >> 핵심 : 미디어 쿼리 mediaquery.html이라는 예제를 통해 알아보자. ** 화면이 600px보다 커질때 글자가 없어지게 mywebproject.tistory.com *** 중복 제거의 중요성 *** 그러나, 태그의 부분은 결국 index.html, 1.html, 2.html, 3.html에 중복 되어있는 것이다. 만약 스타일 요소를 하나라도 수정한다면, 우리는 모든 파일에 들어가서 이를 수정해야 하는데 이런 번거로움을 없애고 중복을 없애기 위해 다음과 같이 .css 파일을 이용해보자. 위처럼 태그 안의 내용을 복사해서 새 파일로 저장한다. 파일명은 style.css로, 즉 cs..

자료형/변수/주석 1. print() 함수 -숫자형 / 문자형(String) / Boolean print(5) print(-10) print(3.14) print(1000) print(30*4) print(40/2) print(4.0/2.0) print(3*3+1) print(3*(3+1)) print('문자열') print('ㅋㅋㅋㅋㅋㅋ') print('ㅋ'*6) print("boolean") print(5 > 10) print(5 10)) 2. 변수 (Var) 파이썬에서의 주석은 #으로 표시 1) 변수를 사용하지 않을 때 # 가장 아끼는 것은 무엇인가요? print("제가 가장 좋아하는 물건..

버전을 편리하게 관리할 수 있도록 관리해주는 도구. 협업시 유용하게 사용할 수 있음. 무료. 오픈소스. 오프라인 업무 가능. 쉽고 빠른 branching (협업) VCS (Version Control System)이기때문에 컴퓨터의 대부분의 파일을 관리할 수 있다. Distributed Version Control. 서버에만 존재하는 것이 아니라 분산된 시스템을 이용하여 서버에 문제가 생겨도 각각의 개발자들이 동일한 히스토리를 가지고 있으므로 서로의 정보를 이용하여 일을 지속할 수 있다. 이전 방식인 (속도가 느린) 델타 베이스가 아닌, 스냅샷(프로젝트 전체적인 내용을 가지고 있음) 중간에 가진 브랜치들 사이에서 이동이 쉽게 일어남. 변경되지 않은 파일들은 이전에 저장된 링크를 가르키므로, 스냅샷은 매우..

화면에 크기에 따라 웹페이지 요소들이 최적화된 크기로 바뀌게 하는 것. >> 핵심 : 미디어 쿼리 mediaquery.html이라는 예제를 통해 알아보자. ** 화면이 600px보다 커질때 글자가 없어지게끔 하려면 다음과 같이 mediaquery를 사용하면 된다. 스크린 너비 > 600px 이라는 것은, 최소폭이 600px이라는 것 이므로, min-width=600px이 된다. 조건 screen width > 600px = @media(min-width:600px) 적용할 선택자, 속성 div{ display:none; } = 600px이 넘어가면 display:none으로 인해 사라지는 것을 알 수 있다! +) 반대로, max-width를 사용하면, 폭이 600보다 작아지면 사라지게 된다. 우리 웹사이..

2-8. 박스 모델 근본적인 태그의 사용에서 알 수 있듯이 태그는 줄바꿈이 되어 화면을 다 사용하고, 태그는 줄바꿈이 되지 않고 자신의 컨텐트 크기만큼만 사용한다. My future life I want to be a web front-end developer. Since I was 17, I have liked computer games and I want to make it myself. Now, I want to create a website that is helpful to many people, not only games. 다음과 같이 태그와 태그가 있을 때 둘의 차지하는 공간에 대해 알아보자. border-width는 테두리 두께, border-color는 테두리 색상, border style..