망그러진 사고공방 망그러진 사고공방

프로젝트가 끝난 뒤 바로 쓰는 것은 아니다. 프로젝트가 끝난 뒤에도 가야하는 알바 덕에 넝마 입은 아저씨가 된듯한 마음으로 몇일 동안 못쉰 것 같다. ㅠㅠㅠㅠ 그래도 내가 만들어본 프로젝트에 대해 스스로 피드백도 하고 느낀점도 적어 봐야 오래 기억에 남을 것 같아 적어본다. 개발 환경은 window10에서 JDK 17 버전을 사용했고, Oracle sql XE 11.2 , Eclipse 2023-09를 사용했고 JDBC 라이브러리를 이용해 개발했다. MVC 모델(패턴) 사실 프로젝트를 시작하기 전에 한두번 정도 이 모델을 사용할 것이라 들었는데, 시작하기 전까지 이게 무엇인가?에 대해서 크게 와닿지 않았다. 각각 Model, View,Controller의 약자를 의미하는데, 나름대로 조사한 것을 짧게 설..

CSS3를 사용하여 여태 작성했던 HTML코드에 정렬과 꾸미기를 적용해보려고 한다. CSS는 HTML의 태그 내에서 태그를 사용하여 적용할 수 있고, { } 블록 안에 코드를 입력해 적용한다. ex) *{border : 0px} 상속관계 이전에 HTML을 사용해보면서 , 태그 안에 태그를 넣을 수 있다는 것을 알게되었다. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipiscing elit Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipiscing elit 예시1. 위를 예시로 보면 태그 안에 태그가 두개 들어가있다. CSS로 태그를 스타일변경시 ..

HTML에서 공간을 분할할 때 어떤 방법으로 할 수 있는지 배운 내용을 정리해본다. 한줄 한줄 모든 정보를 관리하는 것 보다, 비슷한 내용이 있는 공간들을 묶어서 각 공간들을 관리하는게 더 효율적일 것이다. 태그 : 블록 형식으로 공간 분할 = > 무조건 한행 이상을 차지한다. : 인라인 형식으로 공간 분할 = > 태그 안의 글자크기 만큼만 크기를 차지하고, 왼쪽에서 오른쪽으로 줄 형식으로 데이터가 쌓인다. 넣기 대부분의 웹사이트에서 F12를 눌러 HTML 코드를 확인해보면, 태그를 정말 많이 사용하고, 도 어느정도 사용한다. 아직까지 위 두 태그만큼 자주 쓰이진 않는 것 같지만, semantic 태그를 사용해 공간을 분할할 수도 있다. semantic 태그들의 종류 Sementic tags 머리말(페이..

사용자에게 입력을 받을 때 form 태그를 사용해 여러 용도의 입력을 받을 수 있다. 블록 형식 (선택지가 있는 박스들중 선택) 과 인라인(정해진 영역안에 직접 입력) 형식으로 구분된다. method 속성에 post, get을 넣어 사용 가능하다. 웹상에서 모든 입력방식이 form의 input태그를 사용하는 것은 아니다. Java Script를 통해서도 구현 가능하다. 의 속성 주소 변경 없이, 별도로 데이터를 전송한다. 직접적인 정보 노출이 없고, 데이터 용량제한이 없다는 특징이 있다. 파일 형식의 데이터를 전달하려면 를 사용해야한다 주소에 데이터를 입력해서 전달한다. 그렇기 때문에 크기가 한정되어 있고 정보 노출 가능성이 크다. method 입력을 생략하면 기본으로 get이 사용된다. 자주 함께 사용..

영역별 크기가 다른 테이블을 만드는 방법 colspan, rowspan 사용시 th, td 태그 사용시 두 span 속성을 사용할 수 있다. th colspan = "3" 으로 지정시, 가로로 3칸짜리 데이터가 들어갈 수 있는 크기를 합쳐서 하나의 데이터가 들어갈 수 있는 칸이 만들어 진다. 이후 똑같은 크기의 행을 만들지 않는다면, 크기 1을 가진 데이터 3개를 계속 넣어줘야 한다. 예시 DOCTYPE html> Insert title here 지역별 홍차 중국 정산소종 기문 운남 인도 및 스리랑카 아삼 실론 다질링 닐기리 thead와 tbody를 구분하여 사용해보려 했으나, rowspan이 들어간 두 칸도 어쩌면 메타데이터를 표기하는 head와 유사하지 않은가 고민이 되어서, 사용하지 않는게 좋았을 ..

2023년 11월 27일 HTML 학습, 실습 내용을 정리했다. 테이블 만들기 : 테이블 생성. : 표에 행 삽입. table row : 표의 제목 셀 생성. table heading . 테이블 맨 위에 생성되는 메타데이터를 표시할 때 사용하고, 자동으로 볼드 효과를 적용한다. : 표의 일반 셀 생성 . table data. 해당 컬럼 종류에 포함되는 데이터를 직접 넣는다. : 테이블의 실질적 데이터가 들어가는 부분 표시. : 테이블의 메타데이터가 들어가는 부분 표시. 사용 안에 , 를 통해 데이터를 넣어 사용한다. 태그와 속성을 이용해 테두리를 생성할 수 있다. 사용코드 DOCTYPE html> Insert title here 번호 제목 작성자 작성일 조회수 1번 월요알바 김건 11월27일 0 2번 가..

자바와는 다르게 스크립트 언어는 패키지로 구분되는 개념이 없고, 한줄의 코딩을 실행하고 바로 다음 한줄의 코딩을 사용하는 식으로 사용된다. HTML과 JSP로 구현한 화면은 똑같이 보일 수 있으나 데이터가 유동적이면 JSP로 사용한다. 고정되있으면 HTML을 써도 된다. HTML : 웹 페이지 구성 CSS : 스타일 적용 JavaScript : 사용자 반응 처리 실습 환경은 크롬, 이클립스 for JAVA EE , 톰캣(서버) 사용 태그와 요소 요소 - HTML 페이지를 구성하는 부분 (제목,본문,이미지 등) 태그 - 요소를 만들 때 작성하는 방법 내용을 가질 수 있는 요소: 내용 ex ) hello HTML5 내용을 가질 수 없는 요소: ex) head 와 body는 기본적으로 가지는 태그. 스타일시트..

프로젝트 전에, 어떤 기능을 가진 코드를 작성할 것인지 미리 설계하는 작업을 처음으로 거쳐봤다. 첫 프로젝트의 요구사항 분석서를 작성해 봤는데, 문서 작성에 이렇게 시간이 오래 걸릴 줄은 몰랐다. 약 7일정도의 시간이 있었는데, 문서들을 검수하고 재작성 하는데 시간이 2일정도 걸린 것 같다. 최종 작성된 글도 마냥 완벽해 보이지는 않는다. 이렇게 시간 기한을 정해두고 프로젝트를 하게되니 막상 마음이 많이 급했던 것 같다. 7일 모두 코딩을 해도 내가 모든 기능을 만들 수 있을까 걱정인데, 괜히 문서들은 빨리 끝내고 넘어가야 할 것 같은 느낌이 많이 들었다. 하지만 실제로 요구사항 명세서를 개발자와 비개발자 모두가 이해할 수 있도록 최대한 프로그래밍 언어를 제한하되, 자세하게 작성해야 한다는 것도 익히 들..