진짜 개발자
본문 바로가기

Web (총 32개)

Javascript - ES6 (` : 템플릿 리터럴) 문자열에 변수 포함시키기 1. 템플릿 리터럴이란 (`) 이번 포스팅에서는 ES6에서 추가된 템플릿 리터럴에 대해 알아보겠습니다. 1. 템플릿 리터럴이란? (`) 우선 템플릿 리터럴에 이용되는 특수문자는 ` 로써, 키보드 숫자 1 왼쪽에 있는 특수문자(~) 입니다. 주로 백틱(backtick)이라고 불릐웁니다. 이는 문자열에, 변수를 추가해 사용할 때 사용되며, 아주 편리한 기능입니다. 2. 템플릿 리터럴이 없었을 때xxxxxxxxxxlet a = 1;let b = 2;​console.log("a + b = " + (a+b));템플릿 리터럴이 없었던 때에, console에 변수를 이용해 무언가를 출력하는 경우, 위와 같이 사용을 했었습니다. 간단히 설명드리면, 문자열의 경우 ''(싱글쿼테이션) 또는 ""(더블쿼테이션)을 이용해 묶..
Web - HTTP 커넥션 관리(성능 향상을 위한) TCP 성능에 대한 고려 HTTP 커넥션 관리 (성능 향상을 위한)TCP 성능에 대한 고려https://galid1.tistory.com/618HTTP 프로토콜의 경우 TCP프로토콜 상위에서 동작하기 때문에, TCP 성능에 영향을 받을 수 밖에 없습니다. 따라서 고성능의 HTTP 어플리케이션을 구축하고자 하는 분은 위의 링크로 이동하여 TCP 성능에 영향을 미치는 요소를 파악하시기 바랍니다. 1. HTTP 성능에 영향을 미치는 요인DNS 이름분석 시간클라이언트는 URI에서 웹서버의 IP 주소와 Port 번호를 알아내야 합니다. 최근에 방문한 적이 있어 DNS 캐시에 남아있지 않는 이상, DNS 서비스를 통해 Domain을 IP주소로 변환해야 합니다. 커넥션 연결 시간클라이언트와 서버간에 HTTP 프로토콜..
CSS - CSS를 이용한 html 엘리먼트 위치변경(display, position, float,clear) 1. display css를 이용하여 html의 요소들을 배치하는 방법에 대해 알아보도록 하겠습니다. css 속성들중 html의 요소의 배치, 위치에 영향을 주는 속성은 크게 3가지가 존재합니다. display, position, float입니다. 각각에 대해 알아보겠습니다. 1. displaydisplay가 가질 수 있는 값은 다시 크게 세가지로 나뉩니다. block, inline, inline-block이 그것입니다. 사실 display라는 속성은 기본적으로 html 태그들이 가지고 있는 속성입니다. 각각의 태그들에 따라 가지고 있는 값들이 다른데요, 각각의 값들을 설명드리면서 다시 말씀드리겠습니다. 1.1 blockblock값은 마치 block을 쌓듯이 위에서 아래로 쌓인다고 해서 block 입니다..
javascript - 정규표현식 이란? 1. 정규 표현식이란 1. 정규 표현식이란?정규표현식이란 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 검색, 치환, 등 의 작업을 간편하게처리 할 수 있도록 도와주는 수단입니다. (정규 표현식은 특정 언어에 종속되는 의미가 아닙니다.) 어디에 쓰일까 고민해보았을때, 많은 부분에서 사용이 가능하겠지만, 회원가입시, 이메일 형식을 파악할때에도 사용이 가능할 것 같습니다. 서버에서도 검증을 통해 처리가 가능하겠지만, 어차피 사용자가 잘못된 이메일을 입력하여 회원가입 불가능 처리를 하도록 할것이라면, 굳이 서버의 자원을 사용하기 보단 javascript에서 정규표현식을 통해 이메일 형식인지를 확인하도록하여 클라이언트의 자원을 이용하도록 할 수 있을것 같습니다. 2. 정규표현식 패턴다음 링크로 이동하..