반응형

웹개발자 10

자바날짜, 시간 구하기 (LocalDate, LocalTime, LocalDateTime 사용법)

https://m-veloper.github.io/tip/2020/06/30/tip-java-08/ java.time Java 1.8 (자바 8) 이전에서는 보통 Calendar를 사용하고, Date/long/String 으로 변환후 사용하는 방법을 많이 사용함. Java 1.8 (자바 8) 후에는 LocalDate, LocalTime, LocalDateTime 등이 추가되어 날짜, 시간관련하여 코드를 짜기가 더 쉬워짐 날짜와 시간 객체 생성 날짜 - LocalDate LocalDate currentDate = LocalDate.now(); // 컴퓨터의 현재 날짜 정보를 저장한 LocalDate 객체를 리턴한다. LocalDate targetDate = LocalDate.of(int year, int ..

[java/자바] Static 이란? Static 정리

이글은 "망나니개발자"님의 글을 참고하였습니다. Static Java에서 Static 키워드를 사용한다는 것은 메모리에 한번 할당되어 프로그램이 종료될 때 해제되는 것을 의미합니다. 이를 정확히 이해하기 위해서는 메모리 영역에 대한 이해가 필요합니다. 일반적으로 우리가 만든 Class는 Static 영역에 생성되고, new 연산을 통해 생성한 객체는 Heap영역에 생성됩니다. 객체의 생성시에 할당된 Heap영역의 메모리는 Garbage Collector를 통해 수시로 관리를 받습니다. 하지만 Static 키워드를 통해 Static 영역에 할당된 메모리는 모든 객체가 공유하는 메모리라는 장점을 지니지만, Garbage Collector의 관리 영역 밖에 존재하므로 Static을 자주 사용하면 프로그램의 종..

[jQuery] 체크박스 값(checkbox value) 가져오기

Checkbox 체크박스에 제이쿼리나 자바스크립트로 이벤트를 처리해야할 경우가 종종 있다. checked 여부 확인하기 id로 확인하기 $('input:checkbox[id="checkbox_id"]').is(":checked") == true name 으로 확인하기 $('input:checkbox[name="checkbox_name"]').is(":checked") == true $('input[name="checkbox_name"]').is(":checked") 제이쿼리 prop() 메소드 $('#checkboxId').prop("checked"); checked 처리 하기 개별 처리 $('input:checkbox[id="checkbox_id"]').attr("checked", true); 전체 처..

Web Server 와 WAS 를 구분하는 이유

Web Server 가 필요한 이유 클라이언트(웹 브라우저)에 이미지 파일(정적 컨텐츠)을 보내는 과정을 생각해보자. 이미지 파일과 같은 정적인 파일들은 웹 문서(HTML 문서)가 클라이언트로 보내질 때 함께 가는 것이 아니다. 클라이언트는 HTML 문서를 먼저 받고 그에 맞게 필요한 이미지 파일들을 다시 서버로 요청하면 그때서야 이미지 파일을 받아온다. Web Server를 통해 정적인 파일들을 Application Server까지 가지 않고 앞단에서 빠르게 보내줄 수 있다. 따라서 Web Server에서는 정적 컨텐츠만 처리하도록 기능을 분배하여 서버의 부담을 줄일 수 있다. WAS(Web Application Server) 가 필요한 이유 웹 페이지는 정적 컨텐츠와 동적 컨텐츠가 모두 존재한다. 사..

프로그래밍/AWS 2020.06.17

[AWS] Web Server(웹서버, 아파치) 와 WAS(톰캣) 이해하기

Web Server(웹서버) 란? Web Server(웹서버)를 알기전, 정적 페이지(Static Pages), 동적 페이지(Dynamic Pages)에대 해서 이해해야 한다. 정적 페이지(Static Pages) Web Server는 파일 경로 이름을 받아 경로와 일치하는 file contents를 반환한다. 항상 동일한 페이지를 반환한다. Ex) image, html, css, javascript 파일과 같이 컴퓨터에 저장되어 있는 파일들 동적 페이지(Dynamic Pages) 인자의 내용에 맞게 동적인 contents를 반환한다. 즉, 웹 서버에 의해서 실행되는 프로그램을 통해서 만들어진 결과물 * Servlet: WAS 위에서 돌아가는 Java Program 개발자는 Servlet에 doGet()..

프로그래밍/AWS 2020.06.16

셀렉트박스(SelectBox) 실행시 값(value) 가져오기

onchange() 함수 활용 간단히 onchange 함수를 활용해볼 수 있다. html 1월 2월 3월 4월 5월 script // 제이쿼리를 이용한 방법 $("#month").change(function(){ let month1 = $(this).val(); let month2 = $("#month > option:selected").val(); console.log(month1); console.log(month2); }); // 함수를 만들어 호출하는 방법 function getMonth() { let month3 = $("#month > option:selected").val(); console.log(month3); } 셀렉트박스(SelectBox) 값(value) 고정시키기 // value값..

[CSS] 테이블(table)에 스크롤 기능 만들기

테이블 스크롤 기능 table 태그를 만들어서 작업하다보면 반응형에서 문제를 일이큽니다. 크기는 줄어드는데, 테이블의 데이터들 때문에 넓어지고나 늘어나거나 길어지곤 합니다. 이럴 때 테이블에 가로 또는 세로 스크롤 기능을 사용하면 됩니다. 순서 div 하위에 table 생성 div에 width 값이나 height 값을 지정 overflow 속성을 사용하여 스크롤 여부 속성을 지정 필수 : table 에 white-space:nowrap; 적용 물론 테이블 마다 사용법이 다르겠지만 , 일반적으로 정보 전달을 위한 테이블 요소인데, 정보의 내용이 많다면 nowrap를 사용하여 줄바꿈을 막아주어야 테이블이 깨지지 않고 올바르게 보여지게 됩니다. /*해당 범위를 벗어나지 않으면 그대로 표시하고, 벗어나면 스크롤..

프로그래밍/CSS 2020.06.14

[CSS] Html input 에서 오른쪽 화살표, type='number' 의 버튼 없애기 ( 증가,감소 버튼)

input태그 사용시 type=”number” 로 지정하면 아래와 같은 현상이 나타날 때가 있습니다. 바로 화살표 증가, 감소 버튼이 생겨버리는데요. 간단히 없앨 수 있는 방법이 있습니다. input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 위의 코드를 styleSheet 에 적용하시면 됩니다. 결과

프로그래밍/CSS 2020.06.12

[CSS/html] 모바일(반응형) 에서 좌,우가 움직이는 현상, 수평 스크롤 없애기

모바일 웹에서 수평 스크롤(가로 스크롤)이 있을 경우 위의 그림과 같이 화면을 터치하여 왼쪽으로 이동시키면 사이트가 좌우로 움직이게 되는 문제 발생. 모바일 기기에서 수평 스크롤을 비활성화하여 이 문제를 해결할 수 있습니다. 비슷한 현상이 생기는경우 아래와 같이 수정해보길 바랍니다. 우선 다음 메타 태그를 header에 추가합니다. (이미 있는 경우 기존 것을 대체합니다.) 어떤 사용자는 content=”initial-scale=1.0; maximum-scale=1.0;를 삭제하니 문제가 해결된다고도 하네요. 아이폰 등 Apple iOS 기기에서 문제가 나타나는 경우 다음 메타 태그를 추가하도록 하도록 합니다. 아이폰 문제 확인해보기 : Prevent horizontal scroll in iOS WebA..

프로그래밍/CSS 2020.06.07
반응형