반응형

전체 글 411

[썸머노트] 사용법을 알아보던 중 ajax, json에 대한 이해.

학원 프로젝트를 위하여 썸머노트 사용법을 알아보던 중 이름만 알고 왜 사용하는지 전혀 몰랐던 ajax와 json에 대해 조금은 이해를 하게 되었다. https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started Ajax 시작하기 - 웹 개발자 안내서 | MDN 본 문서는 AJAX의 기본을 익힐수 있도록 해주며, 두 가지 간단한 훈련용 예제를 제공합니다. developer.mozilla.org AJAX의 강력한 특징은 페이지 전체를 리프레쉬 하지 않고서도 수행 되는 "비동기성"입니다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해줍니다. 클라이언트와 서버 사이의 요청과 응답은 브라우저가..

개발/코딩 2022.09.17

[게시판 기능] 게시판 목록을 3열 종대로 만들기.

학원에서 배운 것을 토대로 이런 형태의 게시판 목록을 만들어보고자 함. 해당 페이지는 무한 스크롤 방식이지만 한 페이지에 최대 9개의 게시물을 출력하고 페이징 처리를 해보고자 함. 페이징 처리에 앞서 일단은 3열로 출력 되도록 와 를 이용하여 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ${review.reviewTitle } ${review.reviewWriter } ${review.reviewCount } ${review.rCreateDate } Colored by Color Scripter cs 이렇게 하는 것이 맞는지는 모르겠으나 원하는 형태로는 화면이 나오고 있다. 추가적으로 알아본 것 이미지 태그의 src를 불러오지 못할 경우 대체 이미지..

개발/코딩 2022.09.17

[KH국비지원 웹개발자 과정] Day_62 키워드, 댓글기능실습, 깃허브 협업방식, 커밋 메시지

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 기본 댓글기능 실습 (대댓글X)) 태그를 이용하여 게시판 목록을 화면에 출력하듯이 처리 깃허브 협업 방식) 팀원 각각 작업 브랜치를 원격 저장소에 올리고 팀장이 원격에 올라가 있는 팀원별 작업 브랜치들을 하나하나 팀장 로컬의 main브랜치로 병합하여 로컬의 main브랜치를 최신상태로 만든다. 이후 이 최신 상태의 main브랜치를 원격으로 push하고 팀원들은 이를 pull 한다. 병합하고 남은 브랜치를 지우지 않고 계속 새로운 브랜치를 만드는 방식으로 진행하기 ..

[KH국비지원 웹개발자 과정] Day_61 키워드,스프링MVC 검색기능, postcodify,

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 게시판 검색 기능 구현 실습) 1. 검색 키워드 및 검색 조건이 남아있도록 -> selected , el이용 2. 검색 결과의 페이징처리가 되도록 -> url경로 속에 el을 이용함. postcodify 오픈소스 도로명주소검색 API) -적용예제 보고 따라하면 아주 쉽게 사용 가능. 적용 예제 - Postcodify 적용 예제 팝업 레이어 사용 가장 쉽게 Postcodify를 적용할 수 있는 방법입니다. 국내 대부분의 웹 사이트에서 최근까지 사용해 온 주소검색 ..

[KH국비지원 웹개발자 과정] Day_60 키워드, 게시물수정(첨부파일), 검색기능(동적쿼리), JSP 잔기능

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 게시물 수정 기능 구현) 첨부파일을 수정하는 로직 삭제 후에 등록하는 방식으로 구현. 1. 삭제 1)HttpServletRequest를 이용하여 경로를 구한다. 2)경로+파일이름으로 파일객체를 만든다(FIile) 3)file.delete()메소드로 파일을 지운다. 2.등록 1)rename(파일이름 중복 방지) 파일명을 만든다. 2)경로+rename파일명(풀경로)로 파일객체를 만든다.(File) 3)MultipartFile의 transferTo메소드를 이용하여 파..

[KH국비지원 웹개발자 과정] Day_59 키워드,스프링MVC 페이징 등 기능 구현, RowBounds

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- PLSQL의 반복문을 이용하여 더미데이터 insert 하기) DECLARE BEGIN FOR N IN 1..100 LOOP INSERT INTO BOARD_TBL VALUES(SEQ_BOARDNO.NEXTVAL,'게시글번호'||N) END LOOP; END; / 페이징처리) 1. 전체 게시물 구하기 2. 현재 페이지 구하기 3. 총 페이지 개수 구하기 4. NAVI 시작값 구하기 5. NAVI 끝값 구하기 6.RowBounds에 넣을 매개값 구하기 limit :..

[KH국비지원 웹개발자 과정] Day_58 키워드 @RequestMapping , 스프링 Encoding설정 등

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 디스패처서블릿에서 URL처리를 하는 방법 @RequestMapping(value="경로", method=RequestMethod.POST) @GetMapping("URL") @PostMapping("URL") Autowired어노테이션의 시그니처 확인. @Target({ElementType.CONSTRUCTOR, ElementType.METHOD, ElementType.PARAMETER, ElementType.FIELD, ElementType.ANNOTATION..

[스프링] IoC, DI 기본 사용법, Bean 등록, Bean 사용법

스프링 기본(Core Container) ■Bean객체로 등록하여 컨테이너가 객체를 생성하게 하는 방법(IoC) (개발자는 Bean객체로 등록할 클래스의 정보를 컨테이너에 알려주어야 함.) 방법 1. context.xml 에 태그를 설정한다. 방법 2. Bean등록 Annotation을 사용한다. @Component @Repository @Service @Controller 방법 3. xml로 설정하지 않고 자바의 문법으로 설정하겠다. -> java Config 파일에 설정을 한다. java Config 파일 : @Configuration어노테이션을 붙인클래스 @Bean 어노테이션을 붙여서 메소드를 만들듯이 Bean객체 등록을 할 수 있음. @Bean public Car car(Engine e) { Ca..

개발/Spring 2022.09.06

[KH국비지원 웹개발자 과정] Day_57 키워드, 메이븐,스프링(Spring) 프레임워크

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- 메이븐 프로젝트는 자바용 프로젝트 관리 도구이다. XML문서로 프로젝트의 버전 정보 및 라이브러리 정보들을 통합하여 관리하는 프로젝트 관리 도구. 다이나믹 웹 프로젝트를 사용할 때는 필요한 라이브러리를 추가할 때마다 lib 폴더에 jar 파일을 추가하여야만 했다. 이 자체로도 번거로운 일인데 만약에 여러명이 협업을 하는 상황이라면 라이브러리를 추가하는 등의 프로젝트 셋팅이 굉장히 번거로울 것이다. 메이븐 프로젝트는 POM.XML에 설정을 해주는 것 만으로 이러한..

[KH국비지원 웹개발자 과정] Day_56 키워드, UML,클래스다이어그램

해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다. -------------------------------------------------------------------------------------------------- UML 통합 모델링 언어 복잡한 소프트웨어 시스템을 표준화된 표기법으로 단순하게 표현하는 모델링 언어 유스케이스다이어그램 클래스다이어그램 시퀀스다이어그램 등이 있다. 클래스 다이어그램의 클래스 간 관계 Generalization 상속 Realization 구현 Association 연관관계 / 필드에서 다른 객체 참조 / 다른객체와의 관계 유지 Dependency 의존관계/ 메소드에서 다른 객체 참조/ 메소드 실행 중에만 다른 객체와 관계 유지 Aggregati..

반응형