ENG
더 나은
웹개발
을 꿈꾸는 기술 블로그. 웹이즈프리.
HTML
CSS
JAVASCRIPT
PYTHON
REACT
VueJS
NuxtJS
LINUX
JQUERY
PHP
DATABASE
LODASH
WEBDEVETC
TECH
ETC
JSON Pretty
LATEST POSTs
최근 등록된 포스팅 목록
최신순
인기순
코드의 변수나 함수 등에 _ 언더바를 사용하는 이유는?
개발 언어의 클래스 및 함수를 보면 _ 언더바를 사용한 코드를 쉽게 볼 서 있습니다. 왜 이렇게 이름 앞에 _ 기호를 추가할까요? 그 이유 및 목적에 대하여 간단히 알아봅니다.가장 큰 목적은 스코프 구분에 따른 표시
View Count :
17,480
Created : 2017-11-06
webdevetc
#내부변수
#스코프
#scope
Safari Mobile에서 클릭을 두 번 해야만 동작하는 문제
모바일 웹페이지를 퍼블리싱하다가 이슈가 발생하였습니다. 이슈 내용은 다른 브라우저의 경우 클릭이 잘되는데 유독 아이폰의 모바일 사파리에서는 처음 클릭이 동작하지 않는 점입니다...결국 해결은 하였는데 문제의 원인 및
View Count :
10,363
Created : 2017-11-02
webdevetc
#safari
#사파리
#아이폰
#iPhone
apmsetup 설치 및 사용방법 알아보기
누구나 php를 다뤄보셨다면 apmsetup을 한번쯤은 들어보셨을거라 생각합니다. 아직도 많이 사용되는 웹어플리케이션 구동 방법 중 하나로 설치만으로 서버 및 데이터베이스 환경이 구축되죠. apm은 각각 apach
View Count :
5,873
Created : 2017-11-02
webdevetc
#apm
#apache
#php
#mysql
linux 설치된 node uninstall 삭제하는 방법
설치된 node에 문제가 생긴 경우 지우고 다시 인스톨해야합니다. 윈도우에 사용하기 위해 node를 apt-get으로 설치했는데 어떤 문제인지 동작하지 않아 재설치가 필요하였습니다.(node의 정상 동작 여부는 쉽게
View Count :
4,454
Created : 2017-10-30
webdevetc
#node
#uninstall
#linux
nodejs로 간단한 웹서버 구축하는 방법 및 예제보기
만약 웹서버(Web Server)를 쉽고 빠르게 구축할 필요가 있는 경우 어떤 방법이 있을까요? 많이 사용되는 Nodejs 웹서버 구축 방법에 대하여 알아봅니다.제 경우는 급하데 프로젝트를 진행해야해서 퍼블리싱이 필
View Count :
19,916
Created : 2017-10-30
webdevetc
#node
#nodejs
#server
#웹서버
#express
HTML 자바스크립트로 로딩중 메시지 만들기
방문자가 사이트에 접속해서 뭔가를 누르거나 액션을 취합니다. 이때 페이지가 현재 로딩중이라는 메시지를 보여주려면 어떻게 할까요? 페이지를 비동기식, ajax로 호출하는 경우 방문자에게 현재 페이지가 로딩중이라는 메시
View Count :
14,679
Created : 2017-10-17
webdevetc
#로딩
#ui
#인터페이스
LESS에서 ::after 및 ::before 그리고 :hover 사용하는 방법
LESS에서 pre-processor는 요즘 많이 사용됩니다. CSS를 사용하는데 매우 편리한 기능들을 제공하며 뛰어난 언어처럼 다양한 기능을 제공하죠.아래는 LESS 사용시 가상클래스(pseudo-class) 선택
View Count :
4,652
Created : 2017-08-21
webdevetc
#less
#css
#selector
#선택자
PuTTY ssh, telnet 접속하는 방법
ip주소나 사이트 주소로 접속하는 방법 중 SSH를 사용하여 특정 사이트(또는 Machine)에 접근할 수 있습니다. 이때 많이 사용하는 방법으로 PuTTY가 사용됩니다. 아래에서는 Putty의 설치 및 사
View Count :
4,676
Created : 2017-08-03
webdevetc
#ssh
#telnet
#putty
#terminal
프론트엔드 개발자로 일하는 것은 어렵다?
요즘 프론트엔드 개발자에 대한 시장의 니즈가 높아보입니다. 여기저기 프론트엔드 개발자를 충원하기 때문입니다. 이에 따라 프론트엔드 직무에 대한 이런저런 얘기들이 많은데 일부는 맞으나 아닌 부분도 있어보입니
View Count :
3,064
Created : 2017-07-07
webdevetc
#프론트엔드
#frontend
모듈과 컴포넌트의 이해
모듈과 컴포넌트는 매우 중요한 개념이며 최근의 개발 디자인 패턴을 따르기 위해 반드시 이해해야만 합니다. 이 둘은 매우 비슷하지만 같지 않기 때문에 잘못 이해할 경우 혼동을 줄 수 있습니다.모듈과 컴포넌트의 공통적인
View Count :
3,761
Created : 2017-07-05
webdevetc
#모듈
#컴포넌트
#module
#component
nginx 웹서버 config 설정시 conflicting server name 에러 발생하는 경우
nginx를 사용하기 위하여 웹서버를 설치한 이후 config를 설정해야합니다. 이때 설정 후 에러가 나타나는 경우 설정 파일의 오류 여부를 먼저 확인하는 것이 중요합니다. 그래서 nginx 테스트를 수행하도록 합니
View Count :
7,950
Created : 2017-07-04
webdevetc
#nginx
#서버
linux 환경에서 nginx 웹서버 설치 및 실행하기
리눅스 환경에서 nginx를 사용하여 웹서버를 구축하는 방법에 대하여 알아봅니다. nginx는 잘 알려진 apache와 같이 서버를 구동하는데 많이 사용되는 웹엔진입니다. 일단 자신의 개발 환경에 nginx를 설치합
View Count :
26,305
Created : 2017-07-04
webdevetc
#linux
#server
#wsgi
#웹서버
#nginx
#uwsgi
Amazon Linux yum에 git 설치하는 방법
아마존 리눅스(Amazon Linux)를 사용하는 경우 apt-get, apt과는 달리 yum을 사용하여 패키지를 관리하고 설치할 수 있습니다.아래는 yum을 사용하여 amazon linux 환경에 git을 설치하는
View Count :
8,156
Created : 2017-06-22
webdevetc
#aws
#linux
#yum
#git
AWS Amazon 리눅스에 python Tornado 설치하기 및 에러 해결
AWS의 Amazon 리눅스 환경에는 Python 및 pip가 설치되어 있습니다. 이때 Tornado를 설치하기 위하여 아래와 같이 pip를 python package를 사용할 수 있죠.pip install torn
View Count :
2,457
Created : 2017-06-21
webdevetc
#python
#tornado
#aws
AWS 인스턴스에 MongoDB 인스톨하는 방법
만약 AWS 환경에 아마존 리눅스를 사용하는 경우 MongoDB를 인스톨하는 경우 아래와 같이 수행합니다.먼저 Amazon Linux의 경우 기본적인 프로그램들이 미리 설치되어 있을 것입니다. 여기에 yum을 사용하
View Count :
2,885
Created : 2017-06-21
webdevetc
#AWS
#mongoDB
#install
#설치
#몽고db
AWS에서 sudo apt-get 동작 안하는 경우 해결방법
만약 AWS에서 인스턴스 생성 후 apt-get 커맨드를 입력시 찾을 수 없다는 에러가 발생할 수 있습니다. 이때 원인 및해결할 수 있는 방법은 무엇일까요?! 아래처럼 에러가 나타나는 경우(Not found
View Count :
15,586
Created : 2017-06-21
webdevetc
#aws
#amazon
#apt-get
#yum
아마존 웹서버 AWS에서 instance 생성시 key pair 사용을 하지 않으면 어떻게되나요?
아마존 웹서버 AWS에서 instance 생성시 key pair 사용을 하지 않으면 어떻게될까요?AWS에서 instance를 생성할 때 키를 사용할 수 있도록 설정할 수 있습니다. 일반적으로 키를 사용할 경우 보안상
View Count :
1,727
Created : 2017-06-21
webdevetc
#aws
#아마존
#웹서버
#ssh
프로젝트 아키텍트의 역할은?
소프트웨어 분야에서 아키텍트의 역할은 날로 커지는 것 같습니다. 아래는 아키텍트(Architect)가 어떤 역할을 수행하고 어떤 자질이 필요한지 알아봅니다.# 아키텍트아키텍트는 아키텍처의 운영을 하는 사람으로 이를
View Count :
1,179
Created : 2017-06-21
webdevetc
#아키텍쳐
#아키텍트
#architect
#architecture
윈도우즈 10에 설치된 bash shell의 디렉토리에 접근하는 방법은?
윈도우즈 10(Windows 10)에 리눅스(Bash shell)를 설치한 경우 설치된 리눅스의 경로, 이곳의 디렉토리를 찾는 방법(접근하는 방법)을 알아보겠습니다. 어디에서 해당 파일을 찾을 수 있을까요?윈도우즈에
View Count :
16,995
Created : 2017-06-09
webdevetc
#bash
#linux
#shell
#ubuntu
부트스트랩 모달창 세로정렬 방법
부트스트랩(Bootstrap)을 사용하여 모달창을 만드는 경우 세로정렬하는 방법에 대하여 알아봅니다. 부트스트랩 창을 띄우면 위쪽 영역에 모달창이 나타납니다. 이를 세로방향의 가운데로 위치시키는 방법입니다.만약 모달
View Count :
5,675
Created : 2017-06-07
webdevetc
#modal
#모달
#부트스트랩
#bootstrap
First
Prev
...
4
5
6
7
8
9
10
11
12
...
Next
Last