AWS 아마존 웹 서비스 EC2 윈도우 서버 환경 구축
아마존 EC2 기반으로 윈도우 서버 환경 구축아마존 EC2란?아마존 EC2는 클라우드 기반으로 서버 인프라를 제공한다. 웹 페이지를 이용해 필요한 플랫폼과 용량을 선택해 서버 인스턴스를 실행하고 접속해 테스트 및 서비스를 할 수 있다.-[아마존 EC2 자세히보기] 아마존 EC2를 사용하는 이유AWS 프리 티어를 이용해 12개월 동안 무료로 체험을 할 수 있
홈
ASP IIS Server Side Include
IIS7 에서 SSI(server side include) 사용하기SSI란? Server Side Include의 약어로, 웹서버에서 직접 제공하는 서버사이드 스크립트 언어다. IIS 7 기본 셋팅에서는 include 를 해도 인클루드 기능이 적용이 되지 않는다. 1<!--#include file="/inc/xxx.xxx"-->
Mac 시스템 설정
macOS 유용한 시스템 설정macOS 환경에서 몇 가지 유용한 시스템 설정을 알아보자.macOS High Sierra를 기준으로 하였으나 다른 버전들도 크게 별 다른 부분 없이 비슷하다. 반드시 동일하게 설정할 필요는 없으며 원하는 항목만 적용하면 된다. 키보드 기호 설명 단축키 입력과 관련해서 기호를 사용한다. 기호 설명 ⌘ Command
CSS3 Skeleton Screen
linear-gradient로 skeleton screen 만들어보기페이스북이나 유튜브의 첫 화면을 보면, 아주 잠깐 프레임을 그려주는 빈 페이지를 확인할 수 있다.이러한 페이지를 개발에서 skeleton screen(스켈레톤 스크린) 이라고 한다.참고로 skeleton은 뼈대를 의미의 단어를 뜻한다. skeleton screen을 적용하면 사용자가 “대기
CSS3 Custom Properties
CSS Custom Properties (커스텀 속성) (https://www.smashingmagazine.com/2017/04/start-using-css-custom-properties/ 문서를 토대로 번역하고, 다른 문서들을 조합해 정리하였다.) 1. 전처리기 변수와 CSS 커스텀 속성 CSS 전처리기는 웹 개발에서 중요한 역할을 수행하고 있다.
Mobile Web iPhone Hover Click
iPhone Safari 에서 클릭을 두 번 해야만 동작 이슈먼저 자세한 증상 및 원인과 해결방법은 아래와 같다. 증상 : 클릭시 첫번째 클릭은 동작안함(두번째부터 동작함)원인 : css의 허위클래스 :hover 선언시 문제발생으로 마우스 오버시 클릭하면 이벤트가 동작안함디바이스 : 아이폰 safari 브라우저 왜 두 번 클릭해야 하는 현상이 생기는 것인가
jQuery Performance
jQuery 성능 향상하기 (performance)jQuery는 라이브러리이기 때문에 순수 자바스크립트보다 당연히 성능이 느릴 수 밖에 없다. 안 그래도 느린데 잘못된 방법으로 코딩을 하면 상황을 더 악화시킬 수 있다. 그래서 흔히들 하는 실수와 그에 대한 대처 방법을 소개 한다. 변수 저장우선 첫 번째로 가장 간단한 건데 많이 놓치고 있는 부분이 있다.
Ubuntu OS Playonlinux
Ubuntu 16.04 LTS Playonlinux 설치우분투에서 Wine 과 PlayOnLinux 를 사용하여 윈도우 프로그램을 사용할 수 있다.설치는 소프트웨어 센터에서 Playonlinux 를 간편하게 설치하거나 터미널 명령어를 설치 하면 된다. Wine 설치 터미널 창에서 다음의 명령어를 통해 Wine 을 설치 한다. 12345$ sudo apt-g
Ubuntu OS Chrome Browser
Ubuntu OS 16.04 LTS 크롬 브라우저 설치예전 우분투 버전에서는 소프트웨어 센터에서 chromium 으로 설치를 해서 사용했었는데 업데이트 된 우분투 리눅스에는 chromium 설치가 되지 않는 듯 하다.검색 확인 결과 크롬 브라우저를 설치하려면 터미널에서 아래 명령어를 실행해서 설치 과정을 거치면 크롬 브라우저를 사용할 수 있다. 우분투
React.js Functional Component
React.js Functional Component (함수형 컴포넌트)React 에서 컴포넌트를 정의 할 때는 보통 EcmaScipt 6 에 도입된 class 문법을 사용한다. 컴포넌트에서 라이프사이클 API 를 사용해야 하거나, state 를 사용하는 경우에는 꼭 이렇게 정의를 해야 했었다. 1234567891011import React, {