본문 바로가기

카테고리395

[JSP] form태그 이용해서 페이지 이동 (1) 기본적으로 다른 페이지로 데이터를 전달하는 방식은 크게 두 가지가 있다. 1. a태그 사용하는 방법 2. form 태그를 사용하는 방법 이번엔 form태그를 이용하여 다른 페이지에 데이터를 전달하는 방식을 공부해보았다. form 태그를 사용할 때에는 반드시 안에 출력할 내용을 위치시켜야 한다. form 태그를 통해 페이지를 이동하면 필요한 데이터를 가져갈 수 있다. 아래 코드를 통해 input으로 받아온 값들을 다른 페이지에 데이터를 전달받는 방법을 구현해보았다. HTML 삽입 미리보기할 수 없는 소스 submit 버튼을 클릭하면 form 태그의 action 속성의 값으로 페이지가 이동하게 된다. form 태그 안에 만들어진 input 태그의 (Value)값을 가져간다. 전달되는 데이터를 구분하는 방법은.. 2023. 2. 10.
[JSP] JSP 기초 - 오징어 문법 - JSP란? JavaServerPage로, HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구이다. JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고 그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다. 서블릿은 성능좋은 웹프로그램을 효과적으로 개발할 수 있지만, 프로그램 작성이 불편하다는 단점이있다. JSP는 서블릿기술을 바탕으로 ASP처럼 쉽고, 빠르게 원하는 웹응용프로그램을 작성할 수 있다. 장점 JSP는 Servlet보다 쉽고 빠르게 프로그램 작성 JSP화면구성을 위한 HTML부분과 프로그램로직(Logic)을 분리할 수 있다 (프로그래머와 웹디자이너가 협력작업할 수 있다.) 뛰어난 웹컨테이너.. 2023. 2. 10.
[Servlet] JSP 서블렛이란? doGet( ) , doPost( ) , 라이프사이클 서블렛이 뭘까? 자바를 사용하여 웹페이지를 동적으로 생성하는 서버측 프로그램 혹은 그 사양을 말하는 것이다. 즉 , 웹 개발에 필요한 기능들을 서블렛(sevlet)이라는 클래스로 만들어 놓은 것이다. HttpServlet 클래스에는 웹 개발에 필요한 기능이 정의되어 있다. 그래서 클래스를 만들 때 HttpServlet 클래스를 상속하면, HttpServlet클래스에 정의된 웹 개발에 필요한 기능을 상속받아 쓸 수 있다. 이렇게 웹 개발에 필요한 기능을 정의한 HttpServlet 클래스를 상속받아 만든 클래스를 Servlet이라 지칭한다. Servlet을 실행시키면 톰캣이 main 메소드를 자동으로 구동시켜준다. main 메소드가 실행되면 doGet( ) 메소드나 doPost( ) 메소드 중 하나가 무조.. 2023. 2. 10.
[사회조사분석사 2급] 필기 , 실기 동차합격 공부법 !! (비전공자) 사회조사분석사 2급 사회조사 분석사 2급 비전공자의 필기, 실기 후기에 대해서 말씀드리겠습니다. 필기 전자문제집 CBT만 봤어요. ADsP 데이터 분석 준 전문가 따고 빅데이터 분석기사 준비겸 사조사를 알게되었는데, 크게 도움이 되진 않았던거 같습니다. 필기 난이도는 3과목 >>> 2과목 > 1과목 순이라고 생각해요. 저는 약 3개년치의 문제, 총 9개를 풀었고 3과목 사회통계는 진짜 답만 외웠습니다. 시험장에서 똑같은것, 혹은 비슷한 문제 유형들도 많이 나와서 술술 찍을 수 있었던것 같아요. 실기 책도 사고, 인강도 들었어요. 필답형은 최신 기출문제들 모아놓은 사이트와 책을 참고하며 약 8~9개년치를 싹다 한컴파일에 받아 적었습니다. 그 이후 많이 나온 문제들 나눠서 5회이상, 3회이상, 2회이상 이렇.. 2023. 2. 9.
자바(JAVA) - 클래스 (Class) MemberService <문제> 문제 MemberService 클래스에 login( ) 메소드와 logout( ) 메소드를 선언하려고 합니다. login( ) 메소드를 호출할 때에는 매개값으로 id와 password를 제공하고, logout( ) 메소드는 id만 매개값으로 제공합니다. MemberService 클래스와 login( ), logout( ) 메소드를 선언해보세요. 1. login( ) 메소드는 매개값 id가 "hong", 매개값 password가 "12345"일 경우에만 true로 리턴하고 그 이외의 값일 경우에는 false를 리턴하도록 하세요. 2. logout( ) 메소드의 내용은 "로그아웃 되었습니다."가 출력되도록 하세요. HTML 삽입 미리보기할 수 없는 소스 MemberService 클래스이다. HTML 삽입 미.. 2023. 2. 9.
CSS - 로그인, 게시판, 회원가입 폼 만들어보기 먼저 로그인 html 이다. HTML 삽입 미리보기할 수 없는 소스 padding과 margin에 대해서 추가적으로 공부해보았다. padding은 안쪽 여백을 나타내주며, margin은 바깥 여백을 담당한다. 16번 째 줄의 margin: 0 auto; 라는 코드가 있다. 이것은 상하여백 0 좌우여백 auto라는 태그이다. 25번 째 줄의 border-collapse: collapse;란 이중 실선을 방지해주는 기능을 한다. 다음은 회원가입 html이다. HTML 삽입 미리보기할 수 없는 소스 마지막으로 게시판 html이다. HTML 삽입 미리보기할 수 없는 소스 이렇게 해서 HTML과 CSS로 간단한 기능들을 만들어 보았다. 자바스크립트(JS)를 배워 이 세개로 빨리 연동해서 프로젝트도 빨리 만들어볼 .. 2023. 2. 9.
CSS - 자식과 자손 선택자 ( > ) HTML에 코드를쓰고 그때그때마다 style을 적용시키면 가독성이 매우 떨어지고 코딩하기가 매우 어려워진다. CSS를 이용해 HTML에서 사용했던 코드의 주소를 찾아 꾸며주는 역할에 대해 더 알아보자. HTML 삽입 미리보기할 수 없는 소스 첫번 째로, id속성 즉, #div1 > div { } 에 대해서 알아보자. #div1 은 두번 째 div에 있는 id=div1인 div를 가르키며, " > " 표시는 꾸며준다는 것이다. 그리고 뒤에있는 div는 #div1의 자식이라고 생각해보자. 즉, #div1 > div { } 에 속해있는 1과 2는 #div1에서 변경해준 값이 똑같이 적용된다. class속성도 똑같다. 다만, " > " 표시 대신해서 " " 한칸 공백을 사용한다. 따라서 div2의 자식들인 3 .. 2023. 2. 9.
CSS - style태그와 태그선택자, div와 class 선택자 CSS 내용은 반드시 style 태그 안에 작성해야한다. 디자인을 변경 하려면 우선적으로 디자인을 변경할 태그를 선택하여 적용할 수 있다. 이러한 태그 선택하는 방법을 '선택자'라고 한다. 태그선택자 : 해당 문서 안의 모든 동일 태그에 디자인 적용. HTML 삽입 미리보기할 수 없는 소스 style은 반드시 html의 안에서 사용해야하며, title밑에 작성해야한다. h1{ } 이라는 태그를 이용하여 body에서 사용했던 h1의 텍스트를 꾸며줄 수 있다. HTML 삽입 미리보기할 수 없는 소스 로 사용된 곳을 꾸며주고 싶다면 style로 들어가 CSS를 적용시켜줄 수 있다. 문법은 id선택자는 #을 이용한다. #frist{ } 와 같이 사용이 가능하며, class선택자는 . 을 이용할 수 있다. .bl.. 2023. 2. 9.
[Baekjoon / JAVA] 백준 2440번 별 찍기 - 3 https://www.acmicpc.net/problem/2440 2440번: 별 찍기 - 3 첫째 줄에는 별 N개, 둘째 줄에는 별 N-1개, ..., N번째 줄에는 별 1개를 찍는 문제 www.acmicpc.net 2440번: 별 찍기 - 3 첫째 줄에는 별 N개, 둘째 줄에는 별 N-1개, ..., N번째 줄에는 별 1개를 찍는 문제 www.acmicpc.net MyCode HTML 삽입 미리보기할 수 없는 소스 HOW 거꾸로 생각하면 매우 쉽게 접근이 가능하다. 1. 한 줄마다 J가 I보다 클때 별을 찍으므로 이중 for문에 if로 받아 j가 i보다 크다고 해주면 된다. 2023. 2. 8.
[Baekjoon / JAVA] 2460번 백준 지능형 기차2 https://www.acmicpc.net/problem/2460 2460번: 지능형 기차 2 최근에 개발된 지능형 기차가 1번역(출발역)부터 10번역(종착역)까지 10개의 정차역이 있는 노선에서 운행되고 있다. 이 기차에는 타거나 내리는 사람 수를 자동으로 인식할 수 있는 장치가 있다. www.acmicpc.net My Code HTML 삽입 미리보기할 수 없는 소스 How? 배열 길이만 다를뿐 지능형 기차 1번과 똑같은 문제이다. 하지만 지능형 기차1번 풀었던 코드를 보니 조금 다르게 풀이를 했다. 1. 배열을 10으로 정한 후 in과 out을 입력받는 정수로 받았다. 2. 문제와 똑같이 들어가고 나오는 것을 수식받아 n[i]에 저장시켜주었고, 누적 계산을 하기위해 num값으로 돌려주었다. 3. 마지.. 2023. 2. 8.
HTML - table과 div의 사용법 table과 div태그는 HTML을 하면서 굉장히 많이 볼 친구들이다. 아주 중요한 내용이며 이해해야 코드를 보는데 보다 쉽게 이해할 수 있을 것이라고 생각한다. HTML 삽입 미리보기할 수 없는 소스 위 코드를 실행해보면 아래와 같은 그림이 웹사이트에 만들어진다. 코드는 body다음인 8번째 줄, table부터 시작된다. border="1'을 주어 table의 생김새를 파악해주었다. 9번째 줄, 16번째 줄, 28번째 줄에 있는 thead와 tbody, tfoot은 table의 제목, 본문, 꼬리말을 표현한 태그이지만 사용하지 않아도 무방하다. table은 먼저 이라는 행을 선언하면서 시작된다. 이후 를 이용하여 열을 만들어준다. td대신 제목을 넣을 땐 를 넣어도 무방하다. th를 넣을 시 자동으로 .. 2023. 2. 8.
HTML - 이미지, 링크, input, 개행<br>, 문자<p> 기초 HTML은 웹을 개발하는데 있어 가장 기초적인 것이다. HTML 삽입 미리보기할 수 없는 소스 html을 작성할땐 7번째 줄의 부터 31번째 줄의 까지 사용한다. 10번째 줄의 를 통해 첫번째 박스에 보이는 환풍을 입력할 수 있는 텍스트 박스를 만들 수 있다. 11번째 줄의 는 두번째 박스와 같이 비밀번호를 치면 암호화처럼 나타난다. 12번째 줄의 는 오른쪽에 마우스를 가져다대면 위 아래 버튼이 나온다. 클릭시 증가및 감소한다. 13번째 줄의 는 달력이 나오며 날짜를 선택할 수 있다. 14번째 줄의 는 눌러보면 색을 볼 수 있는 창이 만들어진다. 각 줄마다 이라는 태그는 강제 줄 개행이라는 의미이다. 16번째 줄의 이라는 것은 버튼을 생성하여 버튼안의 글씨를 확인으로 채우는 것이다. 17번째 줄의 는 네.. 2023. 2. 8.

티스토리툴바