재유's

HTML에서 표를 만들때엔 TABLE 태그를 사용한다. 테이블의 기본 틀 ...내용... ...내용... ...내용 thead, tbody, tfoot은 영역 구분 용도로 사용하는데 영역구분이 모호할 경우 생략이 가능하다.tr,th,td는 필요한 만큼 반복해서 사용이 가능하다. 테이블 태그 요소태그 의미 tr 행 th 제목 td 칸 예를 들어 제목 일반셀1 일반셀2 라는 태그를 입력하면 ( border="1" 는 지정을 하지않으면 선이 보이지 않기때문에 지정한것ㅜ)아래와 같은 표가 나온다. 제목 일반셀1 일반셀2 테이블 spanspan은 셀병합으로 열병합 행병합이 있다. 열병합 : colspan행병합 : rowspan 으로 표로 표현을 하면 아래와 같다.rowspan colspan span은 셀의갯수로 ..

링크 태그글씨나 이미지등을 클릭했을 때 다른 새로운 페이지로 넘어가는 태그 ... 내용 .... 링크태그 속성 의미 href 링크할 주소(url)나 문서 경로값을 넣는 곳 target 링크할 페이지를 어떤 방식으로 열지 지정 name 이름으로 페이지를 열때 열릴 부분을 지정 링크 주소는 같은 사이트 내의 파일을 지정할 경우는 상대경로, 절대경로 사용가능.- 웹에서는 절대경로는 http(s):// 부터 시작되는 온라인 상의 주소를 의미한다.다른 사이트 주소를 명시할 경우 절대경로 형식만 가능 target속성은 여러가지가 있었지만 HTML5에 와서 _blank 하나만 남았다고 한다.target="_blank" 라고 지정해주면 새창(새탭)에 링크를 띄운다.target 속성을 쓰지않으면 현재탭에서 창을 띄운다...

페이지 영역 나누기 DIV개념적으로만 나눈다. -> HTML에서는 디자인이 적용되지 않음중첩해서 사용할 수 있으며 모든 종류의 HTML 태그 포함 가능용도에 따라 시멘틱 요소로 세분화 할 수 있다. - header, section, article, nav, aside, hgroup 등...대부분의 웹 사이트가 시멘틱 요소를 디테일하게 사용하지 않는다. 화면상에서 직선 긋기 HTML 코드에서는 띄어쓰기나 줄바꿈을 아무리 많이 사용하더라도 브라우저상에서는 띄어쓰기 한칸으로 표시된다. 줄바꿈 띄어쓰기(공백) 특수 문자 : 들여쓰기 ~ 이번엔 들여쓰기 앞에 있는 줄 기준으로 들여쓰기! (바로앞) 들 여 쓰 기여기서 에러가나는데... 왜나는 거징... 실행은 되는데.. 확인해 봐야겠네영.. ㅎㅎㅎ 우리 사이트 메..

Visual Studio Code 에디터에서 코드를 쓰다 길어지니 자동 줄바꿈이 필요해서Setting에서 있을것 같아 검색해보니 나오네요 ㅎㅎ 자동 줄바꿈 하는 방법은 간단합니다. 설정( Ctrl + , )에 들어가 word wrap 이라고 검색을 하면Editor:Word Wrap이 나옵니다.그곳을 On으로 바꿔 주면 되요~ 속성을 보니 총 4가지가 있는데요 OFFONwordWrapColumnbounded가 있는데 OFF는 말 그대로 끄는 기능!ON은 키는 기능 wordWrapColumn, bounded는 Word Wrap Column에 정해준 수만큼 줄바꿈을 합니다.현재 저는 80으로 되어있는데 저건 80글자를 기준으로 줄바꿈한다는 소리입니당. 단, wordWrapColumn은 창이 줄어도 줄바꿈이 되..

live server라는 것을 어제 처음알았습니다. html을 거의 만진적이 없어서 있는지도 몰랐습니다....ㅎㅎ 어제 쌤이 node.js를 다운해서 live server 설정을 해주셨는데 신세계였어요...!물론 많은분들이 사용하고 있겠지만 정리 차 포스팅합니다. live server는 실시간으로 내가 수정한 코딩이 적용된걸 볼 수 있습니다.수정하고 저장하면 웹페이지를 새로고침할 수고가 더는 것이죠 ㅎㅎ(진짜 듀얼 모니터가 필요한 시점 ㅜㅜㅜ) 제목대로 일단 Visual Studio Code에서 live server를 셋팅하겠습니다. 확장을 열어 마켓플레이스를 킵니다 (단축키 ctrl + shift + X) Live Server를 검색하면 맨 처음에 나오는 걸 받으시면 됩니다. Reload를 하시면 완료..

단락 나누기 제목 123456 h1 크기 제목 h2 크기 제목 h3 크기 제목 h4 크기 제목 h5 크기 제목 h6 크기 제목 숫자가 작을 수록 글씨가 커지며 1~6까지 설정 할수 있다. 본문1 내용 1. 본문안에 다른 본문 중첩 사용 가능1 ... 2. 두 개 이상의 본문을 연속 적으로 사용 가능. 각 문단간에는 여백이 형성된다.1 ...1 ...2 목록1. 목록 영역 정의순서 없는 목록 : 1 ~ 순서 있는 목록:1 ~~ 2. 목록 영역 안에 항목을 나열하기1 내용 3. 항목 안에서는 독립적인 본문을 구성할 수 있다.p, div, h(n) 태그 사용 가능함 4. 항목 안에서는 새로운 목록을 하위 요소로 포함할 수 있다. 태그 안에서 새롭게 이나 태그를 시작할 수 있다. 예를 들면1234567 ...

HTML이란?1. 웹 페이지를 구성하는 기본 골격을 만드는 언어2. 특정 단어나 문장을 태그라는 형식으로 강조하는 형태로 구성 된다. 1 강조할 내용 3. HTML 태그는 내용 강조할 목적에 따라 종류가 구분되어 있다.ex) h1 -> 제목, p->본문 등... HTML 페이지 기본 구조123456789

웹 페이지 제작1. 일반 텍스트 파일의 확장자를 *.HTML로 변경하여 사용.2. 웹 페이지를 구성하기 위한 정형화된 형식의 내용(=소스코드)을 기술 -> 코딩3. 웹 페이지를 제작하기 위한 소스 코드 HTML + CSS +Javascript의 조합으로 구성 웹 접근성모든 사람(혹은 모든 기기)는 정보의 접근에 차별을 받지 않아야 한다.장애인 차별금지법에 명시되어 있다. 시멘틱 웹HTML 태그를 강조할 목적에 맞게 사용하여 기계가 이해할 수 있돌고 의미를 부여하는 형태 시멘틱 웹으로 작성된 웹 페이지니는 시각장애인용 웹 브라우저(스크린리더)를 활용하여 웹 페이지 탐색이 가능하다. 웹 표준1. 올바른 시멘틱 웹을 구성할 수 있도록 권장되는 HTML 제작기법2. 웹 표준이 준 될 경우 기기의 종류를 가리지 ..

Visual Studio Code (이하 vsCode) https://code.visualstudio.com/ SublimeText와 비슷한 코드 에디터로 macOS, Windows, Linnux에서 받을수 있습니다.한글화가 가능하며 자동완성기능도 제공합니다. 원래는 Atom을 사용하려고 했는데 학원 강사님이 vsCode가 나중에 코드양이 많이 질때 성능이 훨씬 괜찮다고 해서 사용하게 되었습니다. SublimeText 처럼 다양한 확장프로그램이 있으며 제일 좋은점은 한글화 제공...!아직까지 대량의 코드를 작성해보지 않아서 상태가 어떤지는 모르겠습니다만 사용하다보면 알것같습니다 ㅎㅎ 일단 HTML, CSS, JavaScript, JQuery 등 편집기로 사용할 예정입니다 ㅎㅎ Visual Studio C..

org.apache.ibatis.reflection.ReflectionException: There is no getter for property named 'columnNm' in 'class....' 라는 에러는 처음 봤다. 원인은 Mapper.xml(SQL이 있는 xml파일) 에서 if test 태그를 사용중인데 그곳에서 사용한 변수명과 result Map에 정의한 변수명이 달라 얘가 SQL태그에서 변수를 못찾아 생긴 에러였다. ed) . . . . . SELECT ... FROM TBL_NAME WHERE 1=1 AND colNm = #{colNm} 위처럼 작성해서 틀린 에러였다 ㅜㅜ 난 문장 대충읽고 There is no getter라는말에 '응?? 자동완성시켰는데 getter setter가 없..