My Tech Blog (전체 글)

🌈 𝐵𝑒 𝑔𝑟𝑎𝑡𝑒𝑓𝑢𝑙, 𝑎 𝑙𝑖𝑡𝑡𝑙𝑒 𝑎𝑝𝑝𝑟𝑒𝑐𝑖𝑎𝑡𝑖𝑜𝑛 𝑔𝑜𝑒𝑠 𝑎 𝑙𝑜𝑛𝑔 𝑤𝑎𝑦 ✨𝐿𝑖𝑓𝑒 𝑖𝑠 𝑎 𝑚𝑎𝑔𝑖𝑐. 𝐸𝑛𝑗𝑜𝑦 𝑎𝑛𝑑 𝐵𝑟𝑖𝑛𝑔 𝑗𝑜𝑦.

The Two Popes

JoJo Rabbit

The Grand Budapest Hotel

The Fabelmans

Florida Project
(준비중)

A river runs through it

Forrest Gump
(준비중)

Call Me by Your Name
(준비중)

Singing in the Rain
(준비중)

[JSP] 게시판 만들기 9 _ 게시판 글쓰기 기능 (write.jsp, BbsDAO.java, writeAction.jsp)

2024.12.09· Coding/Spring&JSP

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

[JSP] 게시판 만들기 8 _ 게시판 메인 페이지 만들고 게시판 데이터베이스 구축하기

2024.12.08· Coding/Spring&JSP

1. 게시판 메인 페이지 `bbs.jsp`만들기먼저 `main.jsp` 페이지에서 게시판 부분 href 속성에 "bbs.jsp" 를 연결해준다. `main.jsp` 페이지를 복사해서 webapp 에다 붙여넣기 하고 이름만 `bbs.jsp`로 바꾸자.여기서 코드에 손을 좀 볼 것이다. 만들었으면 `Home`에 있던 active 클래스를 `게시판`으로 옮겨 줘서 현재 선택한 페이지임을 가시적으로 보여 준다. 그 다음 네비게이션바 아래에 게시판 형식의 테이블을 삽입 해 준다.테이블을 만들기 전에 `` 태그로 container와 row 영역을 잡아 주고 테이블을 만들어주자. 번호 ..

[Excel] 엑셀로 매일 할 일을 관리하는 To Do List 대시보드 만들기 2

2024.12.08· ETC/ETC_Software

[엑셀] 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 진행률 바를 넣을 셀을선..

[Excel] 엑셀로 만드는 To Do List 대시보드 만들기 1

2024.12.08· ETC/ETC_Software

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

[Excel] 엑셀 채우기 핸들, date, text 함수로 날짜와 요일 자동 채우기 하는 방법

2024.12.08· ETC/ETC_Software

엑셀에 날짜 넣을때 1부터 31일까지 하나씩 입력하지 않고 자동으로 연속된 숫자 생성하는 방법 ⚡1. 연속된 숫자(날짜) 자동 채우기 첫번째 칸과 두 번째 칸에 1,2 를 적어주고 두 칸을 모두 선택한다.선택 영역 오른쪽 하단 채우기 영역을 원하는 위치까지 드래그 한다. 30일이면 30번째칸까지, 31일이면 31번째 칸까지 쭉 마우스로 끌고 간다. 짠!아래와 같이 1부터 31일까지 연속된 순번이 생성된다.⚡ 2. DATE 함수로 날짜 참조하기`DATE 함수` : 연도, 월, 일에 해당하는 날짜를 반환= `DATE(연도, 월, 일)` `=` 먼저 써 주고 `DATE()` 함수의 괄호 안데 연도, 월, 일 셀을 순서대로 선택한다. 지금 연도와 월은 변하지 않기 때문에 해당 셀은 `F4`키를 눌러서 절대 참..

[이클립스] eclipse 에서 단어/문자열 일괄 한번에 바꾸는 법

2024.12.07· ETC/TroubleShooting

⚠️ 문제이클립스 Problems 탭에 에러 뜸Java complier level does not match the version of the installed Java project facet. 해석자바 컴파일러 버전이 지금 깔린 자바 프로젝트의 버전이랑 맞지 않습니다. 🧐 원인며칠 전에 최신 버전 이클립스를 다운 받았고 그에 맞게 JDK도 최신 버전인 `JDK23`을 다운받아 주었다.그런데 프로젝트 우클릭 > `Properties` > `Java Complier` 탭에 컴파일러가 22까지밖에 안 뜬다. 호환되는건 23같은데...? JDK 연결이 제대로 안 됬나 싶어서 `Preferences` > `Java Build Path` > `Libraries` > JRE System Library에 들어가..

[프로그래머스] (Java) 조이스틱 (그리디)

2024.12.07· Algorithm/Programmers_Best

📑 1. 문제설명💡 2. 접근방식 조이스틱을 양 옆으로 이동하는 좌우 이동 횟수(move) 조이스틱 좌우로 이동하면서 알파벳 변경를 위해 상하 이동 하는 횟수(answer) 두 개를 answer에 누적하면서 더해줘야 한다. 여기서 문제되는 것은 단방향이 아니아 양쪽(좌,우)로 조이스틱이 움직일 수 있기 때문에 가장 빠른 경로를 찾아야 한다는 것이다. 이 때 연속된 AAA의 개수를 계산 해 주어야 한다. ✅ 알파벳 변경 현재 인덱스에서 A를 빼준 값 vs Z부터 시작해서 현재 인덱스를 빼준 값 + 1두 개를 비교해서 더 작은 값을 선택해 준다.전자는 스틱을 정방향▼ A부터 순차적으로 Z로 내려가면서 바꾸는 거고후자는 스틱을 먼저 역방향▲으로 1칸 돌려서 Z를 만든 다음에 반대로 해당 알파벳을 찾아가..

[JavaScript] 자바스크립트로 간단한 To Do List 만들기

2024.12.06· Coding/JavaScript

자바스크립트 이벤트 리스너 간단히 포스팅하려고 심플한 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`가 콘텐츠 영역..

[html/css] 뮤직플레이어: 음악이 재생중일 때만 음악 정보 표시하는 css

2024.12.06· Coding/html&css

블로그 꾸미기 하면서 간단한 뮤직 플레이어를 만들었다. 음악이 재생 중일 때만 현재 플레이중인 음악 정보를 표시하는 코드 어떻게 짰는지 간단히 올려 본다. 플레이 버튼을 누르기 전까지는 `Title` 과 `Progress Bar` 이 숨겨져 있다가 곡이 재생되면 제목과 프로그레스바가 플레이어 위로 부드럽게 나타나는 코드이다. ⚡ music-info 클래스 CSS 코드음악 재생 전(기본상태).music-body .music-container .music-info { opacity: 0; /* 투명도 100%로 화면에서숨겨짐 */ transform: translateY(100%); /* (수직 방향) 자기 자신 높이만큼 아래로 이동 */ transition: transform 0.3s ease-in..

이전
1
2
3
4
5
6
···
44
다음

티스토리툴바