개발기록
-
(국비교육) 59 - 로고 넣기 + 멀티보드 만들기 + div 테이블 만들기 + rownum + ObjectMapper개발/국비교육 2023. 8. 24. 17:24
■ 로고 넣기 메뉴 로고 클래스 이름을 다르게 설정하고, 이미지를 삽입하여 로고를 넣는다. ■ 멀티보드 만들기 requestMapping 으로 get mapping 받기 만약 method get 설정 안하면 get과 post 모두 받는다. 셋업보드 생성한다. 다음과 같이 생성해준다. multiboard 가 소문자로 돼 있어 b_url multiBoard를 multiboard 소문자로 바꿔준다. setupboard 에 있는 모든 데이터를 가져올 것이므로 순차로 모든 데이터를 불러온다. ■ div 로 테이블 만들기 - table : 요소처럼 표현합니다. - table-row : 요소처럼 표현합니다. - table-cell : 요소처럼 표현합니다 https://www.codingfactory.net/10776..
-
(국비교육) 56 - postman 이용하기 + 관리지 페이지 만들기 + XEICON + 파일 업로드개발/국비교육 2023. 8. 21. 18:32
■ postman 다운로드 postman 다운로드 한다. 값이 제대로 오는지 확인해주는 프로그램이다. 다운로드 후 이클립스와 postman 껐다가 키면 로그인 없이 사용 가능하다. https://www.postman.com/downloads/ Download Postman | Get Started for Free Try Postman for free! Join 25 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster. www.postman.com https://memostack.tistory.com/180 REST API와 GET, POST, PUT, D..
-
(국비교육) 49 - project1 이어하기16 ( 댓글 글자수 세기 + 스프링부트로 만들기)개발/국비교육 2023. 8. 8. 17:57
■ 댓글쓰기 몇 글자 썼는지 확인하는 코드 keyup : 키를 놓을 때 이벤트가 발생합니다. 입력창의 값의 길이를 텍스트에 저장한다. 그리고 이것을 버튼 창에다가 출력한다. 키 600자 이상 입력 시 막는 것도 가능하다. 버튼 분리도 도전해도 된다. https://developer.mozilla.org/ko/docs/Web/API/Element/keyup_event Document: keyup event - Web API | MDN **keyup**키를 놓을 때 이벤트가 발생합니다. developer.mozilla.org 100글자 초과도 막을 수 있다. 입력된 값의 값을 가져올 때 input 이나 textarea 는 val() 을 사용해서 값을 가져온다. 가져온 값의 0부터 100까지 길이를 가져오고 ..
-
(국비교육) 48 - project1 이어하기15 ( 댓글 삭제하기 자바스크립트 + jquery + ajax) + 깃허브 조직 추가개발/국비교육 2023. 8. 7. 17:15
■ 자바스크립트로 댓글 수정/삭제 버튼 생성 이름 뒤에 수정 삭제 이미지 붙여주기 이제 해당 글 주인일 경우에 수정 삭제할 수 있도록 로직 설정해줄 것이다. 온클릭 이므로 자바스크립트로 처리해야 한다. cno cno 변수명 일치시켜줘야 한다. cno 는 onclick 으로 들어온 ${c.c_no} 값이 들어간다. map 을 통해 확인할것이다. 어차피 bno cno 만 받으니까 object 대신 integer 로 해도 된다. 세션에 담겨있는 mid 를 통해 로그인 여부를 검사한다. 숫자인지 아닌지 확인하는 것을 util 에 만들어준다. 오브젝트 타입 string 으로 바꾸는 것은 String.valueOf() 이다. String 타입을 다시 인티저일 경우 true 처리 해준다. 이제 util 을 통해 bn..
-
(국비교육) 46 - project1 이어하기13 (JSON view + 페이징 처리 + 댓글 기능)개발/국비교육 2023. 8. 3. 18:43
■ json 배열 그냥 내보내면 ajax 가 형식이 맞지 않아 못받기 때문에 json 으로 바꿔준다. json 객체를 만들어주고 배열도 만들어준다. 그리고 리스트 맵타입을 제이슨 배열에 담아준다. 이 배열을 다시 json 에다 담아주고 출력해주면 정상 출력된다. * 에러해결 나의 경우 배열에 list 를 담지 않아서 뜨지 않았다. 추후에 다음과 같이 사용하여 페이징 처리할 예정이다. 이제 json 에 넣고 출력하면 다음과 같이 나온다. 즉 다음과 같이 객체 안에 객체가 있는 형태이다. 안에 값을 변수를 통해 부를 수 있으며 객체 안의 객체는 변수의 배열로 부를 수 있다. 다음과 같이 글이 안이쁘게 나온다. json 형태로 예쁘게 보여줄 수 있다. https://chrome.google.com/websto..
-
(국비교육) 45 - 7회차 시험문제 + project1 이어하기12 (회원가입 중복체크 + 비동기vs동기 + JSON )개발/국비교육 2023. 8. 2. 18:30
* 시험문제 [문항1] 새 테이블을 만들 때 사용하는 sql 명령어는? 1번 1) create table 2) drop table 3) delete 4) truncate 5) limit [문항2] 테이블을 삭제할 때 사용하는 sql 명령어는? 2번 1) insert 2) drop table 3) update 4) select 5) where [문항3] 테이블을 수정할 때 사용하는 sql 명령어는? 3번 1) limit 2) order by 3) alter table 4) group by 5) having [문항4] 테이블의 각 레코드를 구분하게 해주는 컬럼을 가리키는 용어는? 4번 1) not null 2) default 3) null 4) key 5) join [문항5] MySQL의 자료형 중 정수형을..
-
(국비교육) 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 까지 사..