게시판만들기
-
(국비교육) 51 - 부트스트랩 2 + 모달 + json설정 + ajax + summernote + 네이버 smarteditor개발/국비교육 2023. 8. 10. 17:37
■ 부트스트랩 이어하기 초기설정을 해뒀기 때문에 resultType 을 BoardDTO 로 짧게 줄여쓸 수 있다. 모달에 해당하는 id 에 효과를 주면 버튼을 누르면 나오게 된다. 모달 크기를 크게 키울 수 있다. modal-footer 지우면 아래 버튼들 사라진다. 본문 내용이 나온다. 해당 첫 번째 값도 출력된다. 제목값도 뽑을 수 있다. 댓글 8개로 1자리로 1이 나온다. -comment : -를 붙이면 comment 길이 수만큼 뺀다는 것이다. 이렇게 설정하면 길이수만큼 slice 하게 돼서 댓글수는 표시 안할 수 있다. 단, 아래에도 공백을 주면 그 부분도 잡기 때문에 반드시 붙여서 작성해야 한다. 제목, 이름, 날짜, 읽은수 찍어준다. 내용은 ajax 로 가져올 예정이다. bno 값 나오는 것..
-
(국비교육) 46 - project1 이어하기13 (JSON view + 페이징 처리 + 댓글 기능)개발/국비교육 2023. 8. 3. 18:43
■ json 배열 그냥 내보내면 ajax 가 형식이 맞지 않아 못받기 때문에 json 으로 바꿔준다. json 객체를 만들어주고 배열도 만들어준다. 그리고 리스트 맵타입을 제이슨 배열에 담아준다. 이 배열을 다시 json 에다 담아주고 출력해주면 정상 출력된다. * 에러해결 나의 경우 배열에 list 를 담지 않아서 뜨지 않았다. 추후에 다음과 같이 사용하여 페이징 처리할 예정이다. 이제 json 에 넣고 출력하면 다음과 같이 나온다. 즉 다음과 같이 객체 안에 객체가 있는 형태이다. 안에 값을 변수를 통해 부를 수 있으며 객체 안의 객체는 변수의 배열로 부를 수 있다. 다음과 같이 글이 안이쁘게 나온다. json 형태로 예쁘게 보여줄 수 있다. https://chrome.google.com/websto..
-
(국비교육) 38 - project1 이어하기6개발/국비교육 2023. 7. 24. 17:12
■ 보드 만들기 board 라는 테이블이 없어 오류가 뜬다. 따라서 보드 테이블 만들어준다. 그러면 입력된 데이터가 없어 다음과 같이 나온다. 우리는 길이 검사를 하여 값이 없을 경우 안뜨게 해줄 것이다. 이를 위해 jutl functions 태그를 불러온다. fn 태그를 사용해서 length 길이 구할 수 있다. 리스트 값 가져올 것이 없기 때문에 길이가 0보다 작다. 따라서 출력할 데이터가 없습니다. 라고 뜬다. INSERT INTO board(btitle, bcontent, bwrite) VALUES ('말랭이 게시판에 오신것을 환영합니다.', '반가워요', '말랭이') 게시글을 하나 넣어주니 다음과 같이 된다. 이제 table 에 해당하는 값을 조건식 안에 넣어서 길이값이 0보다 클 경우에만 출력..
-
(국비교육) 37 - project1 이어하기5 + 로그인 기능 + 로그아웃 기능개발/국비교육 2023. 7. 21. 17:51
■ os 와 브라우저 확인 지금 서버에 접속한 os 와 어떤 브라우저로 들어오는 지 확인 가능하다. ■ 서버 이용하기 (11월 말까지만) 신규로 만들어준다. (아이디 패스워드 호스트명 비공개) 패스워드 바꾸는 방법은 다음과 같다. % : 외부에서 내부로 들어올 떄 다시 접속 끊고 재접속하면 올바르게 비밀번호 변경되었다. 하단에 저장 누르고 열어준다. 테이블 생성해준다. 이름 지정해주고 추가 눌러준다. PK 는 레코드의 저장 위치를 결정한다. 따라서 PK는 NOT NULL, 유니크 특성을 가진다. 그러므로 NULL 체크 해준다. AUTO INCREMENT 를 사용하면 레코드의 값이 중복되지 않고 1씩 자동 증가하게 된다. 따라서 주로 테이블 첫 칼럼으로 많이 사용된다. TINYINT : 0 ~ 9 까지 사..
-
(국비교육) 36 - project1 이어하기4 + 5회차 시험 + 로고 제작 사이트 + 게시판 수정 기능 만들기개발/국비교육 2023. 7. 20. 17:39
■ 수정하기 만들기 edit 함수 만들기 누르면 edit 으로 이동하게 설정 번호도 그대로 가져오게 #{ } 으로 작성 이제 맵핑처리 필요하다. edit get mapping 만들어준다. detail 타입 안맞아서 오류 뜬다. 이를 맞춰주는 메소드를 유틸에 만들어주고자 한다. char 형태 숫자인지 아닌지 판별하는 isDigit을 사용해 str.charAt(i) 값을 비교한다. isDigit 은 참,거짓을 나타내는데 만약 숫자라면 re 라는 변수에 담아준다. 그리고 이 문자열을 인트 타입으로 변환해준다 혹은 stringbuilder 로 차곡차곡 쌓은 것은을 내보낼 수도 있다. append 로 이를 쌓아주고 쌓은 char 값을 toString()을 통해 문자열로 만들고 parseInt 를 통해 int 타입..
-
(국비교육) 24 - 네트워크 + 아이피 주소 찍기 + 소켓 통신 + 채팅 만들기 + 서블릿으로 게시판 만들개발/국비교육 2023. 7. 4. 17:00
■ 네트워크 네트워크 : 컴퓨터 두 대 이상을 하나의 케이블로 연결함 java.net * 서버와 클라이언트 - 컴퓨터간의 관계 / 하나의 서버에 여러 클라이언트가 연결된 형태 - 서버 : 서비스를 제공합니다. - 클라이언트 : 서버가 제공하는 서비스를 제공받는다. - P2P : 클라이언트가 서버 역할을 동시에 수행하는 것 * IP : 네트워크 상에서 고유한 자신의 주소. - IPV4 : 173.100.116.50 / 192.168.0.1 - IPV6 (128비트) FFED:0:0:0:0:BA98:3210:4562 * port ftp: 21 ssh: 22 http: 80 mariadb: 3306 oracle: 1502 mail: 25 ■ 아이피 주소 찍어보기 자바에서 IP 주소를 표현할때 사용하는 클래스 ..