My Tech Blog (프로그래밍언어)

브라우저 위에서 동작하는 웹사이트나 웹 어플리케이션과 같은 Client들이 어떻게 Server와 통신할 수 있을까? 1. HTTP(Hypertext Transfer Protocal)Client 와 Server 이 어떻게 Hypertext를 주고 받을 수 있을 지 규약한 프로토콜Client가 Server에게 데이터를 request하면, Server는 그에 맞는 response를 Client로 보냄 2. AJAX(Asynchronous JavaScript And XML)웹페이지에서 동적으로 서버에게 데이터를 주고 받을 수 있는 기술대표적인 예로는 브라우저API에서 제공하는 XMLHttpRequest(XHR) 오브젝트가 있다.혹은 fecth() API로 간편하게 데이터를 주고받을 수 있다.  3. XMLhtm..

꾸미기 라고 하기에는 소소하지만부트스트랩 속성 공부하는 시간 네비게이션바 아래 메인 영역에 부트스트랩으로 소개글 추가main영역이라고 해야 할지 content 영역이라고 해야 할지 1. 소개글 추가 `jumbotron`페이지 내에서 강조하는 히어로 섹션이고 큰 텍스트와 여백을 기본으로 포함함부트스트랩 5에서는 Jumbotron 클래스가 제거되었기 때문에 아래와 같은 클래스를 조합해서 비슷한 효과를 수동으로 내야 한다. `rounded`요소의 모서리를 둥글게 만듬  border-radius: 0.375rem (약 6px)여기서 rounded-circle, rounded-pill 쓰면 더 극단적으로(?) 둥근 스타일 가능`display-4`텍스트를 크게 표시하는 헤딩 스타일부트스트랩의 디스플레이 클래스인데 ..

1. 게시글  수정하는 update 메서드 만들기BbsDAO 클래스 하단에 메서드 추가public int update(int bbsID, String bbsTitle, String bbsContent) { String SQL = "UPDATE BBS SET bbsTitle = ?, bbsContent = ? WHERE bbsID = ?"; PreparedStatement psmt = null; try { psmt = conn.prepareStatement(SQL); psmt.setString(1, bbsTitle); psmt.setString(2, bbsContent); psmt.setInt(3, bbsID); return p..

CSS Diner는 CSS 선택자를 학습하고 연습할 수 있는 재미있는 웹 기반 게임이다.사용자가 HTML 코드에 적용할 올바른 CSS 선택자를 작성하면, 게임의 각 레벨을 클리어하며 점점 더 복잡한 선택자를 익힐 수 있다. 이 게임은 CSS를 배우거나 복습하고 싶은 초보자와 중급자를 위한 좋은 도구이고특히 선택자 공부를 하고 싶은 사람들께 추천한다.크롤링 연습하시는 분들께도 많은 도움이 될 것 같다.  https://flukeout.github.io/ CSS DinerA fun game to help you learn and practice CSS selectors.flukeout.github.io 가장 쉬운 난이도인 1번부터 가장 어려운 32번까지 있다.ㅋㅋ 화면에서 고르라고 하는 물건을 고르는 CSS..

이번 포스팅 설명은 제가 작성했으나 이미지는 다른 곳에서 잘 그려진 것들을 가져왔습니다.이미지마다 출처 표기했습니다 :)  여기 가시면 flex 요소들을 직접 클릭해 보면서 화면 레이아웃을 확인해 볼 수 있어요. flex-shrink - CSS: Cascading Style Sheets | MDNThe flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, the flex items can shrink to fit according to their flex-shrink value. Each flex line's negati..

1. BbsDAO 클래스에 getBbs() 메서드 만들기 `getBbs(int bbsID)` 메서드는 특정 bbsID를 기반으로 게시글 데이터를 데이터베이스에서 조회하여 반환한다.즉 하나의 글 내용을 불러오는 메서드이다. 처음에 적은 코드(틀림) public Bbs getBbs(int bbsID) { String SQL = "SELECT * FROM BBS WHERE bbsID = ?"; try (PreparedStatement psmt = conn.prepareStatement(SQL); ResultSet rs = psmt.executeQuery()) { psmt.setInt(1, bbsID); if (rs.next()) { ..

글목록과 페이지네이션(Pagination)게시물을 DB에서 불러와 화면에 표시하려면 게시글 목록을 가져오는 작업과 페이징 처리 두 가지를 고려해야 한다. 게시글 데이터를 한 번에 불러오기 위해 ArrayList를 사용하여 DB에서 작성자, 제목 등 게시글의 주요 정보를 포함한 데이터를 가져온다. 이 때 중요한 점은 페이징 처리이다. 페이징 처리는 한 페이지에 몇 개의 게시글을 보여줄지 결정하는 과정이며, 예를 들어 한 페이지에 총 10개의 게시글을 가져오도록 설정할 수 있다. 그래서 오늘은 `BbsDAO`에 특정 페이지 번호(pageNumber)에 해당하는 게시글 목록을 반환하는 메서드 ⚡ `getList(int pageNumber)`를 만들어 볼 것이다. 그리고 페이징 처리에서 페이지 번호를 기준으..

1. write.jsp 글쓰기 페이지 만들기 먼저 게시글 작성 페이지 `write.jsp`를 만들어 주려고 한다.`bbs.jsp`를 복사해서 붙여 넣고 중간 부분만 수정 해 줄 것이다. nav바 아래 부분에 이렇게 코드를 작성Bootstrap5 이용했다. ⚡ `mt-5` margin-top: 5rem;  ⚡ ``태그에 `required` 속성 넣으면 브라우저에서 유효성 검사를 함. 텍스트를 입력 안 한 채로 submit 하면 `이 입력란을 작성하세요.` 라는 경고 메세지를 띄운다.  ⚡ `form-control` 클래스 Bootstrap에서 제공하는 클래스 중 하나로, 입력 필드의 스타일을 쉽게 일관성 있게 적용하기 위해 사용됨.이거 쓰면 입력 필드(input, textarea, select 등)가 기본..