나다이_꾸준히걷기

[스프링 입문_개발환경설치] 1. JDK11 설치 https://www.oracle.com/kr/java/technologies/javase/jdk11-archive-downloads.html 오라클에 로그인후 다운로드를 하여 운영체제에 맞는 버전을 다운로드한다. 설치프로그램을 실행하여 다음을 눌러 설치하고, 재부팅한다. cmd 에서 java -version을 실행한다. 제대로 설치가 되었다면, 설치한 자바 버전이 커맨드 창에 뜨게 된다. 2. IntelliJ 설치 이클립스보다 에러가 적고 가벼운 느낌 유료버전 한달동안 트라이얼 버전을 일단 쓴다. https://www.jetbrains.com/ko-kr/idea/download/#section=windows 다운로드를 받아 설치를 진행한다. 다음과 같이..

C#_DataTable 컬럼Columns 추가 Add, 위치변경(지정) SetOrdinal C#에서 DataTable을 사용할 경우 동적으로 컬럼을 추가하거나 위치 변경이 가능하다. SetOrdinal의 경우 컬럼이 이동되어도 Table을 새롭게 생성할 필요가 없다. 1. 기본형 DataTable.Columns.Add(컬럼명) 2. 타입지정 DataTable.Columns.Add(컬럼명, typeof(타입)) 3. 기본형 + 위치지정 DataTable.Columns.Add(컬럼명).SetOrdinal(idx) 3. 타입지정 + 위치지정 DataTable.Columns.Add(컬럼명, typeof(타입)).SetOrdinal(idx) 4. 컬럼 세부 속성 지정 DataTable dt = new DataTa..

선택자 기본 기본 * 전체 선택자 Universal Selector : 모든 요소를 선택 ex) * { color: red; } ABC 태그 선택자 Type Selector : 태그 이름이 ABC인 요소 선택 ex) li { color: red; } .ABC 클래스 선택자 Class Selector : HTML class 속성의 값이 ABC인 요소 선택 ex) .orange { color: red; } #ABC 아이디 선택자 ID Selector : HTML id 속성의 값이 ABC인 요소 선택 ex) #orange { color: red; }

CSS 개요: 선언 방식 내장 방식 : 의 내용(Contents)으로 스타일을 작성하는방식 링크 방식 : 로 외부 CSS 문서를 가져와서 연결하는 방식 : 병렬 연결 방식 main.css 파일 div{ color: red; margin: 20px; } 인라인 방식 : 요소의 style 속성에 직접 스타일을 작성하는 방식(선택자 없음) : 우선순위가 너무 앞서있어서 유지보수가 쉽지 않음 @import 방식 : CSS의 @import 규칙 으로 CSS 문서 안에서 또 다른 CSS 문서를 가져와 연결하는 방식 : 직렬 연결 방식 main.css 파일 @import url("./box.css"); div{ ... } box.css 파일 .box{ background-color: red; padding: px; }

CSS 개요: 기본 문법, 주석 선택자{속성: 값;} 선택자 : 스타일(CSS)을 적용할 대상(Selector) 속성 : 스타일(CSS)의 종류(Property) 값 : 스타일(CSS)의 값(Value) --> 선택자 속성은 값이다. 선택자{속성: 값; 속성: 값;} 중괄호: 스타일 범위의 시작과 끝 ex) div { color: red;} : 태그 선택자 속성컬러는 레드이다. div { color: red; margin: 20px; } : 태그 선택자 속성컬러는 레드이고, 여백은 20px 이다. 구분을 위해 들여쓰기를 이용한다 div{ color: red; margin: 20px; } 주석 /* 설명 작성 */ div{ color: red; margin: 20px; }

HTML 전역 속성 title 속성 : : 요소의 정보나 설명을 지정 style 속성 : : 요소에 적용할 스타일(CSS)을 지정 class 속성 : : 요소를 지칭하는 중복 가능한 이름 id 속성 : : 요소를 지칭하는 고유한 이름 data 속성 : : 요소에 데이터를 지정 : HTML에 저장한 데이터를 js를 이용해 출력한다. (html에서의 이름형식 fruit-name은 js에서는 fruitName 으로 해야 인식된다.) : defer속성이 없으면 화면출력이 html문서를 다 읽지 않은 상태일 수 있음

HTML 주석 그렇다면 화면에 출력되지 않도록 하려면 어떻게 해야할까? 주석을 사용한다 : : 수정사항이나 설명 등을 작성(주석) : 브라우저는 이 태그를 해석하지 않기 때문에 화면에 내용이 표시되지 않음 : Ctrl + / 혹은 Cmd + /

HTML 핵심 요소 정리 태그 : : 블록(상자) 요소 : 특별한 의미가 없는 구분을 위한 요소.(Division) 태그 : : 블록(상자) 요소 : 제목을 의미하는 요소.(Heading) : h1, h2, h3, h4, h5, h6 숫자가 작을수록 더 중요한 제목을 정의 태그 : : 블록(상자) 요소 : 문장을 의미하는 요소(Paragraph) 태그 : : 이미지를 삽입하는 요소.(Image) : src, alt 필수 속성 태그 : : 블록(상자) 요소 : 순서가 필요없는 목록의 집합을 의미.(Unordered List) : 무조건 자식태그로 태그가 1개이상 존재해야함 태그 : : 블록(상자) 요소 : 목록 내 각 항목(List Item) : 무조건 부모태그로 태그와 함께 해야함 태그 : Naver :..

글자와 상자 : 요소가 화면에 출력되는 특성, 크게 2가지로 구분. 1. 인라인(Inline) 요소 : 글자를 만들기 위한 요소들. 2. 블록(Block) 요소 : 상자(레이아웃)를 만들기 위한 요소들. 태그 : : 대표적인 인라인 요소 : 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도. : 요소가 수평으로 쌓임 : 인라인 요소는 포함한 콘텐츠 크기만큼 자동으로 줄어듬(가로, 세로 모두) : style의 width (요소의 가로길이), height (요소의 세로길이) : span 태그에 css 속성을 설정해줘도 글자는 가로 세로 높이를 가질수 없으므로 변화하지 않는다. : style의 margin (요소의 외부 여백을 지정하는 css속성) : style의 padding (요소의 내부 여..

HTML 기본 문법 요소(Element) : 내용 : 시작태그, 요소의내용(Contents), 종료태그 ex)Hello~~ HTML 부모와 자식 관계의 이해 : 부모 요소 내용 : 자식 요소 : 부모 요소 : 들여쓰기를 통해 자식요소와 부모요소의 구분을 시각적으로 정리 들여쓰기(Indent) : Tab 내어쓰기(Outdent) : Shift + Tab 내용 : 상위(조상) 요소란 기준을 제외한 기준을 감싸고 있는 모든 요소들(바로 윗단계인 부모 요소 부터) : 하위(후손) 요소란 기준을 제외한 기준 내부에 있는 모든 요소들(바로 아랫단계인 자식 요소 부터) 빈태그 Empty태그 ex) : 편리함! HTML 1/2/3/4/5 or : 안전함! XHTML / HTML5 :되도록 슬래쉬를 붙이도록 연습하기~ ..