본문 바로가기

전체 글388

[JavaScript] getElementById와 addEventListener(이벤트리스너) 자바스크립트란? 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어이다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행된다. HTML과 CSS, JS를 이용해 버튼을 만들어 간단한 alert 기능을 구현해보았다. HTML HTML 삽입 미리보기할 수 없는 소스 CSS HTML 삽입 미리보기할 수 없는 소스 JS HTML 삽입 미리보기할 수 없는 소스 2번째 줄은 document.getElementByID에 있는 id 값을 ~~로 바꾸어라 라는 의미이다. 즉, id값으로 alert로 받아온 css의 style에 display 속성을 block으로 바꾸는 것이다. 이와 같은 방법으로 버튼을 만들어 alert의 열고 닫기를 구현해.. 2023. 2. 12.
[Baekjoon / JAVA] 백준 1271번 엄청난 부자2 1271번: 엄청난 부자2 첫째 줄에는 최백준 조교가 가진 돈 n과 돈을 받으러 온 생명체의 수 m이 주어진다. (1 ≤ m ≤ n ≤ 101000, m과 n은 10진수 정수) www.acmicpc.net 처음엔 이렇게 에러가떴다. HTML 삽입 미리보기할 수 없는 소스 My code 위와 같은 코드를 이용하면 런타임 에러가 뜬다. 브론즈5 문제이지만 정답률이 낮은 이유는 아무래도 int형이나 long형의 범위를 초과하는 숫자가 입력으로 주어지기 때문이다. HTML 삽입 미리보기할 수 없는 소스 HOW 그래서 이 경우 나는 BigInteger를 이용해주었다. 2023. 2. 12.
[Baekjoon / JAVA] 백준 1085번 직사각형에서 탈출 1085번: 직사각형에서 탈출 한수는 지금 (x, y)에 있다. 직사각형은 각 변이 좌표축에 평행하고, 왼쪽 아래 꼭짓점은 (0, 0), 오른쪽 위 꼭짓점은 (w, h)에 있다. 직사각형의 경계선까지 가는 거리의 최솟값을 구하는 프로그램 www.acmicpc.net My Code HTML 삽입 미리보기할 수 없는 소스 How (x, y) 좌표가 직사각형 내부의 어떤 위치에 있던 x축, y축과 평행하는 거리만 구하면 (x, y) 좌표에서 대각선의 경계면까지의 가장 짧은 거리는 4개 중에 하나에 해당된다. 위 코드와 같이 (x, y) 좌표에서 경계면까지의 거리 4가지만 정리를 하고 나면 코드는 간단히 작성할 수 있다 mmin과 mmin1를 이용해 x, y의 최솟값을 구해주었고, 최종적으로 min을 통해 최솟.. 2023. 2. 12.
자바(JAVA) - 클래스 (Class) StudentManage 학생 관리 <프로젝트> 학생 관리 프로젝트 ( StudnetManage ) 이번에는 Java 클래스로 배웠던 프로젝트를 해보려고 한다. 학생 관리 프로그램이며, 최대 3명의 학생을 저장하여 임의로 학생의 정보를 변경할 수 있는 프로그램을 제작하였다. Student 클래스 HTML 삽입 미리보기할 수 없는 소스 학생의 이름, 나이, 학점, 연락처를 변수로 설정하고, 매개변수로 받도록 생성자를 만들어주었다. 이후 학생의 모든 정보를 출력해주는 메소드와 이름과 연락처를 초기화해주는 setter를 설정해주었다. StudentManage 클래스 HTML 삽입 미리보기할 수 없는 소스 먼저 학생관리 생성자에 학생이 3자리 들어갈 공간을 만들어주었고, 이때 index를 0으로 선언과 동시에 초기화했다. 1번의 학생 등록 메소드를 만들고, .. 2023. 2. 10.
[JSP] form태그 이용해서 페이지 이동 (2) 이번엔 form태그를 이용해서 배열과 select, option에 대해서 더 알아보았다. HTML 삽입 미리보기할 수 없는 소스 44번째 줄에 있는 select는 택 1을 선택하여 결과값을 나타내주어야 한다. 그리고 옵션에는 반드시, 선택한 value의 값을 정의해 주어야한다. HTML 삽입 미리보기할 수 없는 소스 안의 자바 문법을 보면, 20번째 줄에있는 String[ ] 이라는 배열이 추가되었고, getParmeter에 Values가 추가되어 받아온다. 이처럼 배열은 getParameterValues를 써줘야 하고, for문을 돌려서 해당 hobby값을 받아올 수 있다. 여기까지 아주 오래전에 사용했었던 오징어 다리같은 모양의 코드를 살펴보았다. 현재는 쓰지 않지만, 개발자가되어 일을 하게 되었을 .. 2023. 2. 10.
[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.