분류 전체보기

[html] MDN 정리1

HTML Element의 구조 content 단일태그 : 속성 요소-속성, 속성-속성 사이 공백 속성 다음엔 등호(=) 속성값은 " "로 감싸기 생략 가능 but 오류 야기 ' ' & " " : 모두 가능하지만 혼용X 특수문자 표시에는 HTML entities 사용 bool 속성 : 값이 없는 속성, 속성의 이름과 동일한 하나의 값만 가질 수 있음 속성 사용 태그 역할 속성 사용 태그 역할 href 웹주소로 연결 title 링크에 대한 추가정보 target _blank: 새탭에서 열기 disabled bool 입력 비활성화 lang , 언어 설정 블럭 레벨 vs 인라인 블록레벨 줄바꿈 구조적 요소를 나타냄 단락, 목록, 네비게이션 메뉴, 꼬리말 표현 중첩 : 블록 ⊃ 블록 / 인라인 !⊃ 블록 인라인 항..

[Programming] 쉽게 풀어쓴 C언어 Express 8장 풀이

01. 주어진 실수를 제곱하여 반환하는 함수 double square(double)을 작성한다. square() 함수를 테스트하는 프로그램을 작성하라. Hint : double형을 입력받을 때는 scanf("%lf", &x)를 사용한다 #include #pragma warning (disable:4996) double square(double x) { return x * x; } int main() { double x; printf("정수를 입력하시오: "); scanf("%lf", &x); printf("주어진 정수 %lf의 제곱은 %lf입니다.\n", x, square(x)); } 02. 전달된 문자가 알파벳 문자인지 아닌지를 검사하는 함수 check_alpha()를 작성하고 이것을 호출하여서 사용자..

[JS 클론코딩] 노마드코더 JS크롬앱만들기

console.log("str"); console에 괄호 안의 내용 출력 MDN Mozilla Developer Network VS Code 단축키 다중선택 Alt + Click Shift + Alt + 드래그 Alt + Click -> Shift + 방향키 변수 const a : 상수, 변경 불가 //default let a : 변경 가능 //업데이트가 필요한 경우 var : 구버전, 변경에 대한 규칙X, 비추천 데이터 타입 boolean : true, false null :없다, 비어있음을 명시 undefined : 정의되지 않음 배열 const name = [1 ,null ,true ,"hi" ]; 데이터 타입 상관X .push() : 배열 추가 오브젝트 const player = { name: "..

[CSS] 생활코딩 반응형 디자인, 미디어쿼리, CSS 파일

반응형 디자인 (responsive design) 화면 크기에 따라 웹 페이지 각 요소가 최적화되는 디자인 미디어 쿼리 조건문 CSS @media(min-width:800px) { } 중복제거 : CSS 파일 *

[CSS] 생활코딩 box model : block, inline, div, span, grid

*주석 : /* */ *element = tag 태그 별로 화면에서 차지하는 크기에 따라 기본값 구분 1. block 화면 전체를 차지 2. inline 필요한 자신의 부피만 차지 display block 변경 inline none 숨기기 타이핑 줄이기 같은 내용의 스타일 적용 : 콤마로 잇기 같은 속성의 세부 옵션 : 속성 뒤에 순서없이 작성 주요 CSS 속성 border 테두리 padding 안쪽 여백 margin 바깥 여백 width 크기 display 화면 차지 공간 div division 무색무취, 아무런 용도 없이 디자인 용도로만 사용 block : 화면 전체 사용, 줄바꿈 span div와 같이 디자인 용도 inline level element grid display: gird; gird-t..