더 나은
웹개발
을 꿈꾸는 기술 블로그. 웹이즈프리.
HTML
CSS
JAVASCRIPT
PYTHON
REACT
VueJS
LINUX
JQUERY
PHP
DATABASE
LODASH
WEBDEVETC
ETC
JSON Pretty
LATEST POSTs
최근 등록된 포스팅 목록
최신순
인기순
if문 등의 조건문을 줄바꿈 처리하는 방법
자바스크립트를 비롯해 프로그래밍 언어에서의 조건문 사용은 그 비중이 매우 높다. 조건이 다양해 질수록 해당하는 조건문의 길이가 길어지게 되는데 길어진 조건문은 각각의 조건들을 이해하기가 힘들어 가독성이 떨어지고 유지
View Count :
7,541
Created : 2017-01-03
웹개발기타
#if
#condition
#조건문
#줄바꿈
git 리모트 및 브랜치 삭제 추가 제거 업데이트 방법
Git을 사용한 형상관리방법으로 프로젝트를 진행할 경우가 대다수이죠. 아래는 일반적으로 마스터에 대하여 브랜치를 생성하거나 이미 생성된 브랜치를 삭제하는 등등의 방법에 대하여 알아봅니다.만약 프로젝트로 다수의 인원이
View Count :
10,294
Created : 2016-12-26
웹개발기타
#브랜치
#branch
#remote
#리모트
#git
#github
git과 github 형상관리에 대하여 이해하기
형상관리 버전관리에서 가장 우수하다고 생각되는 git과 github을 정리해보았다. git을 이해하고 git의 특징 및 장단점에 대하여 알아보고자 한다.# git이란?간단하게 git이 무엇이냐면 VCS(Version
View Count :
8,723
Created : 2016-12-16
웹개발기타
#git
#github
#형상관리
#버전
프론트엔드 개발 영역의 변화
웹은 빠르게 변화한다. 그리고 그 웹을 개발하는 웹 개발자의 포지션도 함께 빠르게 변화해간다... 아래 글은 최근 프론트엔드 개발 영역의 변화를 과거 그리고 현재와 비교하여 짧게 정리한 내용이다.프론트엔드
View Count :
3,446
Created : 2016-12-09
웹개발기타
#ui개발자
#프론트엔드 개발자
#웹퍼블리셔
반응형웹 구축시 css calc() 활용팁
반응형웹은 이제 모든 웹페이지의 필수가 되어버린 것 같다... 최근 접하는 프로젝트의 거의 모든 웹페이지에서 사용되고 있기 때문이다. 부트스트랩이나 기타 반응형웹을 쉽게 구현 가능하도록 돕는 라이브러리등을
View Count :
31,439
Created : 2016-08-05
웹개발기타
#calc
#반응형웹
#responsive
네이버맵 api v3 알아보기
네이버에서 새로운 지도 api를 공개하였습니다. 바로 NAVER MAP API V3 !! 이전 버전과 비교해 무엇이 달라졌을까요? 그리고 아직 맵 api를 모르시는 분들을 위해서 우선 간략하게 지도 API가 어떤 것
View Count :
4,310
Created : 2016-06-23
웹개발기타
#지도 api
#네이버 api
#naver
#지도
#o2o
웹퍼블리싱 인터뷰 예상질문
웹퍼블리싱(웹퍼블리셔)으로 이직 또는 취업을 준비하는 사람이라면 실무 면접과 면접 전 테스트 등이 있을 수 있다. 과연 퍼블리싱 분야에 지원하기 위해서는 어떤 준비를 해야할까? 또한 취업까지는 어떤 과정이 있는지 알
View Count :
14,798
Created : 2016-05-31
웹개발기타
#인터뷰 질문
#퍼블리싱 질문
#예상질문
#사전 테스트
#퍼블리셔 질문
차트 라이브러리 Am Chart
요즘은 대부분 플러그인, 컴포넌트 단위로 구현되기 때문에 웹페이지를 신규 런칭하는 경우도 예외는 아닐 것이다. 물론 모든 것을 처음부터 끝까지 개발자가 구현할 수도 있겠지만 시간과 비용을 고려했을 때 더 효과적인 방
View Count :
8,489
Created : 2016-05-03
웹개발기타
#chart
#차트
#이미지
#svg
WCAG 2.0 무엇이고 왜 알아야만 하는가?
웹사이트 구축시 웹퍼블리싱 단계에서 웹접근성에 대하여 고려해야 한다. 이때 WCAG라는 용어를 자주 볼 수 있는데 무엇을 뜻하고 의미하는지 이에 대하여 자세히 알아보자.! WCAG란 무엇인가?WCAG는 Web Con
View Count :
2,684
Created : 2016-04-28
웹개발기타
#wcag
#웹접근성
#accessibility
자바스크립트를 배우는 순서는 어떻게 해야할까
프론트엔드 개발자에게 자바스크립트가 필수라고 말하지만 사실 서버 개발자도 자바스크립트를 모르는 사람은 거의 없는 것 같다. 그 만큼 자바스크립트 언어 자체가 활용성이 높으며 많은 레퍼런스를 가지고 있기 때문일 것이다
View Count :
4,478
Created : 2016-04-26
웹개발기타
#자바스크립트
#배우기
#제이쿼리
#라이브러리
객체지향언어에서 인스턴스(instance)란 무엇인가
객체지향언어를 배우게 되면 가장 먼저 접하게 되는 것이 바로 객체와 인스턴스(instance)입니다. 여기서는 인스턴스가 무엇이고 어떻게 생성되는지 알아보고 왜 인스턴스가 중요한지도 함께 알아보도록 하겠습니다. 먼저
View Count :
17,184
Created : 2016-04-20
웹개발기타
#인스턴스
#instance
#객체지향
#객체
#프로토타입
ie 8 embed 태그 youtube 동영상 재생이 안되는 경우
embed 태그를 사용하여 유투브(Youtube) 영상을 콘텐츠에 삽입하는 경우 IE 8 에서 정상적으로 동작하지 않을 수 있다. 이 경우 어떻게 해야 정상적으로 IE 8 구버전에서 플레이가 가능한지 알아보
View Count :
6,594
Created : 2016-04-04
웹개발기타
#embed
#iframe
#video
#object
#동영상
#ie 8
IE 8 에서 CSS 미디어 쿼리 적용 안되는 경우 해결하는 방법
CSS의 미디어 쿼리(Media Query)는 IE 구버전에서 정상적으로 동작하지 않는다. 만약 IE 8 에서 미디어 쿼리를 사용하려면 어떻게 해야할까? 사실 가장 좋은 방법은 IE 8을 지원하지 않는 방법이다. 그
View Count :
4,156
Created : 2016-04-01
웹개발기타
#미디어 쿼리
#media query
#css 3
IE 8 에서 label 태그 정상작동 안하는 경우 해결방법
IE 구버전(IE 8 이하) 에서는 label 태그가 정상적으로 동작하지 않는다. 그렇기 때문에 라디오 또는 체크박스등에 사용된 input 태그가 정상적으로 동작하지 않는데 이를 수정하기 위해서는 아래와 같은 스크립
View Count :
7,525
Created : 2016-04-01
웹개발기타
#label
#ie 8
#익스플로러
#라디오
#체크박스
윈도우 7 USB 설치디스크 만들어 인스톨하는 방법
요즘은 CD Drive가 많이 사용되지 않습니다. 유용한 flash 드라이브나 가상 디스크 사용이 워낙 활발하기 때문이죠. 만약 가지고 있는 iso 형태의 윈도우즈 7(Windows 7)을 USB를 통해 설치하려면?
View Count :
2,684
Created : 2016-03-31
웹개발기타
#usb 설치
#윈도우
#인스톨
#windows
#install
[ASP] 콘텐츠에서 태그 제외하는 함수, strip_tags()
ASP에서 태그를 삭제할 경우 어떻게 해야할까? 모든 서버 스크립트언어가 그렇듯 ASP 역시 태그를 손쉽게 제거할 수 있는 함수를 제공하고 있다면 매우 편하겠지만... 아쉽게도 이에 대한 방법이 없어 필요한 함수를
View Count :
3,352
Created : 2016-03-31
웹개발기타
#strip_tags
#태그 제외
email html에서 table radius 속성이 적용 안되는 경우
email html을 사용해 사용자에게 메일을 발송하는 경우 테이블 태그를 많이 사용한다. 만약 테이블 태그를 사용했는데 아래와 같은 이슈가 나타난다면?? 나타나는 이슈는 다음과 같다. html 코드에 table 태
View Count :
10,122
Created : 2016-03-28
웹개발기타
#table
#edm
#email
#radius
웹사이트 QA 직무 알아보기
안녕하세요. 웹과 관련된 다양한 이야기들을 나누는 EnSSo입니다. 오늘은 QA 직무에 대하여 알아보자 합니다.QA(Quality Assurance)라고 하면 품질을 검증하는 과정의 업무를 말합니다. 웹 관련 업무
View Count :
5,904
Created : 2016-03-25
웹개발기타
#QA
#사이트 검증
#퍼블리싱
웹에서 모달창과 팝업창의 장단점 알아보기
웹에는 숨겨진 영역이나 별도 공간을 필요한 상황에만 보여주는 다양한 인터페이스 요소가 존재한다. 가장 넓리 쓰이는 것들 중 하나가 팝업창 및 모달창이다. 이 둘 사이의 차이점과 특징에 대하여 알아보고 어떤 장단점이
View Count :
42,773
Created : 2016-03-24
웹개발기타
#모달창
#팝업창
#modal
#popup
Notepad++에서 자동줄바꿈 방법 보기
Notepad++는 무료이면서도 다양한 기능을 제공한다. 오늘 알아볼 내용은 자동으로 줄바꿈 되는 기능을 어떻게 해야하는지 알아보고자 한다. 줄여서 자동줄바꿈, Auto wrapping 기능이다.이 기능은 모두 알겠
View Count :
21,721
Created : 2016-03-13
웹개발기타
#자동 줄바꿈
#auto wrap
#wrapping
#notepad++
#노트패드
First
Prev
...
6
7
8
9
10
11
12
13
14
Next
Last