본문 바로가기
728x90

개발 수업/WEB25

Junit을 통한 단위테스트 Junit Build Path 추가하기 Test클래스를 만들어 준 후 Run As에서 Junit Test를 실행해준다. assertEquals(기댓값,실제값); 기댓값과 실제값을 비교해준다. 기댓값과 실제값 일치. 기댓값과 실제값 불일치. 2023. 9. 13.
Bootstrap 부트스트랩 더보기 Day44. 230630 Bootstrap 부트스트랩이란? 프론트엔드 개발을 빠르고 쉽게 할 수 있는 프레임워크로 많은 직원들이 프론트엔드 개발 할 때 일관성을 유지하며 개발하는데 도움을 준다. - 프레임워크 : 재사용 가능한 요소의 집합, 구조와 툴 결정, 확장 가능한 기반 코드 등 - HTML과 CSS기반의 템플릿 양식 등을 구성하는 요소를 포함하고 자바스크립트를 선택적으로 확장 할 수 있다. w3 school의 Bootstrap4 Tutorial https://www.w3schools.com/bootstrap4/default.asp Bootstrap 4 Tutorial W3Schools offers free online tutorials, references and exercises in a.. 2023. 7. 1.
[CSS] link Style 더보기 Day44. 230630 https://www.w3schools.com/css/css_link.asp CSS Styling Links W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 링크 상태에 따라 링크를 다르게 지정 할 수 있다. 다음은 4가지 링크 상태이다. linkStyle.jsp> 이용안내 객실소개 예약방법 예약하기 네이버 신문사 삼성패널 중소기업 65인치.. 2023. 7. 1.
[jQuery] jQuery, jQuery사용법 더보기 Day43. 230629 jQuery 제이쿼리 : 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈소스 기반의 자바스크립트 라이브러리. jQuery 사용하기 1) 다운로드 2) 웹에서 받아서(CDN) css selectors 사용 1) 다운로드 https://jquery.com/ jQuery What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that work.. 2023. 6. 29.
[JavaScript] 자바스크립트 변수 더보기 Day40. 230626 자바스크립트에서 변수선언방법 1) 자동인식 2) var 변수명 - 변수를 선언하거나 변수 선언과 동시에 값을 저장할 수 있다. - 값은 지정하지 않으면 변수에 "undefined"값이 들어가 있음. - 변수 선언은 한번에 여러개도 가능 3) let변수명 - 선언된 구역에서만 사용할 수 있는 변수 선언 - 선언된 블록범위에서 같은 변수 이름으로 선언하면 에러 발생 4) const 변수명 - 한번 값이 저장되면 값을 변경할 수 없는 변수 선언 - 선언할 때 초기값을 지정해야함. 변수끌어올림(호이스팅,hoisting) - 변수 선언이 어느 위치에 있든 맨 처음 선언을 미리 해줌. var_let_const javascript에서 변수선언방법 4가지 자동인식 var 변수명 let .. 2023. 6. 26.
[JSP] 스크립트릿(scriptlet) 태그 더보기 Day39. 230623 JSP의 스크립트 요소 스크립트 요소 표현 방법 설명 표현식(Expression) 갑을 출력 스크립트릿(Scriptlet) 자바 코드를 실행 선언부(Declaration) 자바 메서드(함수)를 만듬. 스크립트릿(scriptlet) 태그 : JSP페이지에서 자바코드를 사용하고 싶을 때 사용하는 문법이다. jsp문서에서 를 ex) request객체의 getParameter("파라미터명") 메소드를 호출하여 String타입의 값(user가 입력한 값, 선택한 값,개발자가 필요한 값)을 반환받는다. ex) String name = request.getParameter("userName"); String id = request.getParameter("id"); String pwd.. 2023. 6. 23.
[JavaScript] JavaScript에서 HTML문서 사용, 폼 배열을 사용해 폼 요소에 접근하기 더보기 Day39. 230623 JavaScript에서 HTML문서 사용 1) Inline방식 - html문서 태그의 script코드 작성 2) Internal방식 - html문서 내부의 script코드 작성 아래에 myFirstJS.js와 연동 myFirstJS.js> function fun2(){ alert('\t\'External방식\nfun1()이다!!'); } 폼 배열을 사용해 폼 요소에 접근하기 document 속성 중 form 속성은 문서 안에 있는 태그를 모두 가져와 배열 형태로 반환한다. 이 방법은 폼요소에 id나 class속성,name속성도 없을 때 사용한다. 태그 안에 포함된 요소에 접근하려면 elements 속성을 사용한다. form(p133) *form요소의 속성 - action:.. 2023. 6. 23.
Visual Studio 설치 더보기 Day38. 230622 visualstudio : 통합개발환경툴 https://code.visualstudio.com/Download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.com 링크로 들어가서 컴퓨.. 2023. 6. 22.
[HTML] Get방식, Post방식 더보기 Day38. 230622 * form요소의 속성 - action: 서버(server)측 페이지 - method: get(기본값) | post * GET에 대한 참고 사항: - 양식 데이터를 이름/값 쌍으로 URL에 추가합니다. - GET을 사용하여 민감한 데이터를 보내지 마십시오! (제출된 양식 데이터는 URL에서 볼 수 있습니다!) - URL의 길이는 제한되어 있습니다(2048자). - 사용자가 결과를 북마크하려는 양식 제출에 유용합니다. - GET은 Google의 쿼리 문자열과 같은 비보안 데이터에 적합합니다. * POST에 대한 참고 사항: - HTTP 요청 본문 내부에 양식 데이터를 추가합니다(제출된 양식 데이터는 URL에 표시되지 않음). - POST는 크기 제한이 없으며 많은 양의 데이.. 2023. 6. 22.
[CSS] 폼(form) 더보기 Day38. 230622 폼(form) 아이디와 비밀번호를 입력하거나 로그인 버튼, 회원 가입 창 등 사용자가 웹 사이트로 정보를 보낼 수 있는 요소들. 쿼리스트링? 쿼리스트링은 사용자가 입력 데이터를 전달하는 방법 중의 하나로, url 주소에 미리 협의된 데이터를 파라미터를 통해 넘기는 것을 말한다. 사용자가 입력 데이터를 전달하는 방법중의 하나로, url 주소에 미리 협의된 데이터를 파라미터를 통해 넘기는 것을 말한다. 폼 만들기 여러 폼 요소 form태그의 속성 속성 설명 method 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. get - 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. post - 사용자의 입력을 표준 입력으로 넘겨주기 때문에 입력 내용의.. 2023. 6. 22.
728x90