HTML 유용한 태그 정리(

미친듯한 성능 1. CSS를 적게 작성하는데 도움을 주는 태그 ▶ progress 태그 : 현재 진행상태를 알려주기 좋은 태그 2. JS로의 기능을 수행할 수 있는 태그 ▶ detail,summary 태그 :유저의 클릭으로 정보를 보여주고. 숨기는 패턴 클릭 전 보여질 내용 클릭 후 보여질 내용 ※open이라는 CSS선택자를 통해 스타일 변경가능 3. input type "week", "time" :달력을 만들 때 편리한 input type ※윈도우 환경에 따라 위젯의 형태는 달라짐 4. picture태그 : 각기 다른 버전의 이미지를 표시가능 ex)PC에서는 그림이 고화질로 웹에서 보여지나, 모바일에서는 빠른 실행 속도를 위해 저사양으로 보여지도록 설정가능 5. datalist태그 : JS작성 없이 A..

• format_list_bulleted 국비과정/HTML & CSS
• · 2022. 3. 10.
• textsms

이클립스와 VSC (비주얼 스튜디오 코드) 연동하여 사용하는 법 - 최종

Java를 작업하기엔 이클립스가 최적화되어 있지만 CSS나 HTML, JS 등을 작업할 때는 VSC의 extention을 사용하여 작업하는 것이 효율적이다. 아래의 순서만 따라하면 VSC에서 사용하고 이클립스로 자동 저장이 되어 매우 편리! 1. VSC 다운로드 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,..

• format_list_bulleted 국비과정/HTML & CSS
• · 2022. 3. 9.
• textsms

자바스크립트 이벤트 종류

여기서 JS function 호출하려면 앞에 on을 붙여서 선언 예시: onsubmit = "return login();" * 세미콜론, return () 잊지말자 1. 자바스크립트 이벤트 종류 ☞ jQuery 이벤트 참조 ㅇ 마우스 이벤트 - click : 마우스 버튼 클릭하고 버튼에서 손을 뗌 - dblclick : 마우스 버튼을 두 번 연속 더블 클릭 함 - mousedown : 마우스 클릭의 앞 절반 (버튼을 누름) - mouseup : 마우스 클릭의 뒤 절반 (버튼을 뗌) . 드래그 앤 드롭 이벤트 : 위 두 이벤트(mousedown, mouseup)로써 구현 - mouseover : 마우스 포인터가 요소 위에 올라감 - mouseout : 마우스 포인터가 요소 밖으로 벗어남 - mousemov..

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 3. 9.
• textsms

3월 9일 오류노트 - ajax, javascript function 구문, alert utf-8 인코딩

첫번째로 매우 답답했던 function 구문 문제점 꼭 form 태그 안에다 onsubmit이나 onclick을 지정하고 ""안에 return을 붙여 function 이름 우측에 ()를 붙이기. 예시 결과물 : 그 다음 ajax를 사용할 때 제 아무리 ${'#id'}.serialize 해서 직렬화해도 절대 안되던 점 $ 자체가 jQuery를 사용하기 때문에 in-line script로 꼭꼭!!!! 넣어줘야 정상 작동 된다. 아래 태그 복붙할생각말고 아래 링크 들어가서 slim minified 복붙하는게 멘탈에 좋을 듯;; https://releases.jquery.com/ 문제의 열받았던 태그: https://code.jquery.com/jquery-.6.0.min.js" integrity="sha256..

• format_list_bulleted 국비과정/프로젝트 오류노트
• · 2022. 3. 9.
• textsms

ajax 이해 안될 때 이걸 참조하자

1번 public class BbsService else if(cmd.equals("save")) { String uid = (String)request.getSession().getAttribute("uid"); String title = request.getParameter("title"); String contents = request.getParameter("contents"); java.util.Date today = new java.util.Date(); java.sql.Date sqlDate = new java.sql.Date(today.getTime()); BoardVO board = new BoardVO(); board.setAuthor(uid); board.setTitle(title);..

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 3. 8.
• textsms

HTML tag 종류 (in-line tag, blocked tag)

HTML의 blocked tag와 in-line tag 종류 Here are the block-level elements in HTML: Here are the inline elements in HTML: 참조: https://www.w3schools.com/html/html_blocks.asp

• format_list_bulleted 국비과정/HTML & CSS
• · 2022. 3. 8.
• textsms

HTML에서 css파일, JavaScript 파일 연결하는 방법

HTML에서 css파일을 연결할 때 - head안에 삽입한다 HTML에서 js를 연결할 때 - head와 body 둘다 삽입 가능하다. JS를 연결할 때 주의해야 할 점: Body와 Head안, 둘다 쓸 수 있지만 브라우저가 HTML을 해석하던 도중 script를 만나면 렌더링을 중단하게되므로 속도가 저하될 우려가 있다. 따라서 무거운 JS파일은 Body안에 삽입하고 가벼운 파일은 Head안에 삽입하여 사용한다. 참조: https://zion830.tistory.com/29

• format_list_bulleted 국비과정/HTML & CSS
• · 2022. 3. 8.
• textsms

Java Script의 let과 constants, template literal(backtick 사용)

Java를 선언할 때 기본형을 선언하여 값을 배정한다면 자바 스크립트에는 let으로 변수를 선언한다. let v= 3; 3 const final = 'immutable'; 기본형 변수가 let이라면 자바의 final, 즉 상수를 const라는 자료형으로 선언한다. Template Literal template literal을 사용할 때 quatation mark인 '' 를 사용하면 동작이 안된다. 키보드 왼쪽 상단에 Tap버튼 위의 backtick을 사용해야 정상작동 된다. - 처음 배울 때 quatation mark랑 헷갈려서 좀 빡침 let a = 1; let b = 2; console.log(a+'${b}'); //quatation mark console.log(a+`${b}`); //backtic..

• format_list_bulleted 국비과정/자바스크립트 (JSP & Servlet 포함)
• · 2022. 3. 7.
• textsms