게으른 완벽주의자의 개발자 도전기

요즘 폰트에는 다 저작권이 있기 때문에 잘못쓰게되면 큰 돈을 지불해야한다고 한다. 그래서 무료폰트 사이트를 이용해서 공부하기로 했다. 눈누 상업용 무료한글폰트 사이트 noonnu.cc 사이트에 들어가면 아래와 같이 다양한 폰트를 볼 수 있다. 1. 마음에 드는 폰트를 하나 골라 클릭한다. 2. 폰트 태그를 확인할 수 있다. 오른쪽 버튼을 클릭하면 전체 복사가능하다. 3. jsp에서 적용하기 style태그아래에 복붙을 하고, 내가 적용하고자 하는 부분에 font-family를 복붙해서 집어 넣으면 적용된다.

1. display : inline-block 1) div, span 블록태그 : 실제 내용 크기 상관없이 한 줄의 영역 차지하는 것으로 대표적으로 div태그 인라인태그 : 영역의 크기가 실제 내용과 일치하는것으로 대표적으로 span태그 .div1{ background-color: #A66CFF; width: 200px; } .div2{ background-color: #9C9EFE; width: 100px; } ★div1의 width를 200px로 줄이더라도 바로 옆에 div2가 오지 않는걸 볼 수 있다. div는 너비를 줄이더라도 나머지 공간에 다른게 올 수 없는걸 알 수 있다. .span1{ background-color: #AFB4FF; width: 150px; } .span2{ backgroun..

Insert title here 2) colgroup으로 열 속성주기 게시글에서 글번호 부분은 작게 제목부분은 크게 이런식으로 열마다 속성값을 주고 싶을 때 colgroup을 이용하면 각 열의 속성값을 줄 수 있다. 기본 형태는 아래와 같은 형태이다. 나는 칸 너비를 조절하기 위해서 width를 이용하고자 한다. 글번호에는 12% 정도 넣고

css하다보면 배경색이나 선에 다양한 색상을 넣고 싶어질 때가 있다. 이때 사용하기 좋은 사이트와 프로그램을 소개하고 자한다. 아마 유명해서 다들 잘 사용하고 있을 듯하다. Color Palettes for Designers and Artists - Color Hunt Color Palettes for Designers and Artists - Color Hunt Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects. colorhunt.co 1. 사이트에 들어가서 원하는 색상에 마우스를 올려 #색상번호가 뜨면 클릭하여 코드를 복사한다. 2. 태그에 실..

css는 정말 할때마다 느끼지만...(이하 생략) 절레절레 😥😥😥 오늘은 div 태그를 이용해서 style꾸미기를 할 것이다. 먼저, body에서 설정을 먼저 한 뒤에 style에서 꾸밀것이다. 1. body에 div 이름 부여하기 (class 별칭을 주는 것으로 container 첫 div에서 마지막 /div까지 전체 감싸는 것이니까 container로 하겠다.) (이력서 등록 제목만 감싸는 class 이름을 headDiv로 주었다) 이력서 등록 (내용 작성할 div에는 contentDiv로 이름을 부여) 이름 연락처 (버튼이 있는 div에는 btnDiv로 이름 부여) 2. style로 body부분 꾸미기 꾸미기 위치는 title 아래에서 style태그를 만들어서 진행할 것이다. Insert title..

html css 시작한 이래로 나는 느낀게 있다. 내가 디자인엔 정말 취약하구나... 디자인 하시는 분들 정말 리스펙합니다! 1. 태그 이름에서 느껴지듯 데이터를 집어넣는 태그이다. jsp에서 자주 사용하기 때문에 input 태그에서는 name 태그, 특히 check box, radio, button, submit에는 value태그(선택했을 때 나오는 속성값) 추가하는것 잊지 말아야 한다! 홈 태그(데이터 입력받기) (value를넣으면 실제로 값을 받는다.) (안내문구를 넣어주는 것이 된다.) 운동 독서 동의 (checked= "checked" 이지만 같은 내용은 한 번 입력해도 무방하며, 의미는 동의 비동의 중 동의에 무조건 체크표시 되어 있게 만드는 것) 비동의 (여러가지 중 하나 선택하는 것) C+..

요즘 자바랑 html를 배우면서 고등학생때 했던 과목들이 떠올랐다. 문과였던 나에게 자바는 이해하면 쫙쫙 풀리는데 이해가 어려운 한국지리 세계지리 느낌이라면 html css는 윤리 한국사처럼 암기과목 느낌이 난다. 새로운거 실행시킬때 마다 창을 눌러서 설정해줘야하는 번거로움이 있다. Always use this server 여기 부분에 체크하면 편하게 사용 가능하다! 1. 테이블(table) body 안에 table을 만든다. table 태그도 마찬가지로 시작이 있으면 /table 이 있다. 기본 테이블 형식은 아래와 같다. 테이블 만들기 테이블의 행 시작 테이블의 열 시작 테이블의 열 끝 테이블의 행 끝 1) 행과 열 테이블에서 tr:행, td:열을 나타낸다. 이 태그도 시작이 있음 /끝 태그가 있다는..

7월 18일 오전에 첫시험을 치고 오후 수업부터는 html css 부분 수업이 진행되었다. html css는 기존에 쓰던 오라클에서 진행한다. 그리고 WAS로 아파치 톰캣 8.5를 쓴다. 그리고 UTF-8로 세팅! 설정을 다시 세팅하고 Project Explorer 뷰에서 마우스 오른쪽 new -> Dynamic web project를 눌러서 프로젝트를 만들고 scr -> webapp에서 new -> html file을 만든다!! java떄와 다르게 소문자로 파일 만듦! java때와 동일하게 실행할 때도 ctrl F11을 누르면 실행이 되는데 나는 크롬을 기본으로 설정했다. (Daynamic project는 다른 폴더가 닫혀 있는 상태에서 만들기 가능하다. 이것도 모르고 처음에 헤맸다.) 쌤이 WAS(W..