LATEST POSTs 최근 등록된 포스팅 목록 최신순

---

인기순

• webdevetc 포토샵 단축키로 업무속도 2x 올리자 일러스트, 사진 편집, 배너 제작 등등 너무나 잘 사용되는 포토샵(Photoshop) !! 포토샵의 단축키를 사용하면 업무 생산성은 배 이상으로 빨라지게 됩니다. 하지만 너무나 많은 단축키... 그리고 하나하나 기억하는건 쉽지 않은데요 ~ 아래는 각 유형별로 중요한 단축키들을 모아서 정리해 보았습니다.<span data-cust

  View : 8255 / 2015-12-16
  
• webdevetc nodejs 모듈 설치 방법 nodejs에서 npm을 사용하여 여러가지 모듈을 쉽고 빠르게 설치할 수 있습니다. 이 때 npm을 사용하는데 아래에서 자세히 알아봅니다.nodejs는 사용할 모듈을 직접 설치해야합니다. 모듈 설치를 할 경우 node 밖에 실행해야하므로 만약 node 안에 있다면 Ctrl-D 키를 눌러 빠져나오도록 합니다.(이는 process.exit()와 같다) 이제 n

  View : 6136 / 2015-12-16
  
• webdevetc 크롬 input 태그등에 자동생성 백그라운드 색 제거하는 방법 크롬 브라우저를 사용하여 input 태그등을 사용하면 나중에 페이지를 로딩할 경우 배경색이 다른 경우가 발생한다. 이런 경우는 로그인 페이지를 만들거나 기타 입력폼을 작성할 때 나타나는데 문제는 input 폼이 다수인 경우 모두 바뀌는 것이 아니라 일부만 바뀌어 이상해 보이기 때문이다.자동완성기능 속성을 off해도 백그라운드가 노란색으로 나타나는 이 스타일을 제거하기 위한 방법은 어떻게 해야하는가? background 속성을 변경해도 적용이 안되는데 그 이유는 해당 백그라운드 칼라는 box-shadow 속성과 관련이

  View : 3000 / 2015-12-11
• webdevetc 블루 호스팅 ftp 접속하는 방법 블루 호스팅을 사용해 웹 호스팅을 이용중이시라면 ftp 접속을 통해 파일을 이동해야합니다. 이때 ftp에 접속하기 위한 방법이 조금 다른데요 ... 어떻게 접속하는지 알아보겠습니다.파일질라 기준으로 설명드립니다.1. site manager 실행2. host입력3. Encryption을 only use plain FTP (insecure) 선택4. Logon TypeAsk for password로 선택5.  User도메

  View : 1084 / 2015-12-04
• webdevetc 아이콘 요소를 만들때 span이 아닌 i 태그가 좋은 이유 아이콘을 만들어 웹사이트에 넣는 방법은 다양합니다. 만약 아이콘 요소를 만들기 위해 태그를 사용하는 경우 어떤 태그를 사용하는 것이 좋을까요?일반적으로 많이 사용되는 태그가 있으니 바로 i 태그입니다. 왜 아이콘을 만드는 태그를 <span>가 아닌 <i> 태그를 사용할까요? 또는 왜 선호할까요? 그 이유를 찾아보겠습니다.<span style=

  View : 18395 / 2015-12-02
• webdevetc 웹에서 말하는 컴포넌트란 무엇인가? 웹 환경에서 일하다 보면 흔히 들을 수 있는 용어가 컴포넌트(Component)이다. 컴포넌트는 무엇을 의미하고 어떻게 다른지 알아보고자 한다.# 컴포넌트란?컴포넌트는 프로그래밍의 한 부분을 의미하며 재사용이 가능한 최소 단위를 말한다. 그래서 객체지향언어를 사용할 때 자주 사용되며 재사용이 가능하기 때문에 컴포넌트 단위로 분류하거나 이동 가능하다는 특징이 있다.이는 모듈(Module)과 혼동될 수 있는데 모듈은 특정 기능

  View : 14214 / 2015-12-02
• webdevetc 고대디(godaddy) 웹호스팅 4개월 사용후기 안녕하세요. 이번에 고대디로 옮긴지도 약 4개월이 지났군요. 처음에는 카페24를 시작으로 후이즈, 고도몰 등등 적지 않은 국내 웹호스팅을 사용했었습니다. 그러다 이런 저런 이유로 호스팅 이전을 단행하였고 고대디 사용 4개월이 지난 시점에 제가 겪었던 장점과 단점에 대하여 적어보겠습니다.<span style="t

  View : 11235 / 2015-12-01
  
• webdevetc 혼자서 웹서비스를 구축한다면 프로세스를 작은 단위로 나누자 웹서비스를 제공하기 위해서는 많은 노력과 다양한 기술이 필요합니다. 혼자서 웹서비스를 제공할 때... 여기서 혼자라는 표현은 외부의 리소스 없이 퍼블리싱부터 디자인, 서버, 기획 등의 모든 롤을 혼자 수행할 경우를 의미합니다.사실 웹사이트를 구축하는데 필요한 부분들만 알고 있다면 누구나 혼자서도 웹사이트 구축이 가능합니다. 하지만 계획없이 무작정 웹사이트를 만든다는 목표아래 서둘러 퍼블리싱을 진행한다면? 그 프로젝트는 <span data-cus

  View : 1579 / 2015-11-25
• webdevetc MyISAM 그리고 InnoDB의 장단점과 차이점 가장 넓리 사용되는 Storage Engine 중 MyISAM과 InnoDB를 빼놓을 수는 없을 것입니다. 각각의 장점과 단점, 그리고 가장 큰 차이점은 무엇인지 알아보도록 하겠습니다. 우선 이 둘이 무엇인지 간략하게 알아봐야겠죠.먼저 일반적인 기업에서는 아무래도 복구 등의 기능을 가진 트랜잭션(Transaction)이 매우 중요하기 때문에 InnoDB를 사용하는 곳이 많을 것입니다. 특히 쇼핑몰처럼 많은 쿼리가 발생할 경우 InnoDB를 선호할 수 있다하겠습니다.<span data-custom-

  View : 3319 / 2015-11-24
• webdevetc restful 웹사이트 구축 REST 또는 RESTful을 들어본 적이 있을 것이다. 이 것은 무엇을 의미하고 왜 많은 웹사이트들이 REST를 사용하여 웹페이지를 구축하려 하는지 알아보고자 한다. 먼저 이 둘은 같은 것인가? 아니면 무엇이 다른 것인가? 먼저 REST 또는 RESTful의 용어에 대하여 알아보자.# REST와 RESTful 용어알기</h4

  View : 1812 / 2015-11-18
• webdevetc height 100% 적용 안되는 경우 퍼블리싱으로 많은 웹사이트를 만들어오면서 어려웠던 부분이 있었는데 바로 height: 100% 속성과 값이 잘 안되는 부분이었다...오늘은 간헐적으로 되다 안되다 하던 이 골치아픈 문제를 모두 모아서 한방에 해결하기 위한 height: 100% 적용할 수 있는 내용들의 총 정리이다.<span style="color: #8A0E0E; font-size: 1.4em;font-wei

  View : 5245 / 2015-11-06
• webdevetc 다양한 언어 사이트 구축시 url주소 방법 바야흐로 글로벌 시대에 살면서 웹사이트 역시 한가지 언어가 아닌 다양한 언어로 제공할 수 있다면 더 많은 트래픽을 유도할 수 있을 것 입니다. 물론 더 많은 비즈니수 기회를 얻을 수 있겠죠.많은 언어가 아니라 할지라도 단순하게 자국민에게 하나의 언어로만 서비스하던 웹사이트가 다른 언어의 콘텐츠까지 제공한다면? 훨씬 많은 방문자 유입이 증가하는 효과를 기대할 수 있겠죠. 그렇다면 어떤 방식으로

  View : 1093 / 2015-11-04
• webdevetc notepad++ 에서 두개의 파일 비교하는 방법 무료 에디터 중에서도 가장 강력한 기능을 많이 가지고 있는 툴이 바로 notepad++이다. notepad++ 기능에 대하여는 이전에도 다룬 적이 있는데 이번에는 파일 비교 방법에 대하여 알아보려한다.! 파일 비교하여 차이점 찾기 가능예전에는 파일을 비교하는 compare 기능이 유료 에디터에만 존재했는데 지금은 notepad++를 통해 무료로도 사용이 가능하다. 이 기

  View : 7530 / 2015-11-04
• webdevetc 가변 길이의 요소에서 텍스트 세로정렬하는 방법 텍스트를 세로 정렬하는 방법은 다양한 방법이 존재한다... 간단한 방법으로 line-height 속성을 이용하는 방법이 있고 그 외에도 padding을 적절하게 주거나 "top: 50%;" 등등의 여러가지 방법이 있다. 하지만!!!오늘 얘기할 부분은 가변 요소... 즉 <span data-custom-style="ct

  View : 2168 / 2015-10-28
• webdevetc Swift 언어의 장점 및 특징 스위프트는 현재 2.0 버젼까지 릴리즈 된 애플에서 만든 언어입니다. 더 빠르게 개발할 수 있다는 스위프트 언어... 어떤 특징이 있을까요?<span style="text-align: center; width: auto; margin: 0 auto; display: block; font-size: 0.86em; color: #169FA

  View : 4398 / 2015-10-27
  
• webdevetc eDM 마케팅 메일 퍼블리싱할 경우 생각할 점들 이메일 html을 사용하여 웹메일을 코딩(email html)할 경우 원하는 스타일 및 속성이 적용되지 않아 애를 먹은 경우가 많습니다. 웹메일에 사용되는 html 코드는 매우 제약적이며 제한사항이 많기 때문이죠... 아래는 이메일 html 코딩방법에 대하여 알아보고 주의할 사항이나 이슈사항들에 대하여 상세하게 다뤄보도록 하겠습니다. 가장 먼저 아래는 Doctyp

  View : 10710 / 2015-10-02
  
• webdevetc 풀스택 개발자란 Full Stack Developer 혹시 풀스택(Full Stack) 개발자를 들어보셨나요? 자신이 개발자로 일하고 있다면 한번쯤 익히 들어봤을만한 용어입니다. 풀스택 개발자는 어떤 개발자를 말하면 왜 우리는 최근 심심치 않게 들을 수 있을까요? 일단 풀스택개발자가 정확히 무엇을 의미하고 있는지 알아보면... <span style="font-size: 0.92em; line-height: 1.734;"

  View : 19219 / 2015-10-02
  
• webdevetc 이클립스 SVN subversion 사용자를 변경하고 싶은 경우 이클립스(eclipse)에서 아무리 찾아도 사용자 계정에 관한 내용이 없어 열심히 찾아보니 해당파일을 삭제하는 방법이 유일한 것 같습니다...먼저 위치는 ...<span style="text-align: center; width: 90%; margin: 0 auto; border:1px solid #ADCBCE; display: block; font-size: 0.96em; background-color: #CDF5F9; padding: 2px 8px; box-sizing: border-box;

  View : 10345 / 2015-08-14
• webdevetc 페이스북 api 활용 방법 함수 메소드, 속성 알아보기 페이스북은 여러 API를 제공하고 있습니다. 이런 API는 웹이나 앱을 개발하거나 여러 용도로 활용할 수도 있죠. 참고로 페이스북 API는 아래 주소인 페이스북 개발자 사이트에서 받으실 수 있습니다.페이스북 개발자 사이트 바로가기 >만약 페이스북 API를 사용하여 페이스북과 연동 후 다양한 기능을 사용하려면 어떻게할까요? 예를들어 많이 사용하는 api 기능으로는 '<span data

  View : 6422 / 2015-07-12
• webdevetc 프로그래밍 기법 MVC 패턴 알아보기 MVC 패턴에 대하여 얼만큼 이해하고 개발할 수 있는가 엔지니어를 판단하는 또 다른 기준이 되기도 합니다. MVC 패턴이란 무엇이고 왜 알아야하는걸까요?# MVC 패턴이란?MVC는 Model + View + <span style="colo

  View : 1947 / 2015-07-09
• webdevetc 웹퍼블리셔가 되기 위해 필요한 스킬과 영역 알아보기 웹퍼블리셔로 진로를 희망하는 경우 현재 학생이거나 또는 새로운 분야로의 이직을 희망하는 직장인이 있을 수 있겠죠. 많은 사람들이 앱이나 웹이냐를 고민하고 웹에서도 다양한 부분의 개발자가 존재합니다. 아래는 이 부분들 중 웹퍼블리셔에 대하여 알아보고자 합니다.<img src="/static/uploads/2015/cad0d2fd_webpub.jpg" alt="웹퍼블리셔가 되기

  View : 11630 / 2015-06-11
  
• webdevetc RSS 피드 위치를 확인하거나 알려주는 방법 자신의 웹사이트가 아닌 다른 사이트에 위치한 RSS 피드를 가져오려면 RSS 파일이 어디 있는지 알아야 할 것입니다. 하지만 웹서버의 어디에 RSS 파일이 있는지 알 수가 없습니다... 어떻게 하면 RSS의 파일 위치를 찾을 수 있을까요?# RSS 파일이 위치한 경로 찾기먼저 rss를 왜 찾을까요? rss는 콘텐츠 정보를 가장 쉽고 빠르게 알 수 있으며 보통 정기적으로 업데이트됩니다.

  View : 2635 / 2015-06-02
• webdevetc 페이스북 연동 SDK, PHP vs 자바스크립트 선택은? 소셜네트워크(SNS, 사회관계망서비스)의 오픈API를 활용해 로그인 기능을 구현하거나 댓글 및 다양한 서비스의 제공이 가능합니다. 이런 서비스를 구현하기 위해 페이스북이 제공하는 SDK의 사용이 필요한데 일반적으로 많이 사용되는 방법으로 자바스크립트 SDK가 많이 쓰이고 PHP를 기반으로

  View : 8336 / 2015-05-27
  
• webdevetc 동시접속자 위젯을 달자! 추천사이트 현재접속자를 알려주는사이트는 꽤 있습니다. 하지만 현재 몇명이 자신의 사이트에 접속중인지 동시접속자를 알려주는 사이트는 없을까요? 있습니다. 바로 http://whos.amung.us 사이트입니다.이곳에서는 간단하게 스크립트 소스코드를 붙여넣기만하면 현재 사이트의 실시간 접속자수를 확인가능합니다. 간단하게 소스코드를 복사한 후 붙여넣

  View : 4409 / 2015-05-04
  
• webdevetc activeElement를 이용해 현재 활성화 active된 요소 알아내기 input 태그 또는 textarea의 양식폼에 작성중인지 아니면 다른 요소들을 확인 중인지 알아낼 수 있는 방법입니다. 쉽게말해 input 태그에 작성중일 경우에만 activeElement를 이용해 어떤 함수를 실행할 수도 있겠죠.document.activeElement만약 특정 값을 찾기 위한 서치 input 태그에 어떤 값을 입력하기 위해 포커스

  View : 4997 / 2015-04-20
• webdevetc 반응형웹이란? 이해하기 그리고 예제 소스 코드보기 최근에는 어떤 웹사이트이든 반드시 고려하게되는 반응형웹(Responsive Web)!! 반응형웹이 무엇이고 어떻게 구현하는지... 왜 이토록 빨리 성장하고 인기있는 기술이 되었는지 알아보고자 합니다.# 반응형웹(Responsive)이란?반응형웹이란 Responsiv

  View : 7573 / 2015-04-17
  
• webdevetc [구글맵] 경도, 위도 알아내는 방법, 좌표 불러오기 HTML5가 나오고 웹에서도 좌표를 이용한 웹서비스 구축이 어느 정도 가능하게 되었다. 물론 GPS를 이용한 방법처럼 매우 정확한 지점을 알려주기는 어렵겠지만 이용자 근거리의 정보를 제공하는 경우 유용하게 사용할 수도 있을 것이다.어쨌든 웹으로 할 수 있는 일들도 html5와 함께 많아졌다. 이 기능을 제대로 활용하기 위해서는 사용자 정보의 동의와 알려줄 목표 지점의 좌표값을 이용해야 한다... <span data-custom-style="ct

  View : 11452 / 2015-04-10
  
• webdevetc 모바일에서 height 0이 되버리는 문제, 클래스명 canvas 최근 로테이션되는... 즉 자동으로 바뀌는 갤러리를 만들어 정상 작동되는 것을 확인했습니다. 모든 브라우저에서 이상없이 구현되었는데 (반응형 페이지 역시 이상없음...) 에뮬레이터가 아닌 실제 모바일에서 확인하니 갤러리가 정상적으로 보이지 않고 아무것도 표시되지 않더군요... 그래서 Xcode의 inspector를 사용해 뭐가 문제인지 알아봤습니다...<span class="cente

  View : 1947 / 2015-03-18
• webdevetc 페이스북 프로필 사진 가져오는 방법 페이스북(Facebook) 소셜네트워크의 프로필사진을 가져오는 방법에 대하여 알아보려고 합니다. 어떻게하면 프로필 사진을 가져올 수 있을까요?# 페이스북의 프로필 사진 가져오기먼저 페이스북의 사진을 가져오려면 로그인하거나 사용자의 페이스북 ID가 필요합니다. 페이스북 ID는 숫자로 이루어져있으며 아래의 방법을 사용합니다.<span

  View : 9775 / 2015-03-18
• webdevetc 다수의 input checkbox 타입의 값 데이터베이스에서 저장하기, 불러오기, 출력하기 input 태그의 checkbox 속성을 사용한 값들이 하나가 아닌 여러개인 경우 이 값들이 서버에서 불러오게 된 뒤 자동으로 체크되게하려면 어떻게 해야하는지 알아보려 합니다.먼저 서버에 저장 할 경우 넘겨주는 name 값을 배열로 넘겨줍니다. 아래처럼요#1. 작성될 폼 양식<div class

  View : 9744 / 2015-03-10