개발일지/웹개발
구글 웹폰트 입히기
1. 아래 사이트로 접속한다. https://fonts.google.com/?subset=korean 2. 마음에 드는 폰트를 찾아서 클릭한다. 3. 세부 옵션들을 정한다. 4. 표시 된 부분을 복사하여 tip) 스타일에 * { } 는 이하 모든 것들에 괄호 안의 것을 적용하겠다는 뜻 6. 결과
전체 글
나의 성취 기록들
개발일지/웹개발
자주 쓰이는 CSS 연습하기
간단한 로그인 페이지를 만들며 css를 연습해보자. 로그인 페이지 아이디, 비밀번호를 입력해주세요 ID: PW: 로그인하기 배경(background)로 이미지를 사용하고 싶을 때 background-image: url("이미지 주소"); background-size: cover; background-position: center; 위 3줄을 세트로 많이 사용한다. 만들어둔 로그인 화면의 위치 조정할 때 width를 주고, margin: auto를 사용 (가운데)
개발일지/웹개발
CSS 기초
HTML 부모 - 자식 구조 HTML 태그는 "누가 누구 안에 있느냐" 를 이해하는 것이 가장 중요하다. 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받는다. 빨간색 div 안에, 초록색/파란색 div가 들어있다. 아래와 같은 상황에서 빨간색 div를 가운데로 옮기면, 내용물인 초록색/파란색 div도 모두 함께 이동한다. 즉, 박스를 옮기면 안의 내용물도 함께 옮겨지는 것과 같은 원리. 같은 원리로, 초록색 div의 글씨색을 바꾸면, 나는 버튼1의 글씨색도 바뀌게 된다. css 기초 CSS 사용법 안에 로 공간을 만들어 작성. ex) 배경관련 : background-color, background-image, background-size 사이즈 : width, height 폰트 : f..
개발일지/웹개발
HTML, CSS 기본 내용
HTML과 CSS의 개념 - HTML은 뼈대, CSS는 꾸미기 HTML은 구역과 텍스트를 나타내는 코드 CSS는 잡은 구역을 꾸며주는 것 HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생 HTML 코드 내에 CSS 파일을 불러와서 적용합니다. HTML 기초 HTML은 크게 head와 body로 구성 head 안에는 페이지의 속성 정보 : meta, script, link, title 등 페이지의 속성을 정의하거나, 필요한 스크립트들을 부릅니다. 즉, 눈에 안 보이는 필요한 것들을 담는 것. body 안에는 페이지의 내용 : 실질적인 내용
개발일지/웹개발
서버/클라이언트/웹의 동작 개념
웹의 동작 개념 1. HTML을 받는 경우 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서", "그려주는" 것 입니다. 브라우저의 역할은 1) 요청을 보낸다 서버가 만들어 놓은 "API" 라는 창구에 미리 정해진 약속대로 요청을 보낸다 2) 받은 HTML 파일을 그려준다 2. 데이터만 받는 경우 항상 HTML만 내려주는 것인가? 데이터만 내려줄 때도 있다 ex) 공연 티켓을 예매할 때, 좌석의 표가 팔릴 때마다 보던 페이지가 새로고침 되면 굉장히 불편 이럴 때, 데이터만 받아서 바꿔 끼운다
개발일지/DataBase
Group by, Order by
데이터에서 무엇이 궁금할까 ? 데이터 분석 : 쌓여있는 날것의 데이터 => 의미를 갖는 '정보' 로의 변환 데이터 베이스 테이블에 저장된 데이터 : 쌓여있는 날것의 데이터 ex) 가장 많은 Like를 받은 사람의 이름, 전체 신청자 수, 평균 연령 : 의미있는 '정보' '범주 (category)' 각각의 정보가 궁금할 때 ex) 과목별 신청자 평균 연령, 과목별 신청자 수, 성씨별 회원 수 등 동일한 범주의 데이터를 묶어주는 Group by Group by란? 동일한 범주를 갖는 데이터를 하나로 묶어서, 범주별 통계를 내주는 것 ex) 성씨별 회원수를 추출하라 SELECT name, COUNT(*) from users group by name 규칙 select 범주별로 세어주고 싶은 필드명, count(..
개발일지/DataBase
Select 쿼리문, Where 절 연습하기
1. 성이 남씨인 유저의 이메일만 추출하기 SELECT email FROM users WHERE name = '남**' 2. Gmail을 사용하는 2020/07/12~13에 가입한 유저를 추출하기 select * from users where created_at between "2020-07-12" and "2020-07-14" and email like "%gmail.com" 3. Gmail을 사용하는 2020/07/12~13에 가입한 유저의 수를 세기 select count(*) from users where created_at between "2020-07-12" and "2020-07-14" and email like "%gmail.com" 4. naver 이메일을 사용하면서, 웹개발 종합반을 신..
개발일지/DataBase
Limit, Distinct, Count
1. 일부 데이터만 가져오기 : Limit 테이블에 어떤 데이터가 들어있나 잠깐 보려고 들어왔는데, 데이터를 다 불러오느라 시간이 오래걸릴 때 select * from orders where payment_method = 'kakaopay' limit 5 해당 데이터가 5개만 출력된다. 2. 중복 데이터 제외하고 가져오기 : Distinct select distinct(payment_method) from orders 결제 방법들을 가져오되 중복된 자료는 제외한다. (결제 수단이 무엇이 있는지 볼때) 3. 몇 개인지 숫자 세보기 : Count select count(*) from orders 결제가 몇건이나 들어왔는지 한번에 볼 수 있다. 4. [응용] Distinct 와 Count를 같이 써보기. 유저..