분류 전체보기

Back End/AJAX

[AJAX/JSON] 댓글 기능 만들기 1, 게시판 만들기

댓글 작성 기능은 두가지 방법이 있다. 1. 댓글 테이블을 따로 만들지 않는 방법 2. 댓글 테이블을 따로 만드는방법 이번 포스팅에서는 댓글 테이블을 따로 만들지 않는 방법을 이용한다. 댓글 테이블을 따로 만들지 않는 법 댓글 테이블을 따로 만들지 않는 방법은 댓글도 게시글처럼 올릴 수 있도록 하고 원글번호랑 연결하여 댓글이 원글번호에서만 나오도록 하는 방법이다. 1. 원글번호 객체 추가 private int parent 먼저 기본 보드 Vo에 private int parent;를 추가한다. parent는 댓글에서 원글번호를 알 수 있도록 나타내주는 변수이다. 2. 생성자, getter, setter 선언 이미 만들어진 board의 기능들까지 수정할 필요 없도록 parent 를 포함한 새로운 생성자를 추..

Mac 개발환경

[Mac] 맥 웹 개발, 이클립스 이미지 파일 업로드 경로 찾기

맥북에서 이미지 파일 경로는 윈도우와 다르다. 수업에서는 윈도우를 기반으로 진행하다보니 항상 무언가 새로운 것을 찾을 때 굉장히 바빠진다. 파일 업로드 경로 1. web-workspace 우선 web-workspace 폴더를 찾아야한다. 하지만 파일이 어딘가에 숨어있는 맥북으로서 파인더에서 직접 찾기는 하늘의 별따기. (나만 그럴수도.. 또 내가 무지했을수도...) command + space 로 workspace 를 검색하면 바로 나온다. 여기까지는 굉장히 무난하다. 2. .metadata 폴더 ... 여기서부터 고비가 시작되었다. metadata 폴더가 없는디유... 서칭 끝에 command + shift + . 을 통해 숨겨진 파일들을 찾아낼 수 있다는 사실을 알았다. 저 점은 진짜 온점임 그럼 이..

Back End/AJAX

[AJAX/JSON] ID 중복 체크 기능 , 회원 기능 만들기

1. AJAX 미사용 join.jsp (id중복체크 버튼) IdCheck.java (객체 생성해 아이디 비교 후 true,false 결과값 도출) String id = request.getParameter("id"); MemberService service = new MemberService(); MemberVo vo = service.getMember(id); 서비스 객체를 생성해서 서비스의 getMember 기능 사용. => 아이디(id) 검색 boolean flag = (vo==null); request.setAttribute("flag", flag); 만약, vo가 null 이면 null == null :true 값이 나온다. 반대의 경우엔 false. flag를 setAttribute로 보낸다...

Coding/Web

[JSP] include 지시자, 액션 태그

index.jsp에서 각각의 jsp 파일들을 출력해볼 것이다. 간단하게 임베드 기능을 구현한다고 생각하면 된다. header, menu, tail.jsp KOSTA 사이트 로그인 회원가입 메뉴 내 정보확인 로그아웃 탈퇴 게시판 이미지 게시판 kosta 협회 진흥원 copyrighted by 000 tel:02-1234-4567 주소: 경기도 성남시 분당구 판교동 include 지시자 변하지 않는 페이지는 include 지시자를 사용한다. 포함할 페이지가 고정으로 지정된다. 하나의 페이지에 다른 페이지들을 가져다 쓴다. 지시자 안에 EL표현식은 사용이 불가능하다. include 지시자를 사용하여 왼쪽의 빈 테이블에 include 지시자를 사용하여 내용을 넣어볼 것이다. 캡쳐에는 잘렸지만 밑에 tail.js..

Front End/JavaScript

JSON [] 배열과 {} 객체, 파싱

JSON 자바 스크립트에서 객체를 배열하는 방법이다. JSONArray : [ ] 배열 배열은 대괄호를 사용한다. let arr = [ 'aaa', 'bbb', 'ccc' ]; JSONObject : { } 객체 객체는 중괄호를 사용한다. 이때 number와 boolean 은 ""로 묶지 않는다. let obj = { "name" : "aaa", "num" : 1, "tel" : "111", "flag" : true }; 문자열 타입을 객체로 변환 (파싱) 전체가 따옴표로 묶이면 문자열이다. 이러한 문자열 타입을 객체로 변환하는 것을 파싱이라한다. 파싱을 하지 않으면 문자열 하나씩 인식한다. let txt = '{"name":"aaaa","num":1}' //문자열 JSON.parse(txt); 아래 o..

Back End/AJAX

AJAX 동기, 비동기(get,post) 요청

AJAX (비동기 자바스크립트와 xml) 웹 동기 요청 : 요청을 보내면 응답페이지를 받아온다. 전체 페이지가 바뀐다. 웹 비동기 요청 : 응답페이지가 출력된 상태에서 요청을 보낸다. 페이지 이동이 없고 결과로 텍스트, json,xml 데이터를 받는다. 이 데이터를 파싱해서 Dom으로 페이지 일부만 수정한다. 차이 동기 : 새로운 페이지로 결과값을 보낸다. 비동기 : 해당 페이지에서 할당된 공간에 결과값을 보낸다. 서버에서 요청에 대한 응답이 오면 결과 페이지로 이동하는지, 아니면 결과를 텍스트로 받아와 현재 페이지에 결과를 보여주는지에 대한 차이다. 웹 동기 요청 name : 비동기 요청 방법 1. 비동기 request 객체를 생성한다. const xhttp = new XMLHttpRequest(); ..

Project/23.03 티켓 예매 서비스

[Mini Project 1] 마무리하며.

아쉬운 점 결론은 이 프로젝트는 주제를 살짝 어렵게, 그리고 예매에만 기능이 집중되게 정한 것 같아 아쉬웠다. 물론 여러가지 프로젝트를 진행하는 것 또한 중요하지만 첫 프로젝트, 성장할 수 있는 기회를 너무 쉬운 테이블을 잡아 날렸던 것 같다. 배우고 느낀 점, 이번 프로젝트에서 많은 것을 배웠다. 기본적인 팀활동에 필요한 사항들이랄까. 코딩에서는 ... 다양한 것을 사용하지 못한 것 같아 아쉬웠다. 카카오톡으로 너무 여러가지를 보내니 원활한 소통이 불가능했다. 수정사항을 원활하게 공유할 방법찾기 코드를 다른 방법으로 공유해 동기화해야지. (git) 다이어그램을 더 직관적으로 만들어보기 마무리까지 꼼꼼하게 챙기기[Mini Project 1] 특히, 다른 조의 발표를 보며 많이 배웠다. 훨씬 체계적으로 준..

Project/23.03 티켓 예매 서비스

[Mini Project 1] 관리자 마이페이지 기능 추가

관리자와 회원의 창이 달라야하기 때문에 관리자 마이페이지를 따로 만들어줘야했다. 가장 쉬운 방법은 항목 1. 회원 마이페이지 2. 관리자 마이페이지로 구별을 해주는 것이었다. 하지만 이러한 방식으로 하게 되면 회원에게도 관리자 마이페이지가 보이기 때문에, 실제로 사용자의 입장에서 봤을 때 깔끔하지 않을 것이라 느꼈다. 그래서 멤버별로 타입을 할당했다. [Mini Project 1] Menu package ticketMain; import java.util.Scanner; import hall.HallService; import member.MemberService; import performance.PerformanceService; import reservation.ReservationService; ..

Project/23.03 티켓 예매 서비스

[Mini Project 1] Menu

package ticketMain; import java.util.Scanner; import hall.HallService; import member.MemberService; import performance.PerformanceService; import reservation.ReservationService; import review.ReviewService; public class Menu { private MemberService mService; private HallService hService; private PerformanceService pService; private ReservationService rtService; private ReviewService rService; pr..

Back End/Servlet

[Servlet] 글 수정 삭제 기능, 게시판 만들기

글 수정 detail.jsp 나의 글이면 ${str}. 즉, readonly 가 비활성화되어 수정이 가능해진다. 수정 후, 수정 버튼을 누르면 detail.jsp에서 form action 으로 글 수정 /board/edit을 연결해준다. [Servlet] 글 디테일 보기 기능, 게시판 만들기 저번에 글 목록 보기 기능까지 만들었다. 이번에는 전체 글 목록 보기에서 제목을 클릭하면 해당 글의 자세한 내용을 보여주는 기능을 구현할 것이다. [Servlet] 글 목록 보기 기능, 게시판 만들기 skylarcoding.tistory.com BoardEdit.java request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); 한글이..

Lar
'분류 전체보기' 카테고리의 글 목록 (14 Page)