Static Pages 와 Dynamic Pages Static Pages– Web Server는 파일 경로 이름을 받아 경로와 일치하는 file contents를 반환한다.– 항상 동일한 페이지를 반환한다.Ex) image, html, css, javascript 파일과 같이 컴퓨터에 저장되어 있는...
Continue reading...mingsayz blog
innerHTML vs element
위와 같이 Element를 이용하여 DOM 을 조작할 수도 있고, innerHTML을 이용하여 DOM을 조작할 수 있다. innerHTML을 이용하여 DOM을 조작하면, 상황에 따라 안에 텍스트만 변경될때마다 전체적인 html을 계속해서 업데이트하면서 layout print과정이 일어나기...
Continue reading...(Chrome dev tool) performance
구글 크롬 이용 퍼포먼스 체크 방법 사용자가 조금 더 원활하고 부드럽고 완만한 경험을 하기위해서는, 1초당 60개의 프레임이 계속해서 보여져야 한다. 그렇게 하려면 한 프레임이 보여질때 16.67ms 동안 이뤄져야한다. 화면이 업데이트 되는게...
Continue reading...[jQuery] countdown function (promotion)
Here is the sample code for countdown function. HTML Countdown.js
Continue reading...[Python][bs4] Web Crawler
Here are the required steps before you used python crawler python 3+ beautiful soup module pip install beautifulsoup4 sudo apt-get install python-bs4 // for linux Selenium web driverpip install -U selenium Chrome driver – https://sites.google.com/a/chromium.org/chromedriver/downloads
Continue reading...[php][laravel] 개발환경 세팅(Window / Mac)
PHP 웹프레임워크 라라벨을 시작하기 위한 설치 정리 글입니다. MAC과 WINDOW 2가지로 정리했습니다. # MAC Homebrew (MAC용 패키지 관리)를 이용하여 설치를 합니다. 터미널에서 다음 명령어들을 입력합니다. 1. 홈브루 설치 2. PHP 설치 3....
Continue reading...PHP – Google SMTP 서버 이용 이메일 전송
개발 이유 : 자체 SMTP 서버 세팅 이전에 급하게 필요한 이메일 전송기능 구현 이슈 : 보내는 사람 이름은 gmail 환경설정에서 인증을 한 후 변경이 가능하다. 인증을 하지 않으면 gmail 계정으로 계속...
Continue reading...성능 보장 렌더링 순서
클라이언트가 서버로부터 웹페이지를 받아와서, 브라우저에 표기되기 까지 어떤 렌더링 순서를 가지는지 알아본다. 이는 성능을 보장을 위해 필수적이다. Rendering path 우선 클라이언트가 서버로부터 데이터를 받아와서 브라우저에 표기하는 전체적인 순서는 다음과 같다. request...
Continue reading...Render Tree (DOM + CSSOM)
브라우저에서 html 요소를 변환하여 Document Object Model을 만들게 되면, 우리가 정의한 CSS를 병합해서 CSSOM(CSS Object Model)을 만들게 된다. 즉, DOM이 만들어진 이후, html 파일안에 들어있는 스타일 (임베디드형, 인라인형, 브라우저상에서 기본적으로 가지고...
Continue reading...Google Style Overflow Scrolling Carousel
g-scrolling-carousel is a jQuery plugin that displays a large group of items in a horizontal scrolling carousel/swiper 특히, 내부 컨텐츠 개수를 알 수 없을 경우 유용하게 사용할 수 있다. Features: Automatically...
Continue reading...