비전공자 개발일기

선택자 { 속성1: 값1; 속성2: 값2; /* 주석 */ ... } 선택자: 스타일을 적용할 대상 속성: 스타일의 종류 값: 스타일의 값 선언 방식 내장 방식: 의 내용으로 스타일을 작성(HTML) 인라인방식: 요소의 style 속성에 직접 스타일을 작성(선택자 없음, HTML) 링크방식:로 외부 css문서를 가져와서 연결하는 방식(병렬 방식) @import방식: css의 @import규칙으로 css문서 안에서 또 다른 css 문서를 가져와서 연결하는 방식(직렬 방식) @import url("") div { .... } CSS 선택자 기본선택자 전체 선택자: 모든 요소를 선택(*) 태그 선택자: 태그를 선택 (태그명) 클래스 선택자: (.class명) 아이디 선택자: (#아이디명) 복합선택자 일치 선택..

프론트 엔드 개발자: HTML, CSS, Javascript를 사용해 데이터를 그래픽 사용자 인터페이스로 변환하고, 그것으로 사용자와 상호작용 할 수 있도록 하는 것 HTML: 웹의 구조 CSS: 웹의 정적 표현(시각적) Javascripit: 웹의 동적표현 특수 문자 ` : 백틱, 그레이브(Tab 위의 키) ~ : 틸드, 물결 표시(Tab 위의 키) ! : 느낌표, 엑스클러메이션 @ : 앳, 골뱅이 # : 샾, 넘버, 우물점 $ : 달러 % : 퍼센트 ^ : 캐럿 & : 앰퍼센드 * : 에스터리스크, 별표 - : 하이픈, 대쉬 _ : 언더스코어, 로우대쉬 = : 이퀄, 동등 " : 쿼테이션, 큰 따옴표 ' : 아포스트로피, 작은 따옴표 : : 콜론 ; : 세미콜론 , : 콤마, 쉼표 . : 피리어드, ..

/* 테이블 삭제 */ -- drop table employee; -- drop table department; /* 테이블 생성 */ -- department create table department( deptno int(11), deptname varchar(20) not null, floor int(11) default 10 ); -- employee -- utf-8: 한글 = 3Byte / 영어 = 1Byte create table employee( empno int not null, empname varchar(20) not null, title varchar(20) default '사원', manager int, salary int, dno int ); desc department; desc..

관계형 데이터 베이스Relational Database) 용어 릴레이션(Relation): 2차원의 테이블(엑셀의 스프레드 시트) 오직 하나의 레코드 타입만 포함 한 애트리뷰트 내의 값들은 모두 같은 유형 순서는 관계없음 동일한 튜플이 2개 이상 존재하지 않음(원자성) 순서는 관계없음 레코드(Record): 릴레이션의 각 행 튜플(Tuple): 레코드 애트리뷰트(Attribute): 릴레이션에서 이름을 가진 하나의 열 도메인(Domain): 한 애트리뷰트에 나타날 수 있는 값들의 집합, 원자성, 데이터 타입, 동일한 도메인이 여러 애트리뷰트에서 사용될 수 있음 차수(Degree): 한 릴레이션에 들어 있는 애트리뷰트들의 수 카디널리티(Cardinality): 릴레이션의 튜플 수 널 값(Null): 아직 ..

나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일까요?

제목: 끝말잇기 목표: Javascript 와 html, css를 활용하여 끝말잇기 코드 작성 let body = document.createElement('h1'); document.body.append(body); body.textContent = '끝말잇기'; let firstWord = document.createElement('div'); firstWord.textContent = '컴퓨터'; document.body.append(firstWord); let form = document.createElement('form'); document.body.append(form); let input = document.createElement('input'); form.append(input); le..

캔버스(CANVUS) 만들기 주요 기능 저장 삭제 색상 변경 전체 덮기(Paint) / 선으로 그리기(Fill) 선 굵기 변경

MOMENTUM CLONE CODING 작업환경 VS CODE HTML, CSS, JAVASCRIPT OPENWEATHER 들어간 기능 현재 날짜, 시간 표시 (빨간색) 현재 지역, 기온, 날씨 표시 (주황색) 사용자 이름을 입력 받음 (노랑색) To-Do-List 입력, 삭제 (초록색) 랜덤 명언 (파란색) 랜덤 배경 사진 (보라색)