[HTML] <textarea> 태그 공백 생김 문제
·
STUDY/HTML5 CSS3
HTML에서 태그를 사용할 때 내용과 태그 사이에 공백이 생기는 이유는 HTML 해석 방식 때문입니다. HTML은 기본적으로 코드에 있는 모든 공백(스페이스, 탭, 줄바꿈 등)을 유효한 텍스트 콘텐츠로 간주합니다. 따라서, 아래와 같이 작성하면 text 태그 바로 뒤의 줄바꿈과 시작 위치의 탭이나 스페이스도 텍스트로 인식되어, 실제로 보여지는 텍스트 내용 앞에 공백이 생깁니다. 이를 해결하려면, 태그와 내용 사이에 공백이 없도록 작성해야 합니다. 아래와 같이 작성하면 공백이 생기지 않습니다 text
[JS] getUserMedia() 호환성(iOS 지원안함)문제해결
·
STUDY/JavaScript
navigator.getUserMedia() 아래 코드는 사용자에게 오디오 접근 권한을 허용 받는 코드인데, if(!navigator.getUserMedia) navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia; if(navigator.getUserMedia){ navigator.getUserMedia({audio:{echoCancellation: false, noiseSuppression: false, autoGainControl: false, mozNoiseSuppression: false, mozAutoGai..
[Spring] jsonView 사용 방법 (json형태로 화면 반환)
·
STUDY/SpringLegacy
1. pom.xml 설정(Maven 설정) net.sf.json-lib json-lib-ext-spring 1.0.2 servlet-api javax.servlet 2. dispatcher-servlet.xml 설정 3. Controller 설정 @RequestMapping(value = "/biz/mkform/mkFormListJson.do") public ModelAndView selectMkFormListJson(CommandMap commandMap) throws Exception { ModelAndView mav = new ModelAndView("jsonView"); Map resultMap = mkFormService.selectUserTableList(commandMap.getMap());..
[Linux] 리눅스에서 OS 버전 확인
·
STUDY/SERVER OS
리눅스에서 OS 버전 확인 os 버전 + 그 외 정보 조회 $cat /etc/*release os 버전만 조회 $cat /etc/issue* 커널 버전 + 그 외 정보 조회 $cat /proc/version 커널 버전만 조회 $uname -r 출처 :https://code-lab1.tistory.com/324
[JAVA] 소켓 개념과 자바 예제 코드
·
STUDY/JAVA
소켓이란 프로그램이 네트워크에서 데이터를 주고받을 수 있도록 네트워크 환경에 연결할 수 있게 만들어진 연결부로, 일반적으로 TCP/IP 프로토콜을 이용한다. OSI 7계층 중 응용 계층에 속하는 프로세스들은 데이터 송수신을 위해 반드시 소켓을 거쳐 전송 계층으로 데이터를 전달해야한다. 즉, 소켓은 엔드포인트이다.(엔드포인트: 통신의 시작점과 끝점을 의미) 소켓은 Protocol, IP, Port 세 가지 요소로 구성된다. - Protocol : 데이터 전송을 위한 규칙을 정의 - IP : 네트워크 상에서 각 기기를 구분하기 위한 주소 - Port : 프로세스 간의 통신을 구분하기 위한 번호 이 세 가지 요소를 통해 소켓은 네트워크 상에서 동작하는 두 개의 프로그램 간의 통신을 가능하게 한다. 예를 들어,..
[Web] 브라우저의 동작 원리
·
STUDY/WEB
브라우저 구조 사용자인터페이스 뒤로가기 앞으로가기 새로고침 등등 렌더링 엔진 사용자인터페이스를 제외한 body부분 브라우저 엔진 사용자가 뒤로가기 버튼을 눌렀을때, 그 뒤로가기를 인식해서 다시 렌더링해주게 알려주는 사용자 인터페이스와 렌더링 엔진 사이에 가교 역할을 하는 것이 브라우저 엔진 통신 웹브라우저의 네트워크를 담당하는 부분 개발자 툴 > 네트워크 탭에서 활동을 볼 수 있다. 자바스크립트해석기 브라우저는 자바스크립트해석기로 자바스크립트를 이해할수있다. UI 백엔드 사용자 입력, 마우스 움직임, 클릭등을 핸들링 하는 곳 자료저장소 브라우저도 정보를 저장할 수 있음.(로컬스토리지, 세션스토리지) 렌더링 엔진 동작 과정 1. naver.com을 검색했을때, 실제로 브라우저는 naver.com이라는 도메..
[JAVA] 람다식(Lambda)
·
STUDY/JAVA
람다식이란 람다식은 익명함수를 생성하기 위한 식으로 객체 지향 언어보다는 함수 지향 언어에 가깝다. 람다식 장점 - 자바코드가 매우 간결해짐 - 컬렉션요소를 필터링하거나 매핑해서 원하는 결과 쉽게 집계 람다식 형태는 매개 변수를 가진 코드 블록이지만 런타임시에는 익명 구현 객체를 생성한다. 람다식 → 매개변수를 가진 코드블록 → 익명구현객체 Runnable 인터페이스의 익명 구현 객체를 생성하는 전형적인 코드 Runnable = new Runnable(){ pubic void run(){...} } 위 코드에서 익명 구현 객체를 람다식으로 표현하면 다음과 같다 Runnable runnable = () -> {...}; 람다식은 "(매개변수)->{실행코드}" 형태로 작성되는데, 마치 함수 정의 형태를 띠고..
[Docker] 도커(Docker)란?
·
STUDY/SERVER OS
Container - docker 내컴퓨터에서 어떤 애플리케이션을 만들기 위해서는 운영체제에 많은 소프트웨어를 깔아야 함예) 웹개발 이것들을 설치하는 것은 생각보다 까다롭고 힘듦 가정 1.웹서버를 만든 사람이 컴퓨터를 구해서 거기에 적당한 운영체제를 깔고 그위에 웹서버,데이터베이스를 설치한다음에 그걸 우리에게 준다면 얼마나 좋을까? 그리고 우리의 앱은 네트워크를 통신해서 이것들을 사용할 수 있다면 얼마나 좋을까 ?하지만이것은 많은 pc를 요구하니 그만큼 많은 비용이 들 것임... 가정 2.하나의 컴퓨터에 가상으로 컴퓨터를 만들고 그 위에 운영체제를 설치한 후에 거기에 웹서버를 설치한다면 어떨까? (vmware , virtualbox와 같은 것)하지만겨우 웹서버를 위해서 운영체제를 깔아야 된다는 것은 너무..