반응형

백엔드 145

[자바스크립트] input value 에 JSON으로 데이터 전달하기

input 태그에 에 JSON으로 데이터 전달 input 태그를 사용하다 보면 value 값으로 데이터를 한 번에 여러개를 전달하는 일이 생깁니다. 그냥 일차원 적으로 value="값1, 값2, 값3" 이렇게 생각을 할 수도 있는데, 이렇게 코딩을 하면 value 값을 자바스크립트로 뽑아낼 수는 있으나.. 비효율적인 코딩 입니다. 한 번에 여러 데이터를 전달하고 싶다면, Key : Value 로 이루어진 오브젝트 형인 JSON 형태로 전달을 하는게 깔끔합니다. JSON JSON은 Key : Value 로 구성하여 만듭니다. { key1 : value1, key2 : value2, key3 : value3, key4 : value4, key5 : value5 } JSON 데이터 전달하기 let jsonTe..

[jQuery/javascript] JSTL을 사용하여 select box 값 고정하기

JSTL을 사용하여 select box 값 고정하기 뷰 페이지 (jsp 페이지)를 개발하다 보면 셀렉트박스(select box)를 자주 사용합니다. 셀렉트박스(select box)를 선택하여 화면 이동시 리로딩(새로고침) 되는 페이지를 개발하다보면 리로딩 되어도 선택한 셀렉트박스(select box)의 값(value)이 고정되게 만들어야 할 때가 있습니다. 위의 이미지 처럼 선택한 값이 다시 고정되게 만드려면 뷰 -> 컨트롤러 -> 뷰 (view -> controller -> view) 로 선택한 값을 넘겨주고, 컨트롤러로 부터 뷰 페이지로 넘겨받은 값을 다시 자바스크립트,제이쿼리 또는 JSTL을 사용하여 고정시켜주면 됩니다. HTML 해지 진행 완료 jQuery 뷰에서 보낸 test 값을 컨트롤러에서 ..

자바 날짜, 시간 구하기 (LocalDate, LocalTime, LocalDateTime 자주쓰는 메소드 정리)

https://m-veloper.github.io/tip/2020/07/01/tip-java-09/ 자주 쓰는 메소드 정리 LocalDate : [ 년,월,일 ]과 같은 날짜만 표현 LocalTime : [시,분,초]와 같이 시간만 표현 LocalDateTime : [ 년,월,일,시,분,초 ]를 표현 Period : 두 날짜 사이의 [년,월,일]로 표현 Duration : 두 시간 사이의 [ 일,시,분,초 ]로 표현되는 기간 (Instant 클래스를 사용하고, seconds와 nanoseconds로 측정 되지만 [ 일,시,분,초 ]로 변환해 주는 메쏘드를 제공 ChronoUnit : 한가지의 단위를 표현하기 위한 클래스 [ 년,월,일,시,분,초 등 ] 날짜 가져오기 LocalDate.now(); // 오..

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

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

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

[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

[자바스크립트] 소수점 버림, 올림, 반올림, 자르기 방법

Math() Math.ceil() : 소수점 올림, 정수 반환 Math.floor() : 소수점 버림, 정수 반환 Math.round() : 소수점 반올림, 정수 반환 올림 let testNum = 99.11; console.log(Math.ceil(testNum)); // 100 출력, 올림 적용 버림 let testNum = 99.11; console.log(Math.floor(testNum)); // 99 출력, 버림 적용 반올림 let testNum = 99.5; console.log(Math.round(testNum)); // 100 출력, 반올림 적용 toFixed(), toExponential(), toPrecision() toFixed(), toExponential(), toPrecisio..

[유닉스] 시스템 관리자

시스템 관리자 유닉스 사용자 일반 사용자와 시스템 관리자 일반 사용자 : 정해진 범위 내에서만 작업을 수행할 수 있는 사용자 시스템 관리자 : 시스템이 올바로 동작할 수 있도록 시스템을 관리하고 운영하는 책임을 가진 사용자 시스템 관리자의 역할 사용자 등록, 삭제 각종 소프트웨어 설치, 업그레이드, 제거 각종 하드웨어 추가 설치 시스템 보안 데이터 백업 자원 감시 문제 발생 시 진단 및 문제 해결 시스템 관리자 계정으로 작업하기 시스템 관리자로 작업하는 두 가지 방법 root 계정으로 로그인하는 것 일반 사용자로 로그인한 후 su(switch user) 명령을 이용해 root로 계정을 바꾸는 것 root 계정으로 로그인하기 일반 사용자로 로그인할 때와 같이 시스템에 접속하여 사용자 이름, 비밀번호 입력 ..

반응형