whatisthis?

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

리스트 / 사전 / 튜플 / 세트 / 자료구조 변경 사이트별로 비밀번호를 만들어주는 프로그램. 예) 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[..

전체적인 html 문서의 작성은 끝이 났다. 앞으로 수많은 수정을 거쳐 원하는 웹사이트를 제작해야한다. html + css 추가사항 개요 1. nav 부분을 우측으로 배치하기 (지난번 예제에서는 grid를 이용하였다. 그러나 좌측 정렬이였고, 이번엔 우측으로 해보자. 예전에는 table태그로 레이아웃을 많이 했다곤 하는데 지금은 float 나 grid, flex를 주로 이용하는 것 같다. 난 이번 프로젝트에서 두가지 방법 - flex와 grid 를 이용해보겠다.) 2. 체크박스 추가하기 우선 태그의 type속성중 checkbox를 이용하면 된다. 이참에 태그에 대해 자세하게 알아보자. 또한 각 값을 체크하고 submit 버튼(예를 든 것임.)을 눌렀을때 결과가 저장되도록 +) 이떄 버튼을 만드는 태그도 ..

문자열 / 슬라이싱 / 문자열 처리함수 / 포맷(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..

단계별로 풀어보기 단계별은 @jh05013님이 관리하고 계십니다. 단계제목설명정보총 문제내가 맞은 문제1입출력과 사칙연산입력, 출력과 사칙연산을 연습해 봅시다. Hello World!112if문if문을 사용해 봅시다.53for문for문을 www.acmicpc.net 실력 체크 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr

Importance Of Planning AUGUST SEPTEMBER OCTOBER NOVEMBER DECEMBER 2021 AUGUST 08 MON TUE WED THU FRI SAT SUN 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 blank blank blank blank blank COUNT ___DAYS thisisyjin mywebproject.tistory.com 1차 작성한 코드. 1. h1태그에서 줄 띄기를 할때 태그를 이용했다. - 태그를 하는 순간 단락이 되고, 의미를 가진 덩어리가 되므로 여기서는 로 단순하게 한줄을 띄었다. 2. 이 프로젝트에서는 웹사이트의 기본적인 레이아웃..

첫번째 프로젝트. 월간 일정 (달력형) 웹사이트 인원 : 1명 (self) 필요 skill : HTML, CSS (+Valina JS) 나는 네이버블로그에 웹 공부 일정을 업로드하곤 하는데, 이를 대체할 웹사이트를 제작해보고 싶었다. 달력형태로 monthly plan을 보여주는 간결한 사이트를 만들어보도록 할 것이다. 단, 여태 배우지 않았던 html 태그와 css 속성을 최대한 활용하면서 학습을 목표로 한다. 1. 레이아웃 2. 요구사항, 필요 기능 1. 반응형 웹으로 만들 것. (width가 600이하가 되면 레이아웃이 달라지도록.) 2. 오른쪽 nav 부분을 추후에 추가할 수 있도록. (아마 php가 필요할수도) 3. html 태그로 달력 제작. 4. 달력 날짜마다 빈칸이 있어 메모할 수 있도록. ..