[작성일: 2023. 02. 09] 테이블여러 종류의 데이터가 행과 열로 정리된 표 태그 사용   테이블 height="행높이"> 컬럼명 데이터 데이터 데이터 ... 데이터 ... ... ...   병합(merge)열병합colspan="합칠 열의 개수" 행병합rowspan="합칠 행의 개수"   caption 태그로 테이블 상단에 짧은 설명을 붙일 수 있음.table 1개 당 한 번만 사용 가능   colgroup뒤에 나오는 컬럼(td)에 적용할 스타일을 미리 적용함.   thead, tbody, tfoot행을 묶어서 스타일 지정하나의 테이블에 하나씩 사용 가능시각 장애인을 위한 화면 판독기 가능(웹 접근성 보장)     a 심화link         아직 방..

[작성일: 2023. 02. 07] HTML의 요소My name is None1 2 3Opening Tag : 요소의 이름과 로 구성Contents : 요소의 내용이며 단순한 텍스트로 구성Closing Tag : 1과 같지만 이름 앞에 /가 있음.     중첩 요소(Nested Element)요소 안에 다른 요소를 넣는 것I'm bery happy     단락 태그(Paragraph Tag)단락 : 내용 상 끊어서 구분할 수 있는 하나의 부분. 문단이라고도 함태그로 단락 표현 ~      서식 태그, : 강조(굵은 글씨), : 글씨 기울이기(이탤릭체) : 하이라이트(형광펜) : 취소선 : 텍스트에 밑줄 긋기, : 위 첨자, 아래 첨자     링크 태그HTML link ..

[작성일: 2023. 02. 05] Web웹의 기본 목적다른 컴퓨터에서 문서를 공유하거나 보는 목적   웹의 구조인터넷을 활용하여 거미줄처럼 연결WWW(World Wide Web)웹 문서를 인터넷상의 컴퓨터끼리 주고받는 네트워크 시스템 웹의 구성웹 서버: 웹 클라이언트클라이언트사용자의 인터페이스 담당웹 서버에 웹 문서를 요청함.웹 서버웹 사이트를 탑재한 컴퓨터웹 문서, 이미지, 동영상 등 데이터를 저장웹 컨테이너동적인 데이터 요청이 들어왔을 때 서버가 연산을 요청하는 곳이후 연산이 끝나면 정제된 데이터(JSP, Servlet)로 서버에 돌려줌.WAS(Web Application Server)서버 + 컨테이너가장 유명한 것은 Apache Tomacat    웹의 성공Tim berner-Lee의 아이디어19..

[작성일: 2023. 05. 20] File Upload 방식 태그를 이용하는 방식과 Ajax를 이용하는 두 가지 방식이 있음. File Upload 폴더 생성C:upload/temp  application.propertiesmultipart 부분 추가file upload APIcos.jar : 2002년 이후 개발 종료되었으며 더 이상 사용하지 않을 것을 권장함.commons-fileupload : 일반적으로 많이 활용, 서블릿 3.0 이전도 사용 가능서블릿 3.0 이상에서는 API 상에서 지원# multipartspring.servlet.multipart.enabled=truespring.servlet.multipart.location=C:upload/tempspring.servlet.multipar..

[작성일: 2023. 05. 14] 2024.08.24 - [WEB/Back-End] - [Spring] 댓글창 목록 구현하기 [Spring] 댓글창 목록 구현하기[작성일: 2023. 05. 13] Reply 목록 구현기존 게시물 페이징 처리 + 특정 게시물 번호MyBatis는 두 개 이상의 데이터를 파라미터로 전달하기 위해서 별도 객체를 구성하거나, Map을 이용하거나, @Param을eenzhd.tistory.com  댓글 조회 기능 구현하기getList, get, modify@RequestBody : POST 등 데이터 부분으로 전달되는 내용@PathVariable : Path에 들어오는 값을 변수로 사용할 경우curl 중 PUT/PATCH외부에서 데이터가 전달될 때 일부분만 전달될 경우를 위해 {"..

[작성일: 2023. 05. 13] Reply 목록 구현기존 게시물 페이징 처리 + 특정 게시물 번호MyBatis는 두 개 이상의 데이터를 파라미터로 전달하기 위해서 별도 객체를 구성하거나, Map을 이용하거나, @Param을 이용함.가장 간단한 방식인 @Param을 이용하여 구현하면 속성값은 MyBatis에서 #{}으로 사용이 가능함. (과거)  ReplyMapper에 getListWithPaging 구현@Mapperpublic interface ReplyMapper {... // 댓글 목록 public List getListWithPaging(@Param("cri") Criteria cir, @Param("bno") Long bno);}   ReplyMapper.xml SELECT RNO, B..