전체 글(67)
-
[HTML/CSS/JS] text 출력 실습
🔵 실습 1 더보기
2024.01.08 -
[HTML] form 태그 구성 / type 종류 / get, post방식
form 값을 전달하고 받기 위한 폼을 작성 입력 내용을 그룹화 시켜서 서버에 전달하는 작업 HTML 요소인 태그에 실려 전송되는 데이터 태그에 실어 보낸 데이터는 서버의 컨트롤러가 객체에 담아 받음 form안에는 모든 형태의 태그 사용 가능 form 입력 내용을 그룹화 시켜서 서버에 전달하는 작업 구성 action - 연결페이지 지정(맵핑) method - 전달방식 (get, post) multipart - 여러개의 파일을 전송할 때 get방식 캐시가 가능, 히스토리에 남음, 길이 제한 있음 변수값만 전송 가능 http://localhost:8080/smaple?변수=값&변수=값..... post방식 캐시 불가능, 히스트로이 남지 않음, 길이 제한 없음 파일 전송 http://localhost:8080..
2024.01.08 -
[IntelliJ] 디버그/디버거/디버깅(debugging) 뜻 + 하는 이유 + 방법
▪️ 디버깅( debugging ) 뜻 소스 코드의 오류 또는 버그를 찾아서 수정하는 과정 소프트웨어가 예상대로 작동하지 않으면 컴퓨터 프로그래머는 오류가 일어나는 원인을 알아내기 위해 코드를 분석 디버깅 도구를 사용해 소프트웨어를 제어된 환경에서 실행하고 코드를 단계벌로 확인하여 문제를 분석하고 수정 ▪️ 디버깅의 중요성 디버깅 도구와 전략은 문제를 더 신속하게 해결하고, 개발자의 생산성을 향상시키는데 도움 결과적으로 소프트웨어 품질과 치종 사용자 경험이 모두 개선 ⭐⭐⭐ 디버깅(Debugging) 프로그램이나 시스템에서 발생한 오류나 버그를 찾아내고 수정하는 프로세스 주로 디버거를 사용하여 코드를 분석하고 실행 중인 프로그램의 동작을 관찰하여 문제를 해결하는 과정 디버거(Debugger) 디버깅을 도..
2024.01.08 -
[IntelliJ] 인텔리제이 단축키
1. Alt + Insert 생성자 및 Getter/Setter public enum UserRole { GUEST("고객"), MEMBER("회원"), ADMIN("관리자"); private final String description; UserRole(String description) { this.description = description; } public String getDescription() { return description; } } 2. Ctrl + Alt + I 코드 구현부 즉시 보기 NoticeEntity를 열어 보지 않고도 Entity클래스 외에서도 코드 작성 내용 확인 가능 @Entity @Getter @Setter @AllArgsConstructor @NoArgsConstr..
2024.01.08 -
[HTML]table 태그
table 태그 이용해서 작성 class에 테이블의 효과 + table-부트스트랩 표형식 🔵 테이블 테마 table-striped 무늬 효과 table-bordered 테두리 효과 table-hover 마우스 효과 table-dark 어두운 테마 table-borderless 선제거 🔵 각 줄에 효과 전체, 각행 등에 적용 가능 table-primary table-success table-danger table-info table-warning 🔵 공지사항 등에서 작은 표 작성할 때 table-sm 작게 효과 🔵 table 구성 기본 tr(행) > td(칸) html5 table>thead(tr>th)(제목) = tbody(tr>td)(본문) = tfoot(tr>td)(분석 결과)
2024.01.07 -
[HTML] button 태그
🔵 부트스트랩에서 제공하는 버튼 여백값 0~5, auto 여백명 방향 - 크기 ==> 클래스에 적용 m 바깥여백 p 안쪽여백 t 위쪽 b 아래쪽 l 왼쪽 r 오른쪽 x 왼쪽과 오른쪽 y 위와 아래쪽 🔵 버튼 종류 (총 9가지) input, button 태그 사용 class를 이용해서 모양 및 효과 설정 class에 여러 개의 값을 지정은 빈공백으로 구분해서 나열 btn 버튼모양 btn-primary 버튼색상 (일반적인 동작 처리 할 때 사용) btn-secondary 보조 동작 (취소) btn-success 성공(작업 후 처리가 완료) btn-danger 위험(삭제 등 실수할 수 있는 작업) btn-warning 경고 (수정, 삭제에 확인이 필요한 작업) btn-info 정보(추천, 댓글수, 신제품.. ..
2024.01.07