썸네일 [JS] remove와 empty의 차이 제목 버튼여기 태그 안에 있는 내용을 비우고 새로운 값을 넣으려고 하는데 $(".inner").remove() 했더니 아예 값이 지워져서 추가가 안됐다.remove()선택한 요소를 DOM에서 제거. 즉, 선택한 요소와 하위 요소들을 모두 삭제$(".inner").remove(); empty()선택한 요소의 내용만을 제거. 즉, 선택한 요소의 자식 요소들을 삭제$(".inner").empty();  정리하자면,해당 요소를 지우고 싶을 땐 remove()자식 요소만 지우고 싶을 땐 empty()를 사용
썸네일 [Java] DTO에서 상속된 부모 클래스의 정보 출력하는 방법 🫧문제점 @Data public class StudyUserPageDto extends PageInfoDto { private int stdmemId; private int stdId; private String memberId; private String content; private String memStatus; private String registId; private String registDttm; private String updId; private String updDttm; private String pariYn; } 기본적으로 PageInfoDto를 상속받은 StudyUsesrPageDto는 PageInfoDto에 대해서 get, set 메서드는 사용할 수 있지만, 출력은 되지 않는다...
[React] 리덕스 툴킷으로 slice 파일 생성하기 ☘️myInfoSlice.js import { createSlice } from "@reduxjs/toolkit"; import axios from "axios"; const myInfoSlice = createSlice({ name: "myInfo", initialState: { email: "", nickName: "", gender: "", birth: "", src: "", }, reducers: { setInfo(state, action) { const { email, nickName, gender, birthDay, fileId } = action.payload; const birth = birthDay.substring(0, 4) + "." + birthDay.substring(4, 6) +..
padStart() / padEnd() padStart() 📚 현재 문자열의 시작부터 다른 문자열로 채워서 주어진 길이를 만족하는 새로운 문자열 리턴 "해당 문자열".padStart(원하는 길이, "채워넣을 문자열") let id = "peazh"; console.log(id.padStart(2, "0")); //peazh console.log(id.padStart(8, "0")); //000peazh console.log(id.padStart(6, "000")); //0peazh console.log(id.padStart(8)); // peazh 원하는 길이가 현재 문자열보다 짧다면 채워 넣지 않고 그대로 리턴 채워 넣을 문자열이 길어서 원하는 길이를 초과한다면 좌측 일부를 잘라서 리턴 채워 넣을 문자열을 넣지 않으면 기본값은 " "(공백)..
썸네일 [Study #42] 자바의 그래픽과 jQuery 01. 자바의 그래픽 01) 의미 CUI (Command Line Interface) : 컴퓨터 사용자와 컴퓨터 시스템이 텍스트 명령어를 사용하여 상호 작용하는 방식 GUI (Graphic User Interface) : 사용자가 컴퓨터와 상호 작용할 수 있도록 도와주는 시스템 또는 소프트웨어의 일부분으로 다양한 사용자 인터페이스 디자인과 기능을 제공함 02) AWT 자바의 초기 GUI 라이브러리로, 윈도우 및 그래픽 요소를 생성하고 관리하는 데 사용 운영체제마다 다른 화면을 구성함 기본적으로 사용되는 AWT 클래스 : Frame, Button, Label, TextField, TextArea, Panel, Layout, Event [ AWT 예시 ] 생성자 사용하기 package jul31; impor..
썸네일 [Study #37] 로그인 했을 경우에만 글 작성·수정하도록 제어하기 01. BOARD 생성 01) SQL에서 테이블 생성하기 02) 'board'의 내용이 없다면 보드 내용이 안 나오게 하기 (choose문 사용) fn함수를 사용하기 위해서 아래의 코드를 'board.jsp'에 추가하기 fn:length : 길이를 검사하는 명령어 ( 예시 : ${fn:length(list)} ) ${fn:length(list) gt 0 } : list의 길이가 0보다 클 경우 when일 때 테이블을 출력하고, otherwise일 때 '출력할 데이터가 없습니다.'라고 출력 번호 제목 작성자 작성일 좋아요 ${row.bno } ${row.btitle } ${row.bwrite } ${row.bdate } ${row.blike } 출력할 데이터가 없습니다. 02. 로그인한 사용자만 글 작성하..
썸네일 [Study #31] 게시판의 오류 잡기 01. Index 화면 구동 [ STEP 1 ] 오늘 날짜의 프로젝트 생성하고 버전 변경하기 [ STEP 2 ] 기본 파일 삭제하기 [ STEP 3 ] 'IndexController.java' 파일 생성 package com.peazh.web; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class IndexController { // 처음 페이지 시작했을 때 @GetMapping("/") public String index() { return "index"; } } [ STEP 4 ] 'index.jsp' 파일 생성 in..
썸네일 [Study #30] 게시판 구현하기 01. Spring 설정 변경 방법 01) 파일을 생성할 때 폴더 설정 변경하기 02) 버전 변경하기 - pom.xml 파일에서 수정 - java와 spring 버전을 다음과 같이 변경 후 저장 - 패키지 우클릭 후 'Properties' 선택 02. Spring 파일 java 파일 : 자바로 작성된 Controller, Service, DAO 등이 있음. .java파일은 (src/main/java/com/peazh/web) 에 위치 webapp : 웹과 관련된 파일들이 위치해 있음 (ex. html, css, js, jsp 파일) webapp의 resources : jsp 파일 제외한 html, css, js 파일이 있음 view : view로 사용될 파일로 jsp파일 위치 pom.xml : Maven..
썸네일 [Study #28] Spring 01. 오류 원인 01) 'team.jsp' 코드에서 아래와 같은 코드가 없을 경우 오류 발생 if (list != null) { } 02) 오류의 원인 'list'가 존재하지 않은 상태에서 'list'의 size를 돌려서 오류 발생 팀 접속 → 서블릿 → doGet : Get 방식으로 들어오면 list가 존재하지 않음 (list는 doPost에 있음) 처음에는 doGet으로 들어오기 때문에 없는 상태로 진행되고 doPost를 통과해야 list가 나옴 03) 위 코드를 다시 실행하면 적상 작동됨 02. Spring 기본 설정 변경 01) 파일 생성하기 02) 톰캣 연결해주기 03) 'UTF-8'로 설정 변경 04) 'JDK' 설정 변경 05) 글꼴 바꾸기 05) 'pom.xml'에서 버전 변경하기 06)..
썸네일 [Study #26] 게시판 화면 꾸미기 01. 게시판 화면 꾸미기 01) 엔터키를 입력했을 때 로 변경해주기 replace ("a", "b"); 문자열인 a를 b로 모두 바꿔줌 replaceAll ("a", "b"); 문자열 또는 정규식인 a를 b로 모두 바꿔줌 replaceFirst ("a", "b"); 문자열인 a를 b로 바꿔주는데 처음에 걸리는 하나만 바꿔줌 Write.java에서 doPost에 아래 코드 추가하기 // 엔터키 처리하기 \n -> String content = request.getParameter("content"); content = content.replace("\n", " "); dto.setBcontent(content); 02) 게시글 작성할 때 소스코드 가져오기 [ STEP 1 ] 사이트 접속 Summernot..
썸네일 [Study #24] 게시판 화면 구동하기 01. 'board.jsp' 수정 text-decoration: none; //글자 밑줄 없애기 :hover //마우스 올렸을 때 설정 겹치는 부분은 ','로 이어 줄 수 있음 [ 코드 추가하기 ] .title a{ text-decoration: none; color: black; } tr:hover, tr:hover a { background-color: #E0E0E0; color: black; } 'board.jsp' 바로 접속하면 서버 오류 : 써블릿으로 설정했기 때문에 통과해서 jsp로 가야 함 (바로 갈 수 없음) 02. 'DBConnection.java' 생성하기 01) jar 파일 추가하기 02) class 생성하기 03) DBConnection 코드 작성 싱글턴은 외부에서 조작 못하게 설정..
썸네일 [Study #17] 예외와 내부 클래스 01. C언어 [ 기본 형식 ] #include int main() { printf("Hello World"); return 0; } #include는 java에서 import와 똑같은 역할 st는 standard라는 의미 java와 for문, if문 사용하는 방식은 동일함 [ 활용 ] int num = 0; printf("%d", sizeof(num)); //sizeof는 저장 공간의 크기를 출력 //4byte라서 값이 4가 나옴 double num1 = 0; printf("%d", sizeof(num)); //8byte라서 값이 8이 나옴 int number = 10; printf("Hello World %d", number); int a[] = {0, 2, 4, 8};//배열 선언 방법 1 int ..
라이브러리 브랜드 그룹 | 배움엔 끝이 없다

티스토리툴바