국비과정/JAVA (34) 썸네일형 리스트형 20230710 _[26일차]_01. 팀뽑기 & 게시판_수정/삭제기능 [ 팀뽑기 메뉴에 추가 ] package com.poseidon.team; 새로운 패키지에 [ Team.java ] 서블릿생성 @WebServlet("/team") => 소문자 t로 변경***** get방식??? ( 연결해주기 ) serialVersionUID 요게 뭘까??? 찾아보기 [ team.jsp ] 생성 연결시켜주기 div 생성 > form 안에 input & button 만들어주기 팀뽑기 팀 만들기 * post => 서블릿의 doget() 메소드에서 가져올수 있게 ( style 지정 ) ( 연결확인용 ) input값(names) 입력후에 팀만들기 버튼 누르면 그 값들을 콘솔창에서 확인가능 ( 입력값 배열로 받아오기 ) 입력값을 String names에 통으로 넣어주고, 콤마를 기준으로 잘라서 .. 20230707 _[25일차]_01. 게시판_스크립트로 스타일지정 오전시간 _ 조별발표 게시판-글쓰기창에서 글을 써보면 엔터가 적용이 안됨! br 이 아닌 \n이 적용되어 있기 때문에 얘는 자바에서는 실행이 안됨! \n -> br 로 넘겨주는 작업이 필요! [ write.java ] doPost () 메소드의 if문 내부에 dto.setBcontent(request.getParameter("content")); > 요부분을 수정해서 엔터키 적용되도록 해보자. String content = request.getParameter("content"); content.replace("\n", " "); dto.setBcontent(content); replace를 이용해서 \n --> br로 바꿔줌! 그런데 replace는 한번만 바꿔줌. 계속 바꿔줄 수 있게 해야함. .re.. 20230706 _[24일차]_02. JS연습(콘솔창입력) [ 콘솔창에 입력해보기 ] _ 자바와의 차이점 비교해보기 * 변수선언 : var 또는 let 자바와 다르게 데이터타입은 등호 뒤의 데이터가 결정. ( '변수 + 숫자' 연산도 가능) ( 다른 데이터타입도 비교가능 ) ( let으로 선언 ) ( '문자+숫자' 연산가능 ) ( 선언 및 초기화 ) (값비교) _ 등호가 세개면 엄격한 비교(값&데이터유형 같이 비교) (배열) _ 다른 데이터타입 한꺼번에 배열에 넣기 가능 (배열객체 생성) ( for문으로 출력해보기 ) ( 배열의 길이, 인덱스 ) .length , indexOf ( ) ( 배열 속 배열 ) XML => HTML의 확장형태 HTML은 이미 만들어져 있는 태그들을 가져와서 사용하는데 XML은 확장태그, 협의 하에 없는 태그를 새로 만들어서 사용 =>.. 20230706 _[24일차]_01. 게시판 글쓰기 기능만들기 게시판에 글쓰기 버튼 만들자 [ board.jsp ] table 들어있는 div 바깥에 버튼생성 글쓰기 [ Write.java 서블릿 생성 ] package com.poseidon.board; import java.io.IOException; import javax.servlet.RequestDispatcher; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebSer.. 20230705 _[23일차]_01. 게시판 만들기 이어서 jul03/src/main/webapp/board.jsp [board.jsp] 번호 제목 글쓴이 조회수 쓴날짜 위 테이블에 대해 hover 스타일 적용 (순서대로) a 링크 => 글자색_검정 적용 a 링크 => (마우스 올리면) 배경_회색 & 글자색_흰색 적용 tr (한줄) => 배경_회색 & 글자색_흰색 적용 (겹치는 스타일은 콤마(,)로 한번에 적용가능) => hover 스타일을 tr & a 링크 둘다 적용시키기 위해 tr에 a태그가 포함되어 있지만 태그마다 적용 가능한 스타일이 다르기 때문에 별도로 지정해줘야 함 tr은 영역을 나타내는 거라 color 스타일 적용이 불가능한 것처럼 a태그에 적용이 가능한 스타일을 따로 지정해줘야함. 적용가능/불가능한 스타일을 알려주거나 잡아내는건 따로 없는듯 ㅠㅠ .. 20230704 _[22일차]_03. 상단메뉴바 + 게시판만들기 ( JSP/Servlet ) https://www.devkuma.com/docs/jsp-servlet/jsp%EC%97%90-%EC%A0%84%EB%8B%AC%ED%95%98%EA%B3%A0-%EA%B2%B0%EA%B3%BC%EB%A5%BC-forward%ED%95%98%EC%97%AC-%ED%91%9C%EC%8B%9C/ JSP/Servlet | 서블릿과 JSP/HTML | JSP에 전달하고 결과를 forward하여 표시 또 다른 방법은 포워드로 결과를 표시하는 JSP에 표시를 전환하는 것이다. 서블릿에서 결과를 표시하는 JSP를 포워드(forward)로 표시 시키면 서블릿에서 화면의 표시 등을 할 필요는 없다. 단, 이 www.devkuma.com jun03 package com.poseidon.dto.. 20230703 _[21일차]_02. 메뉴만들기 + 시멘틱태그 [ 웹페이지 상단 메뉴바 만들기 ] _ 시멘틱태그 사용 (태그만 봐도 어떤 영역인지 알 수 있음) semantic.html 파일생성 // 파일 불러오기 index * 파일 그대로 불러오면 아래처럼 html코드가 중복됨 (head, body 등등..) => menu.jsp 파일에서의 html코드는 삭제해주기! 코드를 모든 파일에 넣어주면 모두 menu.jsp 와 연결! => 추후에 수정 필요시 menu.jsp 파일 하나만 수정해도 일괄적용. [ main.jsp ] [ semantic.jsp ] 여기도 메뉴 넣겠습니다 * onclick vs a태그 : 원하는 주소값으로 이동하는 기능 Main iPad [ 서블릿 연결 ] com.poseidon.board 패키지 아래에 Board.java 파일 생성 (서블릿 .. 20230703 _[21일차]_01. VS code 설치 + HTML [ vs code단축키 ] https://kkotkkio.tistory.com/101 [Visual Studio Code] 기본 ~ 유용한 단축키 모음 웹 기반 개발이 메인인 저는 인텔리제이나 웹스톰을 거의 5년이상 사용하다가, 이번년도에 처음 VSCode를 사용해봤습니다. VSCode로 변경한 가장 큰 이유는 인텔리제이는 기능이 점점 많아져서 계 kkotkkio.tistory.com [ html개요 ] http://www.tcpschool.com/html/intro 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com [ html 기본형식 ] ( 주석은 소스코드에서 확인가능 ) ( h 태그 ) h1 ~ h6 _ 블록요소(.. 이전 1 2 3 4 5 다음
