기록 ＞ 기억

태그 → 드롭다운 목록 ● 태그는 기본적으로 한가지 옵션을 보여주고, 여러 옵션 확인 후 한가지 옵션만 선택가능 속성명 속성값 설명 size ex) 5 화면에 표시될 드롭다운 메뉴의 옵션 개수 지정 multiple multiple 여러 개의 옵션을 선택가능 ● 태그 속성 속성명 설명 value 옵션을 선택했을 때 서버로 전달 되어지는 값 selected 기본 선택되어 있는 옵션 건축공학과 기계공학과 산업공학과 전기공학과 컴퓨터공학과 ● 태그 → 항목 별로 묶기 건축공학과 기계공학과 산업공학과 전기공학과 컴퓨터공학과 역사학과 어문학과 철학과 ● 태그 → 데이터 목록 중에서 데이터 선택 속성명 설명 value 옵션을 선택했을 때 서버로 전달 되어지는 값 label 브라우저에 표시될 이름 (따로 지정하지 않으..

폼 태그 속성명 속성값 설명 name - 폼을 구별할 때 사용되는 이름 method get 방식 (default) post 방식 (추천) 폼안에 있는 데이터를 서버에 어떤 유형으로 전달할지 지정 action - 폼안에 있는 데이터를 받는 서버 페이지 ● get, post 방식의 차이 get post 데이터 위치 헤더(request header) - 길이의 제한이 있음 - 쿼리스트링을 통해 전송 ex) http://localhost:9797/test/guestbook/register.jsp ?id=user&pw=1111 1) ? 뒤에 키=값 형태 2) '&' 로 여러개 전송가능 바디(request body) - 길이의 제한이 없음 - form-data를 통해 숨겨서 전송 ex) http://localhos..

태그 → 링크 연결 속성명 속성값 설명 href - 연결할 페이지의 경로와 파일명 target 1. target 없으면 자기 창(디폴트값: _self) 2. _blank는 무조건 새창 3. 특정이름 aaa를 target으로 하면, aaa 이름을 가진 링크들은 창을 공유! aaa 이름이 없으면 새창! 연결된 페이지가 표시될 위치 - 브라우저(새창, 탭) - 임의의 위치 - Frame, iFrame 비추 download - html5를 지원하는 표준 브라우저만 사용가능 (IE는 사용불가) ● 링크 연결 ① 다른 문서를 연결하고자 할 때 ② 자신의 문서이든, 다른 문서이든 특정 위치로 이동 할 때 (책갈피 기능과 유사) 1장 2장 3장 4장 1장 2장 3장 4장 ③ 특정 페이지 또는 특정 사이트의 웹 문서를 ..

HTML 텍스트 관련 태그 ● 텍스트를 덩어리로 묶어주는 태그 ~ 제목 표시, h1이 가장 큼 단락 만들기 줄 바꾸기 수평줄 인용문 넣기 (들여쓰기한 느낌) 입력하는 그대로 화면에 표시하기 (창을 줄였을 때에도 입력한 그대로 표시하므로 가로스크롤 생김, 사용비추) ● 텍스트를 한줄로 표시하는 태그 단순 굵게 표시 굵게 표시, 중요한 내용을 강조 ex)시각 장애인 분들이 스크린리더를 통해 홈페이지를 이용하는데 부분을 강조해서 읽어줌 단순 기울이기 기울이기, 중요한 내용을 강조 ex)시각 장애인 분들이 스크린리더를 통해 홈페이지를 이용하는데 부분을 강조해서 읽어줌 ● 기타 태그 윗첨자 2⁴ 아랫첨자 H₂O 취소선 취소선 밑줄 언더라인 형광펜 칠한 느낌 마크 ● 목록 태그 태그 속성명 = 속성값 설명 type..

HTML 문서 구조 ● 웹 프로젝트 폴더구조 test (Project명) ㄴ src ㄴ main ㄴ java ㄴ webapp (=ROOT) ㄴ META-INF ㄴ WEB-INF ㄴ lib ㄴ web.xml ㄴ index.html ● webapp 밑에 index.html 파일 작성 안녕하세요 안녕하세요 우변에 있는 속성값을 좌변에 넣어라는 의미 (같다라는 의미가 아님) 속성값은 쌍따옴표, 홑따옴표 둘다 가능 ● 경로설정 방법 ① 절대경로 : 시스템이나 서버가 지정하고 있는 ROOT부터 시작 (파일명이나 폴더명 앞에 '/' 를 붙임) ② 상대경로 : 현재 사용중인 파일의 위치가 기준 (생략 또는 './') ● index.html 실행 의미 http://localhost:8888/test/index.html ..

요구사항 분석 육하원칙 (누가, 언제, 어디서, 무엇을, 어떻게, 왜) 과 CRUD (입력, 조회, 수정, 삭제) 생각하면서 분석 업무 프로세스가 어떻게 흐르는지... 클라이언트의 요구사항이 가장 중요!! ● 방명록 만들기 ① 요구사항(기능) 분석 기능 입력, 수정, 삭제, 검색, 비밀글, 업로드, 페이징처리(목록), WYSIWYG, 이모티콘 항목 방문자, 제목, 내용, 방문일시, 방문위치, 방문사유, 비밀번호, 버튼 (입력, 수정, 삭제, 조회) 조건 최대 입력치, 제어권한 Create 접속된 모든 유저가 작성 가능 항목 → 작성자, 작성일시, 내용, 비밀번호 Read 불특정 다수 읽기 가능 Update 작성자가 비밀번호 확인 후 수정 가능 Delete 작성자 → 비밀번호 확인 후 삭제 가능 관리자 →..

수업진행 방향 ● 개발환경 구축 ● 요구사항 분석 ① 방명록 ② 학생관리 ( 학생, 성적, 과목, 교수, 출결 ) ③ 게시판 ( 파일업로드, 계층형쿼리, 위지윅(WYSIWYG) ) ● Front-End (UI) ① HTML5 ② CSS3 ③ JavaScript ④ jQuery ⑤ Ajax (비동기 방식 요청처리) ⑥ JSP ● Back-End ① Java ② Spring boot ● 데이터베이스 ① Mybatis ② MySQL ● 기타 ① Python ② R (빅데이터 분석) ③ 아두이노 개발환경 구축 ● Java 설치 (JDK) ① https://www.oracle.com/kr/java/technologies/javase-downloads.html 다운로드 (Oracle 계정 필요) ② C:\Progr..

eXERD 리버스 엔지니어링 포트폴리오 readme 파일에 ERD를 첨부하고 싶은데... DB모델링 툴로 많이 사용되는 ERwin은 유료임.(나는 돈이없음ㅠㅠ)그래서 무료 DB모델링 툴을 검색하다 eXERD를 알게 됨.비영리 목적의 개인 사용자에게 무료로 정품등록도 가능함. 리버스 엔지니어링이란 DBMS의 객체들을 E-R 모델로 가져오는 기능임.쉽게말해, DB에 있는 테이블의 관계를 ERD로 그려준다 생각하면 됨. 1. eXERD > 리버스 엔지니어링 클릭 2. 파일이름 변경 > 프로젝트 선택 3. DBMS 접속정보 설정 ※ DBMS 접속위한 드라이버 필요 (ex) ojdbc6.jar 4. 옵션 설정 5. DB의 모든 테이블을 다이어그램으로 그리려면 완료, 수동으로 편집하려면 다음 6. 다이어그램에서 제..