뇨내

전체 body 속성이랑은 다른 것을 건들여야 해서 자주 헷갈려서 기억하라고 이미지로 남김 저 상자 글씨크기가 이상하게 아직 맘에 쏙드는 크기가 없는데 저 상자속 크기를 바꾸려면 172라인의 font-size 변경

VSCode 기본 설치 상태에서 tab 키를 눌렀을때 var a = "tab키 안됨 "; 이런 상황 많이 겪으셨을겁니다. 이클립스 등에서는 tab키를 누르면 자동으로 문장 끝으로 넘어가는데 VSCode는 그냥 들여쓰기가 되는 상황입니다. 자주 굉장히 귀찮음 오타나서 각설하고 해결법은 'TabOut'을 설치하면 됩니다!! 왼쪽상단을 보면 빨간색 네모로 표시한 부분이 있는데 확장팩을 설치할 수 있습니다. 클릭해줍니다. 그 후 검색창에 TabOut 검색 후 설치 -> 사용하면 끝 이제 편하게 tab키로 코드 작성을 할 수 있습니다. var a = "tab키 이제 됨";

빠른이동 ( 클릭시 해당 스크롤로 갑니다☜(ﾟヮﾟ☜)) HTML 기초 Entity List 목록 Body 속성 p h1~h6 hr style HTML 기초 1. : 해당 문서가 HTML5으로 제작한 것으로 인식 2. : 문서 전체를 감싸는 역할, 문서의 루트 태그, 컨테이너 역할 1) 2) 3. : 문서의 머릿말 역할 4. : 브라우저에 출력된 내용의 컨테이너 5. : 문저싕 내부 정보 관리, 브라우저가 이 정보를 봄 1) 2) HTML 언어 구성 요소 1. 태그(Tag), 엘리먼트(Element) - 예약어(명령어)를 로 묶어놓는 요소 - 웹 페이지의 골격 형성 a. 요소를 배치 b. 레이아웃 형성 2. 태그의 표현 방식 a. - : 시작태그 - : 끝태그 - 자신의 영역을 표현한다. ({} 역할) -..

Font 폰트 @font-face { font-family : ; src: url( ); } font-family: ; - 서버상의 폰트를 클라이언트에게 실시간 제공 - 클라이언트 pc에 폰트가 설치되지 않는다. 참고용 폰트 사이트 Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 눈누 - 상업용 무료한글폰트 사이트 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc

Shadow 그림자 1. text-shadow: x y blur color 2. box-shadow: npx npx npx color 블럭태그, 인라인태그 그림자 효과 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Document .box { border: 1px solid black; width: 200px; height: 100px; margin: 20px; } /* 개체간의 중첩된 margin은 합이 아니라, 큰 마진이 적용된다. */ /* #box1 { margin-bottom: 10px; } #box2 { margin-top: 20px; } */ 상자1 상자2 상자3 안녕하세요. 삐옥이입니다...

Alignment 정렬 정렬, Alignment - 인라인 태그와 블럭 태그의 수평 정렬 1. 인라인 태그 - 내용물 정렬 불가능 왜? 여백이 없다. 2. 블럭 태그 - 내용물 정렬 가능 왜? 여백이 있다. 태그 자체 정렬 1. 인라인 태그 자체를 정렬하려면 - 블럭 태그인 부모를 가져야 한다. > 즉, 부모에게 text-align을 사용한다. 2. 블럭 태그 - 불가능 > 좌우 공간이 없다. > 너비 100% - 가능하게 하려면 좌우 margin이용 일반적인 정렬 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 Document #s1 { background-color: yellow; text..

Position 1. padding 2. margin 3. position 4. trasform > CSS3 position: static | absolute | relative | fixed ; position : 요소의 위치를 지정하는 속성 - 좌표값 사용 - x(left), y(top) - 좌표를 지정하는 방식이 여러개 제공(좌표계 > 기준점) 1. position: static - 정적 좌표 - 기본값 - FlowLayout 방식 - 워드 프로세스 방식 - 코딩 순서대로 출력되는 방식 위 -> 아래, 왼쪽 -> 오른쪽 - 좌표값 지원 안됨(left, top 사용 불가능) 2. position: absolute - 절대 좌표 - 기준점: 문서의 좌측 상단 - 모든 태그가 동일하게 문서의 좌측 상단을..

float float: left | right ; - float이란 이름의 속성이 있다. - 기존의 출력정책을 깨고, 혼자 자신의 위치에서 벗어나서 현재라인의 좌측(우측) 끝으로 이동한다. - 이미지, 텍스트 > 인라인 태그 > 같은 라인에 출력된다. - 이미지와 텍스트의 높이가 서로 다르다. -> 그래서 여백이 생기게됨 -> 메꿔야함 float 이용! - align은 이미지를 정렬하려고 만든속성이 아니다.(HTML) - 서식이라서 CSS이용해야함 추가적인 밑줄이 필요할때 로 이용해도 되나 border-bottom 을 이용해서 px단위로 만들 수 있다. 1 2 3 4 5 6 7 8 #title { /* text-decoration: underline dashed red 2px; */ border-bott..

드디어 WEB을 시작합니다.(☞ﾟヮﾟ)☞ 먼저 Eclipse가 설치되어있어야 하는데 지난 포스팅을 참고해주세요. [JAVA - Eclipse] 개발 환경 세팅 안녕하세요 첫 글이라 두서없을 수도 있지만 앞으로 비전공자로서 코딩공부에 첫 발을 들인 첫 날입니다. 앞으로 이곳에 그날 배운 내용들을 복습 겸 정리하려고 합니다. 아직은 글쓰고 정리하 codingjh.tistory.com 1. 이클립스 워크스페이스 변경 windows → Preferences → encoding → 전부 UTF-8 변경 이렇게 4가지를 전부 UTF-8로 변경한다. 2. 파일 생성 순서대로 클릭하여 파일을 먼저 생성해준다. 3. Apache Tomcat 설치 Welcome to The Apache Software Foundation..