본문 바로가기

국비

 (121)
12.13 국비학원 49일차(네비게이션 메뉴, 드랍다운 메뉴, 사용자 입력 양식 디자인, 테이블 및 페이징 디자인) 네비게이션 메뉴 - 상단 네비게이션 메뉴 만들기 - 메뉴 있는 영역에는 nav 태그 권장. 권장사항이지 div 써도 상관 없다. - 사이드 메뉴 네비게이션 만들기 - 드랍다운 메뉴 - 사이드 드랍다운 메뉴 사용자 입력 디자인 - 버튼 디자인 - input 태그 디자인 테이블 및 페이징 디자인 - 테이블 디자인 - 테이블이 있는 브라우저에서 개발자모드(F12)를 보면 tbody 를 사용하지 않았어도 자동으로 만들어져 있다. 따라서 자손 선택자 선택시 오류가 생길 수 있으니 항상 tbody 를 사용하는 습관을 갖는 것이 좋다.
12.12 국비학원 48일차 (글자 관련 스타일속성2, 리스트/배경/영역/요소배치 관련 스타일 속성) 글자 관련 스타일 속성(2) - white-space : 공백 처리와 관련된 기능을 제공 white-space: normal; : 기본 공백 처리 방식으로 여러 공백이 있어도 하나의 공백만 반영 white-space: nowrap; : 여러 공백이 있어도 하나의 공백만 반영. 줄 바꿈이 필요해도 안바꾸고 한 줄로 표기 white-space: pre; : 여러 공백을 그대로 반영하여 출력. 줄 바꿈도 입력한 내용대로 출력 white-space: pre-line; : 여러 공백을 그대로 반영하지 않음. 줄 바꿈은 입력한 내용대로 출력 (자동 반영) white-space: pre-wrap; : 여러 공백을 그대로 반영. 줄 바꿈도 입력한 내용대로 출력 (자동 반영) - text-overflow : 지정된 영역..
12.09 국비학원 47일차 (폼 관련 태그, id·class·style 속성, selector, 글자 관련 스타일속성) 입력 폼 관련 태그 - 사용자가 입력 폼을 만들고 사용자가 입력한 데이터를 서버에 전송하기 위한 태그 input 태그를 사용한 입력 폼 textarea, select, option 태그를 사용한 입력 폼 옵션1 옵션2 옵션3 form 태그를 사용하여 입력 폼을 묶고 서버에 전송 checkbox, radio 사용 select, option 사용 id, class, style 속성 - id : HTML 문서에서 유일한 태그 엘리먼트를 식별하기 위한 용도로 사용하는 속성(중복값이 있으면 안됨) - class : CSS 로 스타일을 지정할 때 어떤 스타일로 해당 태그 엘리먼트를 적용시킬지 지정하기 위한 용도의 속성 - style : 직접 해당 태그 엘리먼트에 디자인을 적용시키기 위해 사용하는 용도의 속성 CSS..
12.08 국비학원 46일차 (html 기본 구조,내용,태그) HTML 태그 구조 텍스트 또는 엘리먼트 - 태그명 : 영문자 소문자로 작성 권장 - 속성명 : 해당 태그에 적용할 속성 명시 - 속성값 : 속성명에 해당하는 정해진 값 (값에 큰 따옴표 또는 작은 따옴표 사용 가능) - 태그에는 또 다른 태그를 하위에 넣어 계층 구조로 만들어 사용할 수 있다. - 태그는 시작태그와 종료태그로 구성되며, 종료태그가 없는 경우 해당 태그가 하나의 객체로 사용된다. HTML 특징 - html 코드에 작성한 공백 또는 개행은 브라우저에 출력할 때, 공백은 한 개만 적용되고 개행은 적용되지 않는다. 하나 이상의 공백을 적용하고 싶은 경우 이스케이프 문자를 사용한다. (+추가내용 : (오른쪽꺽쇠) 이스케이프 문자 = > ) HTML ..
12.07 국비학원 45일차(Visual Studio Code설치, 프론트개발 종류) 웹화면 개발 파트를 배우기 위해 Visual Studio Code 설치 및 환경 설정 진행. 웹 화면 개발 (프론트 개발) HTML : Hyper Text Markup Language, 웹에 문서 형식으로 정보를 표현하기 위해 고안된 마크업 언어이다. HTML 문서는 일반적인 워드, 한글 문서처럼 웹에 표현하기 위해 사용한다. CSS : 문서에 디자인을 적용하여 다양한 스타일을 표현할 수 있도록 만들어진 스타일 시트 언어이다. (색상, 배경색(이미지), 도형 표현, 크기 조절 등) JavaScript : 풍부한 사용자 경험을 위한 웹 기능을 구현하고 동작시키기 위해 사용하는 스크립트 언어이다. (버튼 클릭할 때 특정 기능 동작, 스크롤 올리거나 내릴때 이미지 전환, 주기적으로 서버와 통신 등)
12.06 국비학원 44일차 (평가5) 문제해결시나리오에서 EXCEPTION 으로 예외처리 했어야 하는 부분 틀림. no_data_found 예외처리 했어야 함.
12.05 국비학원 43일차(Mybatis 활용 회원가입 문제)
12.02 국비학원 42일차 (Mybatis) Mybatis - Persistance(영속영) 프레임워크로 데이터베이스의 데이터를 조회, 추가, 수정, 삭제와 같은 작업을 할 수 있도록 만들어져 있다. - JDBC 라이브러리를 통해 구현되어 있기 때문에 JDBC 라이브러리가 필수로 포함되어야 한다. - SQL 구문을 프로그램에 직접 작성하지 않고 별도의 XML 파일로 분류하여 관리 가능 Maven Project - 메이븐(Apache Maven) 이란 소프트웨어 프로젝트 관리 도구로써 프로젝트 객체 모델 (POM, Project Object Model) 의 개념을 기반으로 프로젝트 관리에 필요한 환경설정과 라이브러리에 대한 의존성을 관리 - 플러그인을 기반으로 프로젝트 빌드(build), 보고(reporting), 문서(documentation) 기..

티스토리툴바