1. Client Side CDN 사용 CDN은 Contents Delivery Network로 Cache Server에 컨텐츠를 저장해두었다가 요청 시 Cache Server가 응답을 주는 방식을 말합니다. 물리적인 거리의 제약이 없기 때문에 빠른 리소스 다운로드가 가능합니다. 리소스의 최소화 HTTP 아카이브에 따르면 데스크톱 컴퓨터에서 웹 사이트 페이지 가중치의 61%가 이미지라고 합니다. 이미지들의 사이즈를 줄이거나 화질을 조정하면 성능을 향상시킬 수 있습니다. CSS 스프라이트 기법은 HTTP 요청 수를 줄이는 매우 유용한 기술입니다. Javascript 및 CSS 파일 수를 최소화하는 것도 하나의 방법입니다. Javascript의 비동기 로딩 async 키워드를 사용해서 HTML파일로 인해 D..

노트북의 버벅거림이 심해져서 이번 기회에 포맷을 한 후 윈도우 개발 환경 세팅을 기록해보려고 합니다. 1. window 버전 확인 개발 환경 세팅을 할 때 window 버전이 2004 이상을 기준으로 해보려고 합니다. 이유는 나중에 wsl 2를 사용할건데 조건이 2004 이상이여야지 가능합니다. window 버전을 확인하는 방법은 윈도우+r을 클릭 후 winver를 검색하면 확인할 수 있습니다. 2. chrome과 visual studio code 설치 프론트 단에서 개발을 하기에는 chrome이 다양한 extension과 관리자 모드를 제공해주기 떄문에 편리하다 느낍니다. 그런데 사실 대표적으로 chrome을 사용하지, 크로스 브라우징을 위해 firefox(grid 개발할 때 유용한 브라우저입니다.)와..

새로운 세션 생성 tmux new -s ex) tmux new -s s1 그러면 하단에 초록색 정보창이 나옵니다. 세션 목록 보기 tmux ls 세션 접속 tmux a -t ex) tmux attach -t s1 그 세션에서 작업하는 내용을 볼 수 있습니다.

제목(Header) h1부터 h6까지 제목을 표현할 수 있습니다. # 제목 1 ## 제목 2 ### 제목 3 #### 제목 4 ##### 제목 5 ###### 제목 6 마크다운은 표준이 없기 때문에 제목 1과 제목 2는 다음과 같이 표현할 수도 있습니다. 제목 1 ====== 제목 2 ------ 아래와 같은 동작을 지원하지 않는 플랫폼도 있을 수 있지만 위의 동작은 대부분 돌아갑니다. 강조 밑줄을 입력하고 싶다면 태그를 사용해서 표현할 수 있습니다. 이탤릭체는 *이탤릭체* 혹은 _이탤릭체_로 표현할 수 있습니다. 표준이 아니기 때문에 동작하는 환경이 다를 수 있지만 * 아니면 _(언더바) 바로 표현할 수 있습니다. 볼드 글씨는 **두껍게** 혹은 __두껍게__를 통해 표현할 수 있습니다. **_이탤릭체..

네이버 블로그나 다음 카페 같은 곳에서 글을 작성할 수 있습니다. 다양한 에디터를 사용하게 되는데, 기본적으로 이미지 여백, 글자 크기 등을 사용자 입맛에 맞게 변경할 수 있습니다. 그런데 이러한 에디터는 글을 쓰는데 집중하는 것이 아니라 글을 꾸미는 것에 집중이 됩니다. 그래서 글의 내용에 좀 더 집중할 수 있도록 제공되는 방법 중 하나가 MarkDown입니다. HTML에서 제공되는 문법보다 쉽게 배울 수 있습니다. 또한 관리도 쉽고 지원 가능한 플랫폼과 프로그램이 다양하다는 장점을 갖고 있습니다. 하지만 표준화 된 문법이 없어 사용자마다 문법이 상이할 수 있고, 모든 HTML 마크업을 대신하지는 못한다는 단점을 갖습니다. 정리해보자면, 간단하게 제공되는 문법을 통해서 요소를 빨리 만들기 위해서 사용되..