2019/01
-
[HTTP 기초] CDN 이란? 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ CDN(Contents Delivery Network) ] 입니다. : ) CDN - 지리,물리적으로 떨어져 있는 사용자에게 컨텐츠를 더 빠르게 제공할 수 있는 기술 - 느린 응답속도 / 다운로딩 타임 을 극복하기 위한 기술 - 사용 예) ex1) 온라인 게임은 OBT(Open Beta Test)나 정식 서비스 시작시점에 클라이언트(Client) 다운로드(Download) 수요가 급격하게 증가한다.많은 분들이 이때문에 PC방에서 대기했던 경험이 있지 않을까 싶다. 이때 콘텐츠 병목 현상이 일어나거나, 심한 경우 서버다운도 발생하기 때문에 CDN이 필수적으로 사용된다.이뿐만 아니라 대규모 업데이트(Update)를 위한 패치(Pa..
CDN(Contents Delivery Network) 이란?[HTTP 기초] CDN 이란? 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ CDN(Contents Delivery Network) ] 입니다. : ) CDN - 지리,물리적으로 떨어져 있는 사용자에게 컨텐츠를 더 빠르게 제공할 수 있는 기술 - 느린 응답속도 / 다운로딩 타임 을 극복하기 위한 기술 - 사용 예) ex1) 온라인 게임은 OBT(Open Beta Test)나 정식 서비스 시작시점에 클라이언트(Client) 다운로드(Download) 수요가 급격하게 증가한다.많은 분들이 이때문에 PC방에서 대기했던 경험이 있지 않을까 싶다. 이때 콘텐츠 병목 현상이 일어나거나, 심한 경우 서버다운도 발생하기 때문에 CDN이 필수적으로 사용된다.이뿐만 아니라 대규모 업데이트(Update)를 위한 패치(Pa..
2019.01.31 -
[블로그 꾸미기] 12. 코드 이쁘게 적용(Syntax Highlighter 적용)하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ SyntaxHighlighter 적용 ] 에 대해 전반적으로 정리 해보려 합니다. : ) 많은 블로그 써칭을 하다보면 코드를 보기좋게, 이쁘게 표현해 놓은 블로그 들을 보았을 것이다. 매우 간단히 적용할 수 있다. SyntaxHighlighter 라는 라이브러리를 추가해 주면 된다. ▶ 1. 라이브러리 다운로드 - http://alexgorbatchev.com/SyntaxHighlighter/ 접속하여(아니면 아래에서) 최신 버전을 다운로드 한다. (나와 같은 경우 현재 3.0.83이 최신 버전이다.) - 다운로드 ▶ 2. 압축 해제 - 압축을 풀고, scripts, st..
[블로그 꾸미기] 12. 코드 이쁘게 적용(Syntax Highlighter 적용)하기[블로그 꾸미기] 12. 코드 이쁘게 적용(Syntax Highlighter 적용)하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ SyntaxHighlighter 적용 ] 에 대해 전반적으로 정리 해보려 합니다. : ) 많은 블로그 써칭을 하다보면 코드를 보기좋게, 이쁘게 표현해 놓은 블로그 들을 보았을 것이다. 매우 간단히 적용할 수 있다. SyntaxHighlighter 라는 라이브러리를 추가해 주면 된다. ▶ 1. 라이브러리 다운로드 - http://alexgorbatchev.com/SyntaxHighlighter/ 접속하여(아니면 아래에서) 최신 버전을 다운로드 한다. (나와 같은 경우 현재 3.0.83이 최신 버전이다.) - 다운로드 ▶ 2. 압축 해제 - 압축을 풀고, scripts, st..
2019.01.28 -
[HTTP 기초_2] 웹 캐쉬 (캐쉬 정리) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 캐쉬 ] 에 대해 전반적으로 정리 해보려 합니다. : ) 들어가기 앞서 사실 오늘의 주된 포스팅의 목적은 이전 포스팅 주제인 [ http Header 정리 ] (클릭) 다음으로 이어지는 [ HTTP 헤더를 통한 캐싱 ]이 주된 목적이었는데 이참에 기초 캐싱처리에 대한 여러 내용을 정리하고 넘어 가려고 한다. 요즘 많은 앱, 웹 사용시 사용자들은 조금만 싸이트가 느려도 스트레스를 받는다고 한다.이러한 고객 니즈에 의해 싸이트를 빠르게 만들기 위해 개발자들은 정말 많은 노력을 한다. - 코드 압축 (Javascript를 minify 하던지 gzip으로 압축 한다던지 등)- 이미지 처리 (CDN, Split 등)- La..
[HTTP 기초_2] 웹 캐쉬 (캐쉬 정리)[HTTP 기초_2] 웹 캐쉬 (캐쉬 정리) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 캐쉬 ] 에 대해 전반적으로 정리 해보려 합니다. : ) 들어가기 앞서 사실 오늘의 주된 포스팅의 목적은 이전 포스팅 주제인 [ http Header 정리 ] (클릭) 다음으로 이어지는 [ HTTP 헤더를 통한 캐싱 ]이 주된 목적이었는데 이참에 기초 캐싱처리에 대한 여러 내용을 정리하고 넘어 가려고 한다. 요즘 많은 앱, 웹 사용시 사용자들은 조금만 싸이트가 느려도 스트레스를 받는다고 한다.이러한 고객 니즈에 의해 싸이트를 빠르게 만들기 위해 개발자들은 정말 많은 노력을 한다. - 코드 압축 (Javascript를 minify 하던지 gzip으로 압축 한다던지 등)- 이미지 처리 (CDN, Split 등)- La..
2019.01.26 -
[블로그 꾸미기] 11. 티스토리 스킨 바꾸기 (FastBoot v1.6.2) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ FastBoot 스킨 변경 입니다. : ) ▶ 1. 스킨 다운로드 - FastBoot 스킨 제작자인 레디즈 블로그에서 FastBoot 스킨 파일을 다운받는다. - http://blog.readiz.com/214 ▶ 2. 압축 해제 ▶ 3. 관리자 페이지 => 스킨변경 클릭 ▶ 4. 기존 스킨은 백업 하여두자. ▶ 5. 스킨 등록 클릭 ▶ 6. 추가 클릭하여 등록 하여준다. - 압축 푼 폴더에서 폴더 이외의 파일먼저 업로드 하여 준다. -images 폴더로 이동하여 나머지 파일도 등록하여 준다. - 저장하여 이름을 지정해 준다. ▶ 7. 스킨보관함 이동 => 저장한 스킨 적용 ▶ 8..
[블로그 꾸미기] 11. 티스토리 스킨 바꾸기 (FastBoot v1.6.2)[블로그 꾸미기] 11. 티스토리 스킨 바꾸기 (FastBoot v1.6.2) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ FastBoot 스킨 변경 입니다. : ) ▶ 1. 스킨 다운로드 - FastBoot 스킨 제작자인 레디즈 블로그에서 FastBoot 스킨 파일을 다운받는다. - http://blog.readiz.com/214 ▶ 2. 압축 해제 ▶ 3. 관리자 페이지 => 스킨변경 클릭 ▶ 4. 기존 스킨은 백업 하여두자. ▶ 5. 스킨 등록 클릭 ▶ 6. 추가 클릭하여 등록 하여준다. - 압축 푼 폴더에서 폴더 이외의 파일먼저 업로드 하여 준다. -images 폴더로 이동하여 나머지 파일도 등록하여 준다. - 저장하여 이름을 지정해 준다. ▶ 7. 스킨보관함 이동 => 저장한 스킨 적용 ▶ 8..
2019.01.21 -
[HTTP 기초_1] 헤더 (요청(Request) 헤더, 응답(Response)헤더) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ HTTP란?, HTTP 헤더 입니다. : ) 헤더로 들어가기 앞서 HTTP가 무엇인지 부터 알아보자. ▶ HTTP란? - HTTP는 Hyper Text Transfer Protocol의 약자 - 인터넷에서 데이터를 주고받을 수 있는 통신 규약 - 웹개발자라면 꼭 이해하고 넘어가도록 하자. (웹 개발시 다양한 에러 코드를 마주하게 되는데 도움이 된다.) (개발 하다보면 크롬 개발자 도구 네트워크 탭, 피들러등을 정말 많이 보게 될 것인데 이 패킷 해석에도 도움이 된다.) ▶ 요청(Request) 브라우저를 통해 http://goddaehee.tistory.com 에 대한 정보..
[HTTP 기초_1] 헤더 (요청(Request) 헤더, 응답(Response)헤더)[HTTP 기초_1] 헤더 (요청(Request) 헤더, 응답(Response)헤더) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ HTTP란?, HTTP 헤더 입니다. : ) 헤더로 들어가기 앞서 HTTP가 무엇인지 부터 알아보자. ▶ HTTP란? - HTTP는 Hyper Text Transfer Protocol의 약자 - 인터넷에서 데이터를 주고받을 수 있는 통신 규약 - 웹개발자라면 꼭 이해하고 넘어가도록 하자. (웹 개발시 다양한 에러 코드를 마주하게 되는데 도움이 된다.) (개발 하다보면 크롬 개발자 도구 네트워크 탭, 피들러등을 정말 많이 보게 될 것인데 이 패킷 해석에도 도움이 된다.) ▶ 요청(Request) 브라우저를 통해 http://goddaehee.tistory.com 에 대한 정보..
2019.01.20 -
[Fiddler_2] Fiddler 프록시(Proxy) 설정하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 피들러 프록시 서버 설정 입니다. : ) 피들러를 키고 자세히 보다보면 다음과 같은 창을 볼 수 있다. Creating Proxy... 라는 문구를 볼 수 있다. 피들러로 proxy 설정하여 웹 및 앱 디버깅 용도로 많이 사용하는데 이점이 피들러의 가장 유용한 점이라고 할 수있다. ▶ (들어가기 앞서) Proxy(프록시)는 무엇인가??? - 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해 주는 컴퓨터나 응용 프로그램. - '프록시' : 서버와 클라이언트 사이에서 중계기로서 대리로 통신을 수행하는 기능 - '프록시 서버' : 위의 중계 기능을 하는 서버 좀더 자세한..
[Fiddler_2] Fiddler 프록시(Proxy) 설정하기 (앱 디버깅 하기)[Fiddler_2] Fiddler 프록시(Proxy) 설정하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 피들러 프록시 서버 설정 입니다. : ) 피들러를 키고 자세히 보다보면 다음과 같은 창을 볼 수 있다. Creating Proxy... 라는 문구를 볼 수 있다. 피들러로 proxy 설정하여 웹 및 앱 디버깅 용도로 많이 사용하는데 이점이 피들러의 가장 유용한 점이라고 할 수있다. ▶ (들어가기 앞서) Proxy(프록시)는 무엇인가??? - 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있게 해 주는 컴퓨터나 응용 프로그램. - '프록시' : 서버와 클라이언트 사이에서 중계기로서 대리로 통신을 수행하는 기능 - '프록시 서버' : 위의 중계 기능을 하는 서버 좀더 자세한..
2019.01.13