본문 바로가기

FE

 (20)
[JavaScript] 변수 선언, 형 변환, 연산자, 출력 JavaScript 변수 선언, console.log 로 확인 스크립트 태그로 자바스크립트의 코드를 작성 - 작은 따옴표, 큰 따옴표 모두 사용 가능 - 줄바꿈을 사용하면 세미콜론을 생략 가능 - 스크립트 언어는 한 줄 한 줄 코드를 실행하기 때문에 코드에 오류가 있어도 오류코드 직전까지는 작동 ( java 는 컴파일러가 코드를 모두 읽고 한번에 출력하기 때문에 오류코드가 있으면 아예 작동이 되지 않음 ) console.log() : 개발자 콘솔에 값을 출력 ( F12 눌러서 console 탭에서 값을 확인 ) document.write() : 값을 웹에 출력 prompt() : 입력을 받음 ` (backtick) 을 사용하면 ${변수명} 을 적어서 표현이 가능하다 ( 자바의 printf 와 비슷 ) 코..
[CSS] CSS 기초2 CSS margin : 바깥 쪽으로 밀어냄 padding : 안쪽으로 밀어냄 css3 박스 모델은 content, padding, border, margin으로 구성되어 있다 footer 지역입니다 그림자 옵션 글씨 그림자 : text-shadow 이미지 그림자 : box-shadow 내용이 들어옵니다~~~ 배치하기 1 2 3 배치하기 1 첫번째 두번째 3 position - static : 고정, 변경 불가 - relative : static 상태에서 top, right, bottom, left 값으로 위치를 변경 가능 - absolute : 웹 페이지를 기준으로 top, right, bottom, left 값으로 절대 위치를 설정 position span1 span2 span3 기본 값은 static..
[CSS] CSS 기초 CSS css 스타일 시트 표준안 웹 문서에 글꼴, 색상, 정렬과 각 태그의 배치 방법 등 디자인 적용 css구성 선택자(selector) : 디자인을 적용할 대상 지정 속성 : 어떤 디자인을 설정할지 속성 값 : 속성에서 선택한 디자인을 어떻게 반영할지 선택자 id 선택자와 class 선택자의 차이 - id 선택자는 id 선택자를 여러개 중첩하여 사용할 수 없다. - class 선택자는 여러 class 를 중첩하여 사용할 수 있다. id를 부여할 경우 문서 내의 유일한 값으로 사용 문서내에서 동일한 id를 부여하면 안된다 class는 다른 태그에서 사용해도 된다 여러개를 동시에 부여할 수 있다 id 선택자와 class 선택자의 차이 하위 선택자, 자식 선택자, 인접 선택자, 형제 선택자 - 하위 선택자..
[HTML] HTML 기초 HTML 내용이 들어옵니다!!! 다른 내용 추가 안녕 하세요 단락을 나누는 p 태그 https://validator.w3.org 블럭 태그 안에 인라인 태그 사용 인라인 태그 안에 블럭 태그 사용 블럭 요소 블럭 요소 블럭 요소 인라인 인라인 문서의 제목(큰수부터 작은수로 작성) h1 문서 내의 작은 숫자를 사용 후 큰 수를 사용하지 않음 h2 문서의 제목 h3 문서의 제목 h4 문서의 제목 h5 문서의 제목 h6 기본 글자 크기는 size=3 size = 7 size = 6 size = 5 size = 4 size = 3 size = 2 size = 1 궁서체 강조하고 싶은 텍스트, 기울임체 중요한 텍스트, 굵은 글씨 주의 깊게 볼 텍스트, 노란색 표시 단순 굵은 글씨 주의 사항, 법적 제한, 저작권 ..
728x90

티스토리툴바