My Tech Blog (만들기)

북스택(BookStack API) 설치하기 1편https://awesomepossum.tistory.com/480 https://www.bookstackapp.com/ BookStackMulti-Lingual BookStack users can set their preferred language. Thanks to great community contributors, current languages built into BookStack include EN, FR, DE, ES, " data-og-host="awesomepossum.tistory.com" data-og-source-url="https://awesomepossum.tistory.com/480" data-og-url="https://aweso..

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

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()) { ..

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

[엑셀] To Do List 대시보드 만들기 1먼저  `연도/월` 선택목록,`주번호`, `일번호`, `요일`, `해야할일(날짜)` 란을 만들어서 해당 칸을 채워준다. 위의 표를 만드는 법은 아래 포스팅 참조 [엑셀] 채우기 핸들과 date, text 함수로 날짜awesomepossum.tistory.com 4. 월별 진행률을 보여주는 데이터 막대만들기월별 진행률을 막대 바 형태로 만들려면 각 `(항목의 진행 개수 / 각 월 전체 일수)` 를 먼저 계산해야 한다.  `2025년 1월 전체의 일 수`= 2025/02/01 - 2025/01/01=`다음달 1일 - 이번달 1일`  월별 전체 일수 = WEEKNUM(N14,2)-WEEKNUM(EOMONTH(N14,-1)+1,2)+1    진행률 바를 넣을 셀을선..

완성본의 모습제가 만들 To Do List 대시보드입니다. 여기서부터 시작해볼게요 아래 빈 영역에 체크박스 만드는 거부터  할거예요 그 전까지 `연도/월` 선택목록,`주번호`, `일번호`, `요일`, `해야할일(날짜)` 란을 만드는 작업은 아래 포스팅 참조 해 주세요 [엑셀] 채우기 핸들과 date, text 함수로 날짜와 요일 자동 채우기 하는 방법엑셀에 날짜 넣을때 1부터 31일까지 하나씩 입력하지 않고 자동으로 연속된 숫자 생성하는 방법 ⚡1. 연속된 숫자(날짜) 자동 채우기 첫번째 칸과 두 번째 칸에 1,2 를 적어주고 두 칸을 모두 선awesomepossum.tistory.com 1. 체크 박스 넣기먼저, 빈 박스(🔲) 모양으로 있다가 마우스로 클릭하면 체크 박스(☑️)가 되는 기능을 추가해 ..

자바스크립트 이벤트 리스너 간단히 포스팅하려고 심플한 To Do List를 만들어 보았다!    1. 구글폰트, 스타일시트, 자바스크립트 연결- `style.css`와 `script.js` 연결- 구글 폰트 `Poppins`  사용하기 위해서 Embed Code를 2.  전체  적용될 css 설정 & container에 배경 추가⚡  폰트는 구글 폰트 `Poppins` 로 설정 ⚡ `box-sizing: border-box;`요소의 크기를 계산할 때 `패딩(padding)`과 `테두리(border)`까지 포함하도록 설정하는 속성. 기본적으로 CSS에서 box-sizing의 기본값은 `content-box`이다. `content-box`는 요소의 `width`와 `height`가 콘텐츠 영역..

✅ session 관리✅ logout.jsp✅ main.jsp 만들기 지금까지 회원가입, 로그인 기능까지 구현해보았다.이제 세션 관리를 해 보자. `session` 이란 현재 접속한 회원에게 할당해주는 고유한 아이디이다.로그인에 성공한 회원에게 각각 `session`을 부여해주는 과정을 구현해보자. `loginAction.jsp`에 `session`을 설정해주는 `session.setAttribute()` 코드 한 줄 타이핑!`joinAction.jsp`에도 코드 복붙해서 넣어 준다.로그인 성공한 회원에게 세션 부여하고 메인 페이지로 넘어가게끔 해 준다. 이렇게 세션을 설정해 주었다. 세션은 해제 하기 전까지는 유효하기 때문에 할당한 세션을 해제할 수 있는 로그아웃 페이지도 만들어 주자. `joinAc..