걷기 시작한 Coding Novice

전체 글 40

Select, Where 실전 퀴즈 풀어보며 익히기

Select 쿼리문, Where 절 연습하기 성이 남씨인 유저의 이메일만 추출하기 select email from users where name = '남**' Where 절과 자주 같이 쓰는 문법 연습하기 Gmail을 사용하는 2020/07/12~2020/07/14에 가입한 유저를 추출하기 select user_id from users where email like '%gmail.com' and created_at between '2020-07-12' and '2020-07-14' 이외 유용한 문법 연습하기 Gmail을 사용하는 2020/07/12~2020/07/14에 가입한 유저의 수를 세기 select count(user_id) from users where email like '%gmail.com'..

SQL 2022.05.05

CSS 연습하기 (feat. 로그인 페이지)

로그인하기 아래는 몇가지의 css 코드다. 배경관련 background-color background-image background-size background-position 사이즈 Width Height 폰트 font-size font-weight font-famliy text-align color 간격 border-radius margin padding 본격적으로 활요을 해보자. 사용했던 코드에 일단 구역을 나누는게 좋다. 그 구역만 따로 꾸며야 하니까. 그래야 구별이 가능하니까. 전에 사용했던 로그인 페이지의 코드를 활용할 것이다. 로그인 페이지 아이디, 패스워드를 입력해주세요 ID: PW: 로그인하기 로그인 페이지라는 곳에 텍스를 조금 더 추가하고 mytitle이라는 명찰을 첫번째 안에 넣었다...

CSS 2022.05.05

CSS 기초

안에 로 공간을 민들어 작성한다. mytitle이라는 클래스를 작성할때, .mytitle {...} 라고 써줘야 하는 것을 절대 잊으면 안된다. (앞에 있는 .을 빼먹으면 큰일이다) 이게 무슨소리냐? 실습해보면서 익혀가보자. 로그인 페이지 ID: PW: 로그인하기 코드와 그로 인해 나온 페이지이다. 위의 코드를 보면 안에 아래와 같은 코드가 들어있다. 스타일을 만드는데, mytitle이라는 이름이고 color가 red가 된다. (red의 끝에는 항상 세미콜론(;)을 붙여줘야 한다, 추가로 중괄호 안에 내용이 있어야 하고) 그리고 코드를 살펴보자. 로그인 페이지 안에 class="mytitle"이라는 문구가 들어있다. 그러면 에는 mytitle을 적용하라는 의미이다. (간단히 '명찰을 달아준다'라는 식으로..

CSS 2022.05.04

Html의 태그

나는 구역을 나누죠 나는 문단이에요 목록1 목록2 목록3 목록1 목록2 목록3 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. 글씨 크기를 굵게 글씨에 밑줄을 span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일까요? 스파르타 코딩에서 수업자료로 받은 html 코드다. 여기서 첨가물을 조금 더하기는 했지만 별 차이 없긴하다. 해당 코드들을 웹 브라우저로 보게되면 아래의 그림과 같다. 하나씩 뜯어보도록 하자. 이 문서는 html 언어..

Html 2022.05.04

Html 기본 내용

Html은 뼈대라고 보면 된다. 그리고 문서형태를 기반으로 한다. 태그들을 이용하여 문서를 작성하는데, 앞에 있는 태그를 '열리는 태그', 뒤에 있는 태그를 '닫히는 태그'라고 한다. '닫히는 태그'에서는 닫는 다는 의미로 앞에 '/'를 사용한다. Login Page title 태그 예시 약 150개 이상의 태그가 존재하는데, 우리는 검색을 통해서 1분이면 원하는 태그를 찾아낼 수 있다. 하지만 중요한 태그는 직접 알고 있어야 사용하기에 편하다. 이는 통계에 기반하여 확인할 수 있다. 해당 사이트에서는 전 세계의 수 많은 웹 페이지들이 몇 가지 종류의 태그로 이루어져 있는지 통계적으로 보여준다. 그리고 어떤 태그들이 몇 퍼센트의 빈도수로 사용하는지 확인 할 수 있다. 이후에는 어떤 태그들이 있고, 어떤 ..

Html 2022.05.04

Web

Html(HyperText Markup Language) 가장 거대한 글이 웹 페이지이고, 웹 페이지를 만드는 언어중의 가장 기본이 되는 뼈대다. 웹 페이지가 중요한 이유중 하나는 바로 Public Domain이기 때문이다. 팀 버너스리는 웹을 어떠한 저작권도 존재하지 않는 완전한 자유를 의미하는 Public Domain을 선언했다. 많은 회사들이 각자 브라우저를 그래서 만들 수 있으며, 우리가 만든 웹페이지를 여러 브라우저로 똑같이 볼 수 있는 이유는 바로 이 때문이다. 브라우저의 역할은 무엇인가? 웹의 동작 개념은 어떻게 되는가? 누군가는 계속 뭘 달라하고, 누군가는 계속 무언가를 준다. 웹 서버의 한 디렉토리안에 index.html이라는 파일이 저장되어 있다. 그리고 이 웹 서버의 주소는 info...

Html 2022.05.03

Where 절과 자주 같이 쓰는 문법 써보기

같지 않음 '!=' select * from orders where course_title != '웹개발 종합반' orders 테이블에서 '웹개발 종합반'을 제외하고 주문데이터를 보고싶다 범위 'between' select * from orders where created_at between '2020-07-13' and '2020-07-15' 7월 13일, 7월 14일 주문데이터만 보고싶다 포함 'week' select * from checkins where week in (1,3) 1, 3주차 사람들의 ‘오늘의 다짐’ 데이터가 보고싶다 select * from checkins where week in (1,3,7,9) 1, 3, 7, 9주차 사람들의 ‘오늘의 다짐’ 데이터가 보고싶다 패턴 'like'..

SQL 2022.05.03

Select 쿼리문

데이터 베이스에서 어떤 필드의 데이터를 가져오냐가 핵심이다. 실습은 스파르타코딩클럽에서 제공해주는 실습용 데이터베이스를 활용한다. (그러므로 나와있는 데이터는 실제 존재하는 값이 아니고 실습을 위해 만들어진 데이터이다) 테이블? 아래의 사진은 orders 테이블이라고 한다. 필드는 order_no / created_at 등등 이다. 앞으로 사용할 스파르타 데이터베이스 살펴보기 - checkins: 강의실 들어오며 남기는 '오늘의 다짐'이 들어있다 - courses: 스파르타의 개설 강좌 정보가 들어있다 - enrolleds: 유저별 강좌 등록정보가 들어있다 - enrolleds_detail: 유저별 들을 수 있는 영상과, 들었는지 여부가 들어있다 - orders: 주문 (수강등록) 정보가 들어있다 - p..

SQL 2022.05.03

SQL study start

스파르타 코딩클럽에서 등록한 내일배움단으로 SQL 수업을 드디어 진행하게 된다. 앞으로 SQL관련 강의 내용 및 복기/복습을 통해 정리한 내용을 조금씩 포스팅할 예정이다. 일단.. SQL에 숙달되려면 반복적으로 써보면서 감과 원리를 익혀가는 것이 중요하다고 한다. (a.k.a. 삽질) DB와 SQL이 왜 필요할까? DB에서 내가 원하는 형태로 데이터를 가져올 수 있게 SQL 쿼리문이 존재한다. 방대한 양의 데이터를 저장 가능하고, 방대한 양의 데이터에서 내가 원하는 정보를 SQL을 이용하여 굉장히 신속하게 가져 올 수 있다. 데이터 베이스(DB)? 책을 보관 할꺼면 그냥 한곳에 때려 박으면 된다. 그러나 이때 원하는 내용의 책을 가져오려면 힘이 든다. 하지만 책장에 차곡차곡 정리해서 보관했을 때에는 내가..

SQL 2022.05.03