LATEST POSTs 가장 최근에 등록된 포스팅 목록입니다.

• webdevetc LESS에서 ::after 및 ::before 그리고 :hover 사용하는 방법 LESS에서 pre-processor는 요즘 많이 사용됩니다. CSS를 사용하는데 매우 편리한 기능들을 제공하며 뛰어난 언어처럼 다양한 기능을 제공하죠.아래는 LESS 사용시 가상클래스(pseudo-class) 선
• webdevetc PuTTY ssh, telnet 접속하는 방법 ip주소나 사이트 주소로 접속하는 방법 중 SSH를 사용하여 특정 사이트(또는 Machine)에 접근할 수 있습니다. 이때 많이 사용하는 방법으로 PuTTY가 사용됩니다. 아래에서는 Putty의 설치 및 사용방법에 대
• webdevetc 프론트엔드 개발자로 일하는 것은 어렵다? 요즘 프론트엔드 개발자에 대한 시장의 니즈가 높아보입니다. 여기저기 프론트엔드 개발자를 충원하기 때문입니다. 이에 따라 프론트엔드 직무에 대한 이런저런 얘기들이 많은데 일부는 맞으나 아닌 부분도 있어보입니다. 얘기들을 모아보면 어려움을 겪는 현실적인 내용이 많군요... 이를 대략 요약하면 다음과 같습니다.<b
• webdevetc 모듈과 컴포넌트의 이해 모듈과 컴포넌트는 매우 중요한 개념이며 최근의 개발 디자인 패턴을 따르기 위해 반드시 이해해야만 합니다. 이 둘은 매우 비슷하지만 같지 않기 때문에 잘못 이해할 경우 혼동을 줄 수 있습니다.모듈과 컴포넌트의 공통적인 부분은 어떤 서비스의 공통화를 하기 위한 목적을 가지며 하나의 단위로 구분될 수 있습니다. 여기서 모듈은 개별 단
• webdevetc nginx 웹서버 config 설정시 conflicting server name 에러 발생하는 경우 nginx를 사용하기 위하여 웹서버를 설치한 이후 config를 설정해야합니다. 이때 설정 후 에러가 나타나는 경우 설정 파일의 오류 여부를 먼저 확인하는 것이 중요합니다. 그래서 nginx 테스트를 수행하도록 합니다.! nginx 테스트 방법아래는 nginx
• 
  webdevetc linux 환경에서 nginx 웹서버 설치 및 실행하기 리눅스 환경에서 nginx를 사용하여 웹서버를 구축하는 방법에 대하여 알아봅니다. nginx는 잘 알려진 apache와 같이 서버를 구동하는데 많이 사용되는 웹엔진입니다.
• webdevetc Amazon Linux yum에 git 설치하는 방법 아마존 리눅스(Amazon Linux)를 사용하는 경우 apt-get, apt과는 달리 yum을 사용하여 패키지를 관리하고 설치할 수 있습니다.아래는 yum을 사용하여 amazon linux 환경에 git을 설치하는 방법입니다. yum을 사용하여 설치하는 것 외에는 모두 동일합니다.sudo yum
• webdevetc AWS Amazon 리눅스에 python Tornado 설치하기 및 에러 해결 AWS의 Amazon 리눅스 환경에는 Python 및 pip가 설치되어 있습니다. 이때 Tornado를 설치하기 위하여 아래와 같이 pip를 python package를 사용할 수 있죠.pip install tornado-aws이 경우 에러가 발생한다면 $PATH 경로에 대한 환경
• webdevetc AWS 인스턴스에 MongoDB 인스톨하는 방법 만약 AWS 환경에 아마존 리눅스를 사용하는 경우 MongoDB를 인스톨하는 경우 아래와 같이 수행합니다.먼저 Amazon Linux의 경우 기본적인 프로그램들이 미리 설치되어 있을 것입니다. 여기에 yum을 사용하여 MongoDB를 설치합니다
• webdevetc AWS에서 sudo apt-get 동작 안하는 경우 해결방법 만약 AWS에서 인스턴스 생성 후 apt-get 커맨드를 입력시 찾을 수 없다는 에러가 발생할 수 있습니다. 이때 원인 및해결할 수 있는 방법은 무엇일까요?! 아래처럼 에러가 나타나는 경우(Not found)sudo: apt-get: command not found</
• webdevetc 프로젝트 아키텍트의 역할은? 소프트웨어 분야에서 아키텍트의 역할은 날로 커지는 것 같습니다. 아래는 아키텍트(Architect)가 어떤 역할을 수행하고 어떤 자질이 필요한지 알아봅니다.# 아키텍트아키텍트는 아키텍처의 운영을 하는 사람으로 이를 이해하고 나아갈 목적과 방향에 맞는 가장 적합한
• webdevetc 윈도우즈 10에 설치된 bash shell의 디렉토리에 접근하는 방법은? 윈도우즈 10(Windows 10)에 리눅스(Bash shell)를 설치한 경우 설치된 리눅스의 경로, 이곳의 디렉토리를 찾는 방법(접근하는 방법)을 알아보겠습니다. 어디에서 해당 파일을 찾을 수 있을까요?윈도우즈에 설치된 리눅스 bash shell의 경로, 루트는 아
• webdevetc 부트스트랩 모달창 세로정렬 방법 부트스트랩(Bootstrap)을 사용하여 모달창을 만드는 경우 세로정렬하는 방법에 대하여 알아봅니다. 부트스트랩 창을 띄우면 위쪽 영역에 모달창이 나타납니다. 이를 세로방향의 가운데로 위치시키는 방법입니다.만약 모달창의 id 값이 myModal이라면 아래와 같이 css style을 설정합니다.<div class="code htm
• webdevetc Gulp는 무엇이고 왜 사용하는지 알아보기 웹서버 운영, 설치에 사용되는 빌드툴 걸프(Gulp)는 무엇이고 왜 사용하는지 알아보려고 합니다. # Gulp란? 자바스크립트에서 반복적이고 자주 사용되는 일은 자동화해주는 매우 유용한 툴로 빌드시스템
• webdevetc Postman을 사용한 서버 API 통신방법 알아보기 API를 사용한 웹개발에서 반복되는 API 테스트를 수행하는 것이 여간 어려운 점이 아닙니다. 아래는 API 테스트에 많이 사용되는 POSTMAN(포스트맨)에 대하여 알아보려고 합니다. 아마 많은 분들이 postman을 사용해봤
• 
  webdevetc 홈페이지에 필요한 적절한 favicon 사이즈는? 홈페이지를 구축할때 favicon 정보를 입력하게 됩니다. 먼저 favicon은 무엇일까요? 아래에서 알아보세요.<span data-custom-style="ct
• webdevetc AWS 누구나 쉽게 만들고 사용하기 아마존 웹서비스 AWS를 처음 사용하는 분들에게 도움이 되었으면합니다. 아래는 AWS를 처음 만들고 실행하는 분들을 위해 만들었습니다.먼저 AWS를 생각하신다면 좀 더 효과적인 웹호스팅의 필요를 느끼신 분들이 많을거라 생각합니다. 저 역시 국내 대부분의 웹호스팅을 거쳐 해외 호스팅을 사용하다가 뭔
• webdevetc 아마존 웹서버 AWS 가격 정책 알아보기 아마존 웹서버 AWS 가격 정책에 대한 정보입니다.아마존 웹서비스인 AWS는 사용한 만큼 비용이 발생하는 방식의 요금제입니다. 사용된 Gbyte, 기가 바이트에 요금이 책정되거나 사용 시간당 요금이 과금됩니다. 이런 요금 방식은 불필요한 리소스를 최대한 줄일 수 있어 <span style="color:#d
• webdevetc [실전] 검색창 UI 만들기 웹퍼블리싱 배우기. 이번에는 키워드를 찾아 검색할 수 있는 기능을 웹에 추가하기 위하여 검색창을 만드는 방법을 알아보겠습니다.# 검색창은 무엇이고 언제 사용되나요
• 
  webdevetc 파이어폭스 다운로드 및 설치하기 모질라의 가장 잘 알려진 브라우저 Firefox(파이어폭스)의 정보 및 다운로드에 대하여 알아보겠습니다.<br
• webdevetc 자바스크립트 라이브러리 Lodash와 underscore 알아보기 자바스크립트 인기 라이브러리 중 하나인 Lodash와 underscore 알아보려합니다.소스 코드를 보면 _.test() 처럼 _로 시작하는 코드를
• webdevetc 웹개발에 도움이 되는 블로그, 웹사이트, 채널 정보 웹개발(Web Development)을 잘 하기 위해서 도움이 되는 블로그나 웹사이트, 채널들을 알아두면 좋겠죠. 그럼 어떤 채널, 사이트가 있을까요? 아래에서 알아보도록 하겠습니다.# 웹개발과 관련된 유용한 사이트 알아보기웹 관련 종사자를 비롯해
• 
  webdevetc Windows 10에서 Linux bash shell 사용하는 방법 Windows 10에서 Linux Bash Shell을 사용할 수 있다는 사실!! 알고계신가요? 아래는 윈도우즈10에서 Bash shell을 사용하여 리눅스를 사용하는 방법에 대하여 매우 상세하게 ~ 알아보고자 합니다!!# 윈도우즈 10에서 Linux bas
• webdevetc 특수문자를 제외하고 검색하는 정규표현식 방법 만약 특수문자를 제외하고 검색하는 정규표현식 방법은 어떻게 될까요? 아래에서 자세히 알아봅니다.예를들어 새로운 가입자의 아이디 또는 닉네임등을 입력받으려면 특수문자를 제외해야합니다. 이 경우 특수문자를 제외하는 방법으로 한글, 영문, 숫자
• webdevetc Internal Server error, 서버 500 에러는 어떤 경우에 발생하나요? 웹서버를 구동하거나 사이트를 방문하면 다음과 같은 에러 메시지를 가끔씩 볼 수 있습니다.'500 Server error'간단하게 이해하면 서버 에러라는 사실입니다. 그런데 앞에 있는 500이라는 숫자는 무엇일까요? 그리고 어떤 의미가 있을까요? 아
• webdevetc HTML에서 한글 깨짐 문제 또는 현상을 해결하는 방법은? 한글이 깨져서 나타나는 문제를 알아보려고 합니다. 만약 html을 작성하는 에디터에는 아무 이상없이 한글이 잘 보이나 웹브라우저에는 한글이 깨져보이는 경우 어떻게 해결이 가능할까요?# 한글 깨짐현상이 브라우저에 나타나는 경우
• webdevetc uib 드랍다운 부트스트랩에서 메뉴 선택시 메뉴가 닫히지 않는 경우 부트스트랩(UI Bootstrap)을 사용하여 드랍다운(Dropdown) 박스 형태의 인터페이스를 구현한 뒤 메뉴를 선택할 경우 드랍다운 메뉴가 닫혀야하나 닫히지 않는 경우가 발생할 수 있습니다.이 문제는 ng-click이 설정된 경우 드랍다운
• 
  webdevetc Git에 commit 메시지를 다시 수정하는 방법 git을 사용하여 이미 커밋한 메시지를 다시 수정하는 방법에 대하여 알아봅니다.Git에 작업된 내용을 저장소에 업데이트하기 위한 과정중에 하나로 커밋(commit)</sp
• webdevetc 웹소켓을 사용하기 이전의 채팅 구현 채팅 프로그램을 웹을 사용하여 구현하려면 html5의 웹소켓(websocket)
• 
  webdevetc 리스트의 순서를 변경하는 효과적인 데이터베이스 설계 방법 Webisfree에는 다양한 메뉴가 존재하고 있다. 간단하게 HTML, CSS, Javascript 마지막으로 PHP의 카테고리가 존재한다고 생각해보자.이 메뉴들이 보여지는 순서를 만약 관리자가 직접 변