본문 바로가기

휴지통..

 (44)
부트스트랩 사용 ( react 추가) 승훈이가 부트스트랩 관련해서 질문이 있어서 조금 정리하기로 했다. HTML 과 CSS 쉽게 말해 HTML은 연필로 그린 그림 CSS는 색칠하는 느낌 (?) HTML 파일에 CSS 를 적용하는 방법은 크게 두가지로 나뉜다. 첫번째는 style 태그에 CSS를 설정하는 방법 두번째는 css파일을 만들어서 적용하는 방법이다. 깔끔한 코드를 위해서 후자의 방법을 주로 사용한다. 클래스 -> .class 태그 -> p 아이디 -> #id 방식으로 사용하면 된다. 이제 HTML에 CSS 적용하는 방법을 알았으니 부트스트랩으로 넘어가자면 BootStrap 이란? 부트스트랩이란 프론트엔드 개발을 보다 쉽게 할 수 있는 프레임워크를 뜻한다. 쉽게 말해 누가 이미 예쁘게 그린 그림을 가져다가 쓰는 느낌? Google Fo..
AWS EC2 탄력적 IP 연결 , 타임 존 지금까지 AWS를 통해 서버를 대여하고, RDS도 대여했기 때문에 배포 준비 하겠습니다. - AWS EC2 탄력적 IP주소 연결 탄력적 IP주소는 고정 IP를 말합니다. EC2를 중간 중간 중지하게 되면 새로운 IP주소가 생성되는데 이러한 현상을 방지하기 위해서 탄력적 IP주소를 받아 EC2 고정 IP를 입혀줍니다. 탄력적 IP를 제공받았다. 제공받은 탄력적 IP를 적용시켜줍니다. 탄력적 IP를 통해 EC2 리눅스 AMI에 접근 완료. 현재는 타임존이 한국 시간으로 설정되어있지 않기 때문에 위와 같은 명령어를 통해 한국시간과 똑같이 적용시켜 줍니다. 이후 현재까지의 연결 확인을 위해서 EC2에서 Mysql 을 설치하여 RDS에 연결합니다. EC2에서 RDS에 접근함으로써 EC2와 RDS의 설정이 끝났음을..
AWS RDS를 이용하여 데이터 베이스 생성 후 접근하기 지난 주에 승훈이에게 알려줬던 내용을 정리차 적기로 했다. - AWS RDS 인스턴스 생성 AWS RDS란 AWS에서 빌려주는 DB 서버라고 생각하면 된다. 다양한 프로젝트에서 MySQL을 사용했기 때문에 이번에는 Maria DB를 이용하기로 했다. 데이터베이스 정보를 설정해줍니다. (설정 시 외부에서 접속 가능하도록 퍼블릭 엑세스 가능으로 표기하였습니다.) AWS에서 데이터베이스 하나를 제공받았습니다. - AWS RDS 인스턴스 연결 show tables 명령어를 이용하여 테이블 확인 스프링 프로젝트에 적용한 모습. RDS는 필수적으로 변경해줘야하는 파라미터 값이 있는데 Charater_set들의 값을 utf8mb4로, collation 값을 general_ci로 변경해주어야 한다. + 타임존도 ASI..
AWS EC2를 통해 내가 만든 프로젝트 접근하기 지난 주에 승훈이에게 알려줬던 내용을 정리차 적기로 했다. - AWS EC2 생성 AWS 홈 화면에서 가상머신 시작 혹은 검색창에 EC2 검색 후 인스턴스 생성으로 EC2를 생성 할 수 있다. EC2란 아마존에서 관리하는 가상머신인데 '아마존에게 서버 용도의 컴퓨터를 하나 공짜로 빌린다.' 라고 생각하자. (1년만 무료-프리티어) 리눅스 서버를 선택해서 대여했다. (윈도우 , 우분투도 사용했지만 리눅스가 가장 편했다.) 이후 프리티어 모델을 선택하고 검토 후 시작 하면 된다. 키페어란 서버에 접근하기 위해 필요한 키를 말하는데 다운로드한 키 파일이 있는 폴더에서 접근 가능하다. (키 파일은 한번의 다운로드만 가능하니 조심하자.) - 깃 허브 커밋시 키 페어 확인하세요- 이제 서버에 접근해보자. 인스턴스 ..
Springboot 게시판 만들기 (8) - 게시글 수정 - View 생성 글 삭제와 같이 수정 역시 타임리프를 통해서 boardView에 링크를 생성해줍니다. 수정을 위해 불러오는 html 파일은 boardWrite와 같기 때문에 복사하여 텍스트만 변경해줍니다. PathVariable를 사용하여 id 매개변수를 이용해서 매개변수에 맞는 model를 처리할 수 있도록 설정해줍니다. 수정을 하는 post 경로를 위와 같이 설정해주고, id 변수를 가져올 수 있게 설정합니다. Post경로를 통해 가져온 id를 매개변수로 입력해 주고, boardTemp에 기존의 글 주머니를 가져옵니다. 이후 getTitle과 getContent를 이용해서 제목과 내용을 덮어씁니다. -수정 기능 완료
Springboot 게시판 만들기 (7) - 게시글 삭제 - View 수정 boardview.html 파일에서 글을 삭제하는 기능을 하는 버튼을 추가해줍니다. - BoardService 삭제 boardService에서 boardDelete 기능을 추가시켜줍니다. 삭제하는 기능은 따로 리턴값이 없이 삭제처리를 하기 때문에 void로 설정을 해주고, deleteById를 통해서 삭제 시켜줍니다. - BoardController 삭제 이후 BoardController에서 BoardService에서 만들어준 delete 기능을 가져와 처리해줍니다. 대부분의 게시글 삭제 기능을 보면 게시글을 삭제한 이후에 글 리스트를 보여주기 때문에 redirect 처리를 해줍니다. - 삭제 기능 확인 이후 주소창에 localhost:8090/board/delete?id= * 을 입력..
Springboot 게시판 만들기 (6) - 게시글 상세 페이지 - View 생성 게시글을 선택하였을때 DB에 있는 제목과 내용을 보여주는 상세 페이지를 만들어주어야 한다. 게시글 상세 페이지를 타임리프를 이용해 가져와줍니다. -Service 와 Controller 이후 BoardService로 이동하여 findById를 통해 게시글을 불러올 수 있도록 설정해준다. id 값은 Entity에서 PK로 설정해둔 Integer타입으로 설정하여 매개변수 처리해줍니다. 이러한 Service 처리로 id 값에 맞는 title과 content 을 불러올 수 있습니다. 이후 Controller를 통해서 Getmapping을 통해서 boardview탬플릿과 boardView를 연결해줍니다. 위에 Service에서 매개변수로 integer 값 id를 필요로 했기 때문에 boardSer..
Springboot 게시판 만들기 (5) - 게시글 리스트 - 테스트 데이터 테스트 데이터를 만들어 주기 위해서 프로시저를 생성해야 한다. 이후 call 프로시저 즉 call testDataInsert() 를 입력해준다. 프로시저를 통해 위와 같은 일련의 데이터베이스 쿼리문을 함수처럼 작성하여 이후 실행할때 보다 쉽게 쿼리문을 사용할 수 있다. 프로지서를 통해 테스트 데이터가 들어간 것을 확인할 수 있습니다. 이후 BoardController로 돌아가서 List를 보여줄 수 있는 boardlist.html 파일을 만들어줍니다. 이후 boardController에서 GetMapping을 통해서 boardlist와 해당 자바 코드를 연결시켜줍니다. 이후 board/list 링크를 통해서 template과 boardController가 연결된 모습을 확인할 수 있습니..

티스토리툴바