게시판
-
AngularJS에서 CRUD 구현하기 #2Web Programming/Angular JS 2020. 9. 11. 12:27
지난 글에 이어 오늘은 Create를 구현해보자. 우선 데이터를 받아와 저장할 수 있는 board의 포맷이 필요하다. $scope.boardForm = {}; 태그 내부에 boardForm이라는 변수를 만들어준다. 이 변수는 $scope 객체에서 JSON 변수로 저장된다. Title : Name : Add 게시판 태그 위에 이렇게 태그를 배치하고 내부에 table을 만들어준다. Title과 Name을 입력 받을 수 있는 input을 만들어 boardForm이라는 형식으로 저장한다. submit 버튼을 통해 insert 함수가 실행되게 한다. $scope.insert = function() { var newId; if(! $scope.boardlist.length) { newId = 1; }else { n..
-
AngularJS에서 CRUD 구현하기 #1Web Programming/Angular JS 2020. 9. 10. 19:12
이번 글에서는 AngularJS의 기본 구조를 이용하여 가벼운 게시판을 만들어 CRUD를 구현해보려한다. 게시물은 DB 연동 대신 JSON 배열(JavaScript Object Notation)을 활용한다. JSON의 활용법에 대해서는 다음 문서를 참고하자. 참고 : tcpschool.com/json/json_basic_structure 태그 내부에 다음과 같은 코드를 작성한다. 이를 통해 boardlist에 게시판의 정보가 저장된다.
-
게시판 만들기 #3 스프링 기본 설정Web Programming/Spring 게시판 프로젝트 2020. 9. 8. 18:21
이번 시간은 eclipse에서 스프링 프로젝트를 생성하고 기본 환경을 설정한다. Eclipse에서 New > Other > Spring Legacy Project를 선택한다. Project name을 지정하고 Templates은 Spring MVC Project로 설정 후 넘어간다. 프로젝트의 패키지는 com(혹은 net).회사명.프로젝트명 의 순서를 따른다. 설정이 완료되면 Finish를 눌러 프로젝트를 생성한다. 기본적인 Maven 빌드 기반의 Spring Project가 생성되었다. 이제 pom.xml을 수정하여 버전을 업데이트하고 필요한 모듈을 다운받도록 하자. 필요없는 모듈도 보이지만 지금 모두 파악할 수는 없으니 필요한 부분만 추가하여 사용한다. 1.8 4.3.8.RELEASE pom.xml의..
-
게시판 만들기 #2 데이터베이스 준비Web Programming/Spring 게시판 프로젝트 2020. 9. 8. 17:18
2020/09/08 - [Web Programming/Spring4.0] - 게시판 만들기 #1 환경 설정 게시판 만들기 #1 환경 설정 1. 개발 목표 spring4.0을 활용하여 게시판을 제작하고 CRUD 구현을 통한 spring 프레임워크 이해 2. Tools 통합개발환경 Eclipse 2020-06 개발 도구 JDK 1.8 메인 프레임워크 Spring4.3.8 빌드 Maven 데이터베이.. cluster-taek.tistory.com 이번 시간에는 MariaDB의 WorkBench(시각화된 데이터베이스)인 HeidiSQL을 사용하여 데이터베이스를 미리 제작한다. MariaDB는 MySQL과 동일한 문법을 사용하여 MySQL을 다뤄본 개발자라면 쉽게 접근할 수 있다. HeidiSQL을 실행하면 ro..
-
게시판 만들기 #1 환경 설정Web Programming/Spring 게시판 프로젝트 2020. 9. 8. 16:28
1. 개발 목표 spring4.0을 활용하여 게시판을 제작하고 CRUD 구현을 통한 spring 프레임워크 이해 2. Tools 통합개발환경 Eclipse 2020-06 개발 도구 JDK 1.8 메인 프레임워크 Spring4.3.8 빌드 Maven 데이터베이스 연동 myBatis 데이터베이스 MariaDB 10.5 UI Bootstrap 4 3. TODO 로그인/로그아웃 페이지 구현 회원가입 페이지 구현 전체 게시판 페이지 구현 게시물 쓰기(Create) 구현 게시물 읽기(Read) 구현 게시물 수정(Upadate) 구현 게시물 삭제(Delete) 구현 전체 게시판 페이징 구현 전체 게시물 검색 구현 추가 예정 소스 코드 : github.com/Cluster-Taek/boardProject Cluster..