알콜뭉뭉이랜드

Animated GIF를 대체하기 위한 다양한 포맷이 개발되었지만 여전히 GIF는 움짤로 널리 사용되고 있습니다. gif 파일의 용량을 줄여주는 사이트를 추천합니다. 주소는 다음과 같습니다. http://gifgifs.com/optimizer/ GIFLossy 소스에 기반한 사이트로서 그 외에도 칼라나 프레임을 줄이는 방법도 선택 가능합니다. 아울러 JPG, PNG 압축도 지원하고 있습니다. http://gifgifs.com/optimizer/

일본의 휴대전화 문자 메시지에서 시작되어 지금은 대부분의 스마트폰에 사용되는 그림 문자입니다. 일반적인 서사 체계에서 사용되는 문자들을 조합해 사용하는 이모티콘과는 달리, 그림 형태의 문자를 사용하는 것이 특징입니다. '이모지'라는 말의 어원은 일본어 絵文字えもじ이고 이것을 한글로 표기하면 '에모지'가 되겠으나, 한국어에서는 emoji의 영어식 발음을 한글로 옮긴 '이모지'가 더 보편적으로 사용됩니다. 이모지의 '이'나 '이모'가 emoticon에서 왔다고 생각하는 사람도 있습니다(참고로 emoticon의 일본어식 발음이 エモティコン(에모티콘)) 특히 인스타그램, 페이스북과 같은 소셜 미디어에서 종종 보았을 것입니다. 이게 제공되는 유니코드가 있고 그 유니코드에 따라 스마트폰 OS나 소셜 미디어 마다 이..

본 글은 지극히 초보가 작성을 한 것이고내컴을 웹서버로 만들기 위해 많이 검색을 통해 등록한 글입니다.초보는 무엇이든지간에 힘들고 어렵고 이해가 어려운 부분이지요.. 본 글은 초보가 처음으로 검색을 통해 웹서버 구축한 것을 정리한 것임을 먼저 알려 드립니다.(초보자 입장) (순서와 방법에 따라 차이가 있을 수 있습니다.)※ 기본 설치 : Autoset 프로그램Autoset : http://autoset.net/xe/download_autoset_10_7_0 ( 저의경우 64비트 ) 1. 오토셋 10 버전 설치 : 오토셋 설치는 위 링크에서 확인하여 주세요. 2. 공유기 사용시 : 포트 개방 80, 443 (443 포트는 ssl를 위해) 3. 내컴 포트 개방 ( 80, 443 포트 동일하게 개방 : 아래 ..

a:link 방문 전 링크 a:visited 방문 후 링크 a:active 클릭한 상태의 링크 a:hover 마우스를 올렸을때 링크 [ 샘플 1 ] 해피정닷컴 [ 샘플 2 ] 해피정닷컴 안녕 div 안녕 p 참고자료 http://aboooks.tistory.com/88 http://www.homejjang.com/09/link_color.php https://zetawiki.com/wiki/CSS_:link_:visited_:hover_:active_셀렉터

textarea 내용에 엔터로 표시된 것이 줄바꿈 처리되서 보이게 하는 방법입니다. html 문서로 해석될때는 의미없지만, textarea 내에서 보일때 줄바꿈 된 형태로 보이도록 합니다. 입력창에서의 모습 내용1 내용2 내용3 브라우저에서 해석된 모습 내용1 내용2 내용3 참고자료 https://www.phychode.com/sprt/blog/sprtBlogPost.pem?blogSeq=1116

왼쪽은 130px로 고정 오른쪽은 그 나머지를 지정하고자 하고자 할때 CSS3의 calc() 함수를 이용하면 해결이 가능합니다. calc() 함수 사용시 유의사항 -. 모든 계산은 왼쪽에서 오른쪽으로 진행 -. 사칙연산과 마찬가지로 곱하기, 나누기 먼저 계산 -. 호환성을 위해 -moz, -webkit과 같은 vendor-prefix를 먼저 작성 -. calc(100% - 10px)과 같이 더하기(+). 빼기(-) 연산자의 경우 앞뒤 공백 -. 곱하기(x), 나누기(/)는 공백 불필요 지원브라우저 IE 9+ , Firefox 4+(모바일 19+), Chrome 19+(모바일 25+), Safari 6+(모바일 6+), Blackberry 10+ 왼쪽 오른쪽 참고자료 http://fils.tistory.c..

1. 국제도메인 기관이전은 기간 만료 최소 10일 이전에 하세요. 기관이전 절차상 문제시 발생할 수 있으며, 가급적 15일 이전에 하는것이 좋습니다. 2. 국제 도메인 만료 후 기간연장 시 45일 이내에 타기관으로 이전될 경우 기존 기관의 기간연장은 취소되며, 연장비용은 환불되지 않습니다. 만료 후 기간 연장 시 45일 이후에 기관이전을 신청하시기 바랍니다. 예를 들어 기간만료일 2016-12-01 이고 기간연장을 2016-12-03 에 한 경우에는 2017-01-15 이후에 기관이전을 진행해야 합니다.

Web Developer in 2017 -. Front-end -. Back-end -. DevOps 해석 예시 ( by 엔피씨 ) Personal recommendation : (현시점 2017) 필수 학습 Possibilities : (현시점 2017) 진화중이라 발전 가능성이 큰 것들 : 트렌드에 따라 갑자기 배워야할 가능성이 있는 Pick any! : 시간날때 짬짬히 알아두면 좋은 것들 예시로, 이 의미대로 back-end 중 node.js 를 해석하면 1. 백앤드로 노드 프레임워크를 하고싶어요! - 지금 시작하셔도 되요, 그런데 매번 번거롭게 좋은 패키지를 수동으로 설치하는것 보다 패키지매니저를 사용해서 하시면 좋을겁니다. npm 이나 yarn을 반드시 알면 편해집니다. 요즘은 익스프레스를 프레..

XSS (Cross Site Scripting) 크로스 사이트 스크립팅은 서버의 서비스를 공격하는 일반적인 해킹방법이 아니라 해당 서버를 사용하는 사용자를 공격하는 기법이다. 예를들어 서비스를 사용하는 사용자가 글을 읽으려고 클릭하는 순간 글에 연결되어 있는 스크립트가 실행되고 스크립트를 통하여 사용자에게 악성코드가 심어진다. 글, 메일, 그림 등을 열람하기 위하여 사용자들의 흥미를 유발시키기 때문에 사회공학적 해킹기법으로 분류된다. 1. XSS Test하기 일반적인 게시판에 라고 입력하여 XSS라는 메시지 창이 뜨면 XSS 취약점이 있는 것이다. 사용자의 쿠키값을 가지고 오게 한다 클릭 시 악성코드가 있는 사이트로 이동 Click here 2. iframe과 메타태그 삽입으로 인한 해킹 사이즈 0, 0..

모바일 웹사이트 제작은 일반 웹사이트 제작과 있어서 가장 큰 차이점은 해상도 차이에 따른 레이아웃입니다.모바일 기기가 넷북이나, 노트북, 데스크탑 보다도 디스플레이의 크기가 작기 때문에이점을 고려한 웹사이트 기획 및 디자인, 퍼블리싱이 필요합니다.게다가 모바일 기기마다 해상도가 제각각이라는 점도 참 난감한 요소지요. 국내에서 보통 모바일 웹사이트 제작은 전 해상도를 고려하기 보다는 최근 출시된 스마트폰을 기준으로 해서 기획, 개발 및 검수 되는 사례가 많습니다.(아이폰, 갤럭시S)그래서 요즘에는 이들 스마트폰 환경에 최적화된 모바일 웹사이트가 늘어나고 있습니다. ※ 국내 출시된 주요 모바일 기기 해상도 1. 스마트폰 계열 iPhone 3GS : 320 x 480 iPhone 4 : 640 x 960 iP..