frontend

Vue로 1년 전에도 작업은 하였지만 그때는 Nuxt.js였고, 이번에는 Laravel과 Vue…

도입배경 올해 초 부터 Vue.js에 관심이 생겨 개인적으로 학습하고 있었다. 2017…

css3 width속성 중 이라는유용한 단위 값이 있다. 이것은 너비에 대해 계산 된 값을 허용하는 방법인데, 보통은 아래와 같이 작성한다. 그런데 Sass/Less…

지난 6월 28일 그린팩토리 2층 커넥트 홀에서 201…

작년에 React Study Plan이라는 글을 쓴 적이 있다. 그렇게 공부하면 당연히 React로 뭔가 개발을 할 수 있다고 생각했다. 내가 너무 기초가 안 되어 있는 상태에서 배우기에는 버거운 상대였다. 유튜브 API…

하반기에 나 자신의 개발역량 강화를 위해 React를 공부하기로 결심하였다. 회사에서 다른 개발자들은 ng를 주로 사용하지만, 최근에 ng2가 나오면서 뭔가 1,2가 서로 다른 부분도 있기도 하고, typescript를 배워야 한다고 해서 React…

출처 : 정찬명님 블로그 (http://naradesign.net/wp/2014/08/01/2057/)  상황 설명 1과 9는 적의 문지기 병사이고, 짝수인 2, 4, 6, 8 역시 적군 병사입니다. 밑줄 친 숫자(1보다 크고…

짧은 실력이지만 현재 운영하고 있는 그룹웨어 서비스 로그인 페이지에 마우스를 오버하면 툴팁이 뜨도록 JQuery로 작업을 했습니다. 그런데, 툴팁이 뜨지 않는 것입니다. 클래스 명이나 변수가 잘못되었나 확인해봤지만 문제가 없었습니다. firebug…

css관련 글을 구글링 하다가 “Simpsons in CSS” 라는 글을 보게 되었습니다. Chris Pattle이라는 웹 개발자가 순수하게 CSS만을 사용해서 유명 애니메이션 심슨가족 캐릭터를 어떻게 그렸는지 소개한 글입니다. “The…

각종 입력 폼에 예시 문구를 나타내기 위해서 예전에는 이미지를 잘라서 position을 잡고 포커싱이 되면 이미지가 사라지게 하는 방법을 사용했다. HTML5에 추가된 placeholder…