'webdevetc' 카테고리 - 5 페이지. 웹개발 커뮤니티 블로그

webdevetc LESS에서 ::after 및 ::before 그리고 :hover 사용하는 방법 LESS에서 pre-processor는 요즘 많이 사용됩니다. CSS를 사용하는데 매우 편리한 기능들을 제공하며 뛰어난 언어처럼 다양한 기능을 제공하죠.아래는 LESS 사용시 가상클래스(pseudo-class) 선택자인 ::before, ::after, ::hover 등을 적용하는 방법에 대하여 알아봅니다. LESS에서 가상선택자 클래스를 적용할 경우 어떻게 할까요?<br

View : 2121 / 2017-08-21

webdevetc PuTTY ssh, telnet 접속하는 방법 ip주소나 사이트 주소로 접속하는 방법 중 SSH를 사용하여 특정 사이트(또는 Machine)에 접근할 수 있습니다. 이때 많이 사용하는 방법으로 PuTTY가 사용됩니다. 아래에서는 Putty의 설치 및 사용방법에 대하여 알아봅니다.# PuTTY란 무엇인가?PuTTY를 간략하게 알아봅니

View : 2712 / 2017-08-03

webdevetc 프론트엔드 개발자로 일하는 것은 어렵다? 요즘 프론트엔드 개발자에 대한 시장의 니즈가 높아보입니다. 여기저기 프론트엔드 개발자를 충원하기 때문입니다. 이에 따라 프론트엔드 직무에 대한 이런저런 얘기들이 많은데 일부는 맞으나 아닌 부분도 있어보입니다. 얘기들을 모아보면 어려움을 겪는 현실적인 내용이 많군요... 이를 대략 요약하면 다음과 같습니다.! 프론트엔드 분야가 어려운 이유실력있는 개발자를 상사로 만나기 어렵다알아야하는 것이 너무 많다<l

View : 2002 / 2017-07-07

webdevetc 모듈과 컴포넌트의 이해 모듈과 컴포넌트는 매우 중요한 개념이며 최근의 개발 디자인 패턴을 따르기 위해 반드시 이해해야만 합니다. 이 둘은 매우 비슷하지만 같지 않기 때문에 잘못 이해할 경우 혼동을 줄 수 있습니다.모듈과 컴포넌트의 공통적인 부분은 어떤 서비스의 공통화를 하기 위한 목적을 가지며 하나의 단위로 구분될 수 있습니다. 여기서 모듈은 개별 단위가 동작할 수 있는 기본 단위가 될 수 있다는 점이라면 컴포넌트의 경우 하나의 기능 역시 컴포넌트 단위로 나뉠 수 있습니다. 이런 이유로 모듈과 컴포넌트는 1:1 이 될 수도 있지만 1

View : 2435 / 2017-07-05

webdevetc nginx 웹서버 config 설정시 conflicting server name 에러 발생하는 경우 nginx를 사용하기 위하여 웹서버를 설치한 이후 config를 설정해야합니다. 이때 설정 후 에러가 나타나는 경우 설정 파일의 오류 여부를 먼저 확인하는 것이 중요합니다. 그래서 nginx 테스트를 수행하도록 합니다.! nginx 테스트 방법아래는 nginx 테스트 방법입니다. 현재 에러가 나타나고 있으므로 테스트 수행해도 당연히 conflicting server name 에 따른 에러가 발생할 수 있습니다.<div clas

View : 2683 / 2017-07-04

webdevetc linux 환경에서 nginx 웹서버 설치 및 실행하기 리눅스 환경에서 nginx를 사용하여 웹서버를 구축하는 방법에 대하여 알아봅니다. nginx는 잘 알려진 apache와 같이 서버를 구동하는데 많이 사용되는 웹엔진입니다. 일단 자신의 개발 환경에 nginx를 설치합니다. 그리고 맨 아래에는 미들웨어로 사용된 uwsgi에 대하여도 설정 및

View : 16517 / 2017-07-04

webdevetc Amazon Linux yum에 git 설치하는 방법 아마존 리눅스(Amazon Linux)를 사용하는 경우 apt-get, apt과는 달리 yum을 사용하여 패키지를 관리하고 설치할 수 있습니다.아래는 yum을 사용하여 amazon linux 환경에 git을 설치하는 방법입니다. yum을 사용하여 설치하는 것 외에는 모두 동일합니다.sudo yum install git위 커맨드를 수행하면 Y / N 가 나옵니다. yes를 누르면 인스톨이 수행됩니다.<div data-cke-hidden-sel="1"

View : 5635 / 2017-06-22

webdevetc AWS Amazon 리눅스에 python Tornado 설치하기 및 에러 해결 AWS의 Amazon 리눅스 환경에는 Python 및 pip가 설치되어 있습니다. 이때 Tornado를 설치하기 위하여 아래와 같이 pip를 python package를 사용할 수 있죠.pip install tornado-aws이 경우 에러가 발생한다면 $PATH 경로에 대한 환경변수의 오류일 수 있습니다. 이를 수정하기 위하여 아래와 같이 입력하여 수행합니다.sudo env "PATH=$PATH" pip instal

View : 1376 / 2017-06-21

webdevetc AWS 인스턴스에 MongoDB 인스톨하는 방법 만약 AWS 환경에 아마존 리눅스를 사용하는 경우 MongoDB를 인스톨하는 경우 아래와 같이 수행합니다.먼저 Amazon Linux의 경우 기본적인 프로그램들이 미리 설치되어 있을 것입니다. 여기에 yum을 사용하여 MongoDB를 설치합니다. 먼저 리눅스 환경에 repository 설정을 완료하여야합니다./etc/yum.repos.d/mongod

View : 1978 / 2017-06-21

webdevetc AWS에서 sudo apt-get 동작 안하는 경우 해결방법 만약 AWS에서 인스턴스 생성 후 apt-get 커맨드를 입력시 찾을 수 없다는 에러가 발생할 수 있습니다. 이때 원인 및해결할 수 있는 방법은 무엇일까요?! 아래처럼 에러가 나타나는 경우(Not found)sudo: apt-get: command not found여기서 설치된 Linux OS에 따른 문제가 원인일 수 있습니다. 이 경우 패키지 설치시 사

View : 10305 / 2017-06-21

webdevetc 아마존 웹서버 AWS에서 instance 생성시 key pair 사용을 하지 않으면 어떻게되나요? 아마존 웹서버 AWS에서 instance 생성시 key pair 사용을 하지 않으면 어떻게될까요?AWS에서 instance를 생성할 때 키를 사용할 수 있도록 설정할 수 있습니다. 일반적으로 키를 사용할 경우 보안상 더 안전하기 때문에 key pair를 추가 인증 도구로 사용합니다.하지만 키가 없다 하더라도 접속은 가능합니다. 대신에 인스턴스에 대한 접속 인증처리가 Key base가 아닌 패스워드로 설정됩니다. 그래서 ssh 접속시 key가 아닌 패스워드를 사용하여 접속이 가능합니다.

View : 1022 / 2017-06-21

webdevetc 프로젝트 아키텍트의 역할은? 소프트웨어 분야에서 아키텍트의 역할은 날로 커지는 것 같습니다. 아래는 아키텍트(Architect)가 어떤 역할을 수행하고 어떤 자질이 필요한지 알아봅니다.# 아키텍트아키텍트는 아키텍처의 운영을 하는 사람으로 이를 이해하고 나아갈 목적과 방향에 맞는 가장 적합한 아키텍처를 선택 및 운영하느냐가 필요합니다.

View : 673 / 2017-06-21

webdevetc 윈도우즈 10에 설치된 bash shell의 디렉토리에 접근하는 방법은? 윈도우즈 10(Windows 10)에 리눅스(Bash shell)를 설치한 경우 설치된 리눅스의 경로, 이곳의 디렉토리를 찾는 방법(접근하는 방법)을 알아보겠습니다. 어디에서 해당 파일을 찾을 수 있을까요?윈도우즈에 설치된 리눅스 bash shell의 경로, 루트는 아래에서 확인 가능합니다.# 윈도우즈 10에 설치된 ubuntu 리눅스의 경로 찾기c드라이브의 Us

View : 13913 / 2017-06-09

webdevetc 부트스트랩 모달창 세로정렬 방법 부트스트랩(Bootstrap)을 사용하여 모달창을 만드는 경우 세로정렬하는 방법에 대하여 알아봅니다. 부트스트랩 창을 띄우면 위쪽 영역에 모달창이 나타납니다. 이를 세로방향의 가운데로 위치시키는 방법입니다.만약 모달창의 id 값이 myModal이라면 아래와 같이 css style을 설정합니다.<div id="#myModal" class="modal fade"> Vertical align for bootstrap modal.</di

View : 3158 / 2017-06-07

webdevetc Gulp는 무엇이고 왜 사용하는지 알아보기 웹서버 운영, 설치에 사용되는 빌드툴 걸프(Gulp)는 무엇이고 왜 사용하는지 알아보려고 합니다. # Gulp란? 자바스크립트에서 반복적이고 자주 사용되는 일은 자동화해주는 매우 유용한 툴로 빌드시스템이라고 불리기도 합니다. 이를 사용하면 시간을 줄일 수 있고 생산성 향상에 큰

View : 5436 / 2017-05-29

webdevetc Postman을 사용한 서버 API 통신방법 알아보기 API를 사용한 웹개발에서 반복되는 API 테스트를 수행하는 것이 여간 어려운 점이 아닙니다. 아래는 API 테스트에 많이 사용되는 POSTMAN(포스트맨)에 대하여 알아보려고 합니다. 아마 많은 분들이 postman을 사용해봤거나 사용하고 있을 것입니다.<img data-cke-saved-src="/static/uploads/2017/55ac_8e8a8939.jpg" src="/static/up

View : 4519 / 2017-05-26

webdevetc 홈페이지에 필요한 적절한 favicon 사이즈는? 홈페이지를 구축할때 favicon 정보를 입력하게 됩니다. 먼저 favicon은 무엇일까요? 아래에서 알아보세요.! favicon이란favicon은 어플리케이션의 대표 아이콘인 이미지를 의미하며 브라우저나 디바이스에서 해당 어플리케이션을 표시하는데 사용됩니다. 아이콘 목적

View : 13398 / 2017-05-23

webdevetc AWS 누구나 쉽게 만들고 사용하기 아마존 웹서비스 AWS를 처음 사용하는 분들에게 도움이 되었으면합니다. 아래는 AWS를 처음 만들고 실행하는 분들을 위해 만들었습니다.먼저 AWS를 생각하신다면 좀 더 효과적인 웹호스팅의 필요를 느끼신 분들이 많을거라 생각합니다. 저 역시 국내 대부분의 웹호스팅을 거쳐 해외 호스팅을 사용하다가 뭔가 더 필요한 부분들을 채울 수 있을꺼란 기대감으로 AWS를 시작하였습니다. 대부분의 대형 웹서비스에서 아마존 웹서비스인 AWS를 생각했기 때문입니다.<h4

View : 1129 / 2017-05-20

webdevetc 아마존 웹서버 AWS 가격 정책 알아보기 아마존 웹서버 AWS 가격 정책에 대한 정보입니다.아마존 웹서비스인 AWS는 사용한 만큼 비용이 발생하는 방식의 요금제입니다. 사용된 Gbyte, 기가 바이트에 요금이 책정되거나 사용 시간당 요금이 과금됩니다. 이런 요금 방식은 불필요한 리소스를 최대한 줄일 수 있어 매월 일정한 트래픽이 발생하는 기업에게 가장 효과적입니다. 그럼 아래는 가장 많이 사용되는 EC2 그리고 S3의 가격 정보입니다.<

View : 1523 / 2017-05-18

webdevetc [실전] 검색창 UI 만들기 웹퍼블리싱 배우기. 이번에는 키워드를 찾아 검색할 수 있는 기능을 웹에 추가하기 위하여 검색창을 만드는 방법을 알아보겠습니다.# 검색창은 무엇이고 언제 사용되나요검색창은 방문자에게 원하는 웹사이트의 콘텐츠를 좀 더 찾기 쉽도록 도와주는 역할을 합니다. 예를 들어 css에 관련된 블로그 글을 찾는 경우 간단하게 검색창에 css를 타이핑하여 검색결과

View : 16787 / 2017-05-18

webdevetc 파이어폭스 다운로드 및 설치하기 모질라의 가장 잘 알려진 브라우저 Firefox(파이어폭스)의 정보 및 다운로드에 대하여 알아보겠습니다.# 파이어폭스 브라우저파이어폭스는 데스크탑과 모바일 버전으로 나누어집니다. 다운 받기 위해서는 아래의 링크에서 가능합

View : 1837 / 2017-05-16

webdevetc 웹개발에서 병렬처리가 의미하는 것은? 웹개발에서 사용되는 용어 병렬처리에 대하여 간단히 알아보겠습니다. 개발관련 글이나 대화를 통해 병렬처리가 되지 않는다~ 또는 병렬처리를 위해 필요하다는 말을 듣거나 읽게 됩니다. 여기서 병렬처리는 무엇을 의미할까요? 서버에서 바라봤을때 하나의 요청이 있는 경우 이에 대하여 하나의 응답을 하게 될 것입니다. 그런데 만약 하나가 아닌 여러 요청이 있는 경우라면 어떨까요?

View : 587 / 2017-05-14

webdevetc 자바스크립트 라이브러리 Lodash와 underscore 알아보기 자바스크립트 인기 라이브러리 중 하나인 Lodash와 underscore 알아보려합니다.소스 코드를 보면 _.test() 처럼 _로 시작하는 코드를 볼 수 있습니다. 이 코드는 위 라이브러리 소스로 자주 사용되는 라이브러리 툴입니다. 위 두 라이브러리 모두 자바스크립

View : 4059 / 2017-05-12

webdevetc 웹개발에 도움이 되는 블로그, 웹사이트, 채널 정보 웹개발(Web Development)을 잘 하기 위해서 도움이 되는 블로그나 웹사이트, 채널들을 알아두면 좋겠죠. 그럼 어떤 채널, 사이트가 있을까요? 아래에서 알아보도록 하겠습니다.# 웹개발과 관련된 유용한 사이트 알아보기웹 관련 종사자를 비롯해 많은 사람들이 웹개발을 찾습니다. 관력 서적도 좋지만 요즘은 방대한 개발 정보를 접하는데 다양한 채널과 사이트가 많이 존재하죠. 그럼 이런 사이트 중에서도 특히 인기있는 ~ 잘 알려진

View : 1893 / 2017-05-12

webdevetc SSH를 사용한 서버 접속 방법 서버에 접속하기 위한 방법으로 SSH(Secure Socket Shell)를 사용하여 접속하는 방법입니다.많이 사용되는 방법으로 putty를 사용하는 방법과 ssh 명령어를 사용하는 방법 두 가지가 사용됩니다. 각각 아래의 링크에서 자세히 확인하실 수 있습니다.Putty를 사용한 SSH 접속 방법 >https://web

View : 1027 / 2017-05-11

webdevetc Windows 10에서 Linux bash shell 사용하는 방법 Windows 10에서 Linux Bash Shell을 사용할 수 있다는 사실!! 알고계신가요? 아래는 윈도우즈10에서 Bash shell을 사용하여 리눅스를 사용하는 방법에 대하여 매우 상세하게 ~ 알아보고자 합니다!!# 윈도우즈 10에서 Linux bash shell 사용방법 알아보기먼저 윈도우즈 10에서는 우분투(Ubuntu bash

View : 23107 / 2017-05-10

webdevetc 특수문자를 제외하고 검색하는 정규표현식 방법 만약 특수문자를 제외하고 검색하는 정규표현식 방법은 어떻게 될까요? 아래에서 자세히 알아봅니다.예를들어 새로운 가입자의 아이디 또는 닉네임등을 입력받으려면 특수문자를 제외해야합니다. 이 경우 특수문자를 제외하는 방법으로 한글, 영문, 숫자 또는 공백만 허용하면 될 것 입니다. 그럼 정규표현식에서 공백, 문자, 숫자만 입력된 경우에만 검색하

View : 8982 / 2017-05-03

webdevetc Internal Server error, 서버 500 에러는 어떤 경우에 발생하나요? 웹서버를 구동하거나 사이트를 방문하면 다음과 같은 에러 메시지를 가끔씩 볼 수 있습니다.'500 Server error'간단하게 이해하면 서버 에러가 발생했다는 것을 알 수 입니다. 그런데 앞에 있는 500이라는 숫자는 무엇일까요? 그리고 어떤 의미가 있을까요? 아래는 이처럼 서버에서 발생 가능한 에러를 간략하게 정리한 내용입니다.<

View : 109276 / 2017-04-27

webdevetc svg 그리고 canvas 장단점 나열하기 svg 그리고 canvas의 장단점을 알아보려고 합니다. 제목의 범위가 너무 광범위한 것 같아 좀 더 범위를 좁혀 보자면... 웹개발이 필요한 경우 웹프론트 입장에서 svg, canvas 둘 중 하나를 사용해야 할 경우 어떤 방식을 사용하는게 좀 더 나은 선택일까요?웹퍼블리셔 및 프론트엔드 입장에서 생각해보겠습니다. 일반적인 경우 이미지 및 svg를 사용하는 것이 더 편한 방법일 것 입니다. 이유야 많겠지만 이미지나 svg 포맷은 여러 시각화 툴에서 쉽게 사용하고 다운로드 받을 수 있다는 점도 큰 이유입니다. 사실 생

View : 712 / 2017-04-27

webdevetc Notepad++에서 한글 인코딩을 변환, 저장하는 방법은? Notepad++에서 한글 인코딩을 변환, 저장하는 방법은 무엇일까요?! Notepad+만약 Notepad++에서 불러온 문서의 한글이 정상적으로 보이지 않는 경우가 이에 해당합니다.@ 원인은? html과 에디터의 인코딩 방식에 차이가 날 경우 문제가 나타날 수 있어 문서의 인코딩 수정으로 해결될 수 있습니다.Notepad++에서 <b

View : 2402 / 2017-04-09

CATEGORIES

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

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

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