본문 바로가기

전체 글

 (393)
20230808 _[47일차]_01. 게시판 댓글 수정기능 & 스프링부트 detail.jsp에서 댓글쓰기 몇 글자 썼는지 확인하는 코드만들자 keyup 사용하자 Document: keyup event - Web API | MDN (mozilla.org) Document: keyup event - Web API | MDN **keyup**키를 놓을 때 이벤트가 발생합니다. developer.mozilla.org JQ - keydown() 메서드 - 키보드키 내려갈 때 이벤트 발생. (= keydown메서드 = 키다운 메서드) > JQuery | 홈짱닷컴 (homzzang.com) 홈짱닷컴 홈페이지 제작, 그누보드 강의, 웹코딩, HTML, CSS, JAVASCRIPT, JQUERY, PHP, SQL homzzang.com commenttextarea (댓글창) 에 keyup 시..
20230807 _[46일차]_01. 게시판 댓글 삭제기능 추가된부분 [ LoginController ] [ ResttController ] join2.jsp 추가** 댓글 계정 옆쪽에 수정& 삭제버튼 추가 cedit () & cdel () 함수로 수정 & 삭제 기능 넣어줄 예정 (onclick으로) 여러개의 댓글 중 어떤 댓글을 삭제 or 수정할지 알기위해 아래처럼 해당댓글번호인 cno를 매개변수로 가지고 가면된다. 함수 만들어줌 (아래 댓글창 숨겨주는부분 위치 옮겨줌) 댓글 삭제 버튼 눌러보면 팝업이 뜨고 팝업 확인누르면 아래처럼 cno를 잘 가져온다. 이제 댓글을 삭제했을 때 다시 detail 페이지로 돌아가는 로직 만들자 BoardController 에서 만들자 bno, cno를 받을거라 Map 타입은 둘다 int로 해도 된다. if조건문 걸어준다 => ..
[Thread] 토이프로젝트 관련 정리 [ ThreadBoard ] bno , m_no , bcontent , blike , bdate , b_del [ ThreadMember ] m_no , m_id , m_pw , m_name , m_gender , m_addr , m_em , m_ph , m_birth , m_grade , m_intro , m_profileImage [ ThreadComments ] cno , m_no , bno , c_comment , c_date , c_like , c_del , c_likeon [ Follow ] fno , fromUser, toUser, fdate, m_id, m_id2 m_id2 m_id [ ThreadBoardview 코드 ] _ThreadBoard & ThreadMember 조인 select..
20230805 (보충) 동적가변배열 & SQL(JOIN) [ 동적가변배열 ] public static void main(String[] args) { } 메인메소드도 안에 비어있는 String 타입 배열로 받겠다고 선언되어 있다 위처럼 선언해준 arr03은 외부배열의 길이만 정해져있기 때문에 바로 못쓴다. arr03.length => 외부배열의 길이 arr03[i].length => 내부배열의 길이 (미정) 외부배열을 먼저 생성하고 내부배열까지 생성해줘야 사용가능하다. 외부배열 0번지에 스트링 4칸을 넣어줬다. 외부배열 1번지에 스트링 10칸을 넣어줬다. 이렇게 외부배열을 먼저 만들어주고 내부배열은 필요한 길이만큼만 각각 생성해 줄 수 있다. 이제 for문으로 내부배열들도 전부 만들어줄건데 아래처럼 범위주의** j의 범위를 arr03.length 로 설정해주면..
20230804 _[45일차]_01. jquery + json 으로 board2 댓글창 구현 https://staruml.io/ StarUML UML 2 Compatible with UML 2.x standard metamodel and diagrams: Class, Object, Use Case, Component, Deployment, Composite Structure, Sequence, Communication, Statechart, Activity, Timing, Interaction Overflow, Information Flow and Profile Diagram. SYSML SUP staruml.io DB 관계도 정리할 수 있다. 다운로드 받기 File - New Form Template - Data Model Entity 눌러서 빈공간 클릭하면 테이블 생성가능 우측에서 데이터타입..
[Threads] 토이프로젝트 관련 자료 https://docs.google.com/spreadsheets/d/1yKjVOZzt7LCopXnMHAK2YBI7_6VKIi0TR2BAJqXQje0/edit?usp=sharing 스레드(thread) 토이 프로젝트 -2조 기능구성 회원가입 아이디 , 비밀번호, 이름, 생년월일, 성별, 주소, Email, 전화번호 로그인 아이디, 비밀번호 친구(팔로우/팔로잉)검색기능 ㄴ 팔로우 & 차단 (게시물 안보이기) ㄴ 신고(경고 or 계 docs.google.com 참고자료들 [ 프로젝트 기획안 ] chrome-extension://efaidnbmnnnibpcajpcglclefindmkaj/https://www.acornedu.co.kr/lms/upload/project/2020/10/FrontEnd_19_022..
20230803 _[44일차]_01. jquery + json 으로 board2 만들기2 Map 10개가 들어있는 list를 JSONArray 객체에 (JSON의 배열형태) 넣어주고 그걸 JSON객체인 json으로 감싸줌 (josn에 .put () 으로 arr를 담아서 json을 리턴) list에 있는 것들을 그냥 내보내면 ajax가 알아볼 수가 없으니 json 객체 형태로 만들어준 후에(json 언어로 바꿔줌) string으로 맞춰줘야 한다. (통신을 위해 언어를 맞춰준다고 생각하면 될듯) ** 위에서 만들어준 객체들은 전부 자바객체 (Json객체로 활용하기 위해 자바에서 만들어준 자바객체) tostring으로 내보내는 시점부터 JSON 객체가 된다. arr를 바로 리턴하지 않고 json 객체로 감싼 후에 json을 리턴하는 이유 => 지금은 리턴 값이 list (배열) 하나지만 나중에 아..
20230802 _[43일차]_02. jquery + json 으로 board2 만들기 이제 json을 이용해서 board2 를 만들건데 비동기 방식이니 페이지 전체가 아니라 아래에 표시된 부분만 로딩되도록 만들자. table에 tr을 append로 추가하는 함수 만들어줌. 한줄짜리 list 에는 아래형식으로 값들이 들어간다. const 는 변하지 않는 상수를 의미한다. const 배열 list를 선언해주고 아래처럼 배열속성 하나하나에다가 한 줄을 넣어줄예정 한줄 한줄을 하나의 속성값으로 가지는 list 배열 생성 한줄로 써주고 팝업으로 띄워보면 아래처럼 나온다. 아래처럼도 쓸 수 있다. 대신 alert로 해보면 들여쓰기 공백까지 적용된채로 나온다. list.length 를 팝업으로 띄워보면 모든 글자수 + 공백을 센다. "[ ~~ ]" 따옴표 때문에 전체를 String으로 인식해서 모든 ..

티스토리툴바