Chillax in dev

모던 웹(Modern Web)이 뭘까? 우연히 접하게 된 모던웹이라는 단어가 당연하면서도 생소하게 느껴졌다. 현대적인 웹 요즘 웹, 앱을 포괄적으로 나타내는 단어인데 기본적으로 반응형으로 View를 구현하고, 트렌디한 개발을 하는 것을 의미한다. 반응형 웹 디자인은 하나의 웹에서 PC, 스마트폰, 태블릿 PC 등 다양한 디스플레이에 따라 화면 크기를 자동으로 변하도록 만든 웹페이지 접근 기법으로 일반적으로 CSS @media를 통해 구현하는 것이다. 이번엔 이러한 트렌디한 웹을 구현함에 있어 내가 자주 시야를 넓히는데 활용하는 다양한 방법들을 정리해 본다. 출퇴근할 때 보아도 좋고 매일 출근하고 10분간 보는 식으로 가벼운 마음으로 트렌디한 웹, 앱 개발자가 되는 습관을 만들면 좋겠습니다. 웹 서비스를 ..

[브라우저] 크롬 홈페이지 시작 화면 변경하기 - 안녕하세요 브라우저 홈 화면이 자동으로 바뀌는 불편한 점이 많아서 제가 주로 활용하는 방법을 소개합니다. 네이트온, 비즈메카 등 회사나 학교에서 사용하는 메신저 등을 업데이트하면서 강제로 제 크롬 브라우저 홈페이지가 네이트를 노출시키는 불편사항이 있습니다. 그 원인을 가볍게 보면 업데이트 시 강제로 인터넷 시작 옵션을 네이트로 변경하기 때문인데요 매번 업데이트마다 일일이 확인하고 체크를 푸는 것도 여간 피곤한 일이 아닙니다. 인터넷 속성을 보시면 저렇게 nate로 강제로 변경되어있는 상황입니다. 이 부분에 대해서 저 url만 변경해서 해결되면 참 좋겠지만 대부분 내부 시스템에서 다시 네이트로 돌리기 때문에 금방 다시 네이트로 설정이 됩니다. 이런 복잡한 ..

[PHP] 다중 배열 foreach 순회하기 - 개발 업무를 하다 보면 결국 마지막에 하는 일은 json, xml을 파싱 하거나, 복잡한 배열을 주고받으며 내가 원하는 형태로 가공하는 일을 합니다. 특히 API를 활용하는 개발을 진행할 때 수신 측에 조건을 모두 충족하는 Request를 만들어 보내야 하는 경우가 많습니다. 즉 배열의 순회를 물 흐르듯 해야 하지요. 이것이 기초이면서 생각보다 Trying to get property of non-object , illegal off set type ... 같은 에러를 반환할 때가 많습니다. 실무 중 내가 활용한 PHP foreach 사용 예시들을 계속 추가해볼까 합니다. 1. foreach 사용법 - PHP에서 foreach를 쓰면 배열의 원소, 객체의 ..

크롬 브라우저는 input 태그를 기준으로 아이디 자동완성을 지원하는 편리한 기능이 있습니다. 하지만 뷰딴에서 검색이나 의도치 않은 필드에 자동완성이 생성되어 오히려 불편할 때가 있습니다. 오늘은 자동완성을 제거하는 간단한 꼼수 하나를 정리해봅니다. 간단하지만 해두면 편리하답니다. 현상 해결 더미 input을 하나 만들어서 onload 후 바로 삭제해주어 해결해봅니다. - view : 더미 input은 제일 마지막에 넣어주셔야 인식 엔진이 autocomplete 해주기 용의 합니다. 최하단에 아래 input을 생성해줍니다. 이때 type를 hidden이나 style로 display:none; 등을 하면 인식이 안되니 그냥 노출시킵니다. - js : 제이쿼리를 활용하여 해당 부분을 없애주면 끝! jQuer..

[제이쿼리] input 태그에 숫자입력 강제 시키기 웹 개발중 input 태그에 비용에 관련된 입력만을 강제 시켜주는 경우에 필요한 js 입니다. [js] // 숫자만 입력 강제적용 $(document).on("blur", "input:text[numberOnly]", function () { $(this).val($(this).val().replace(/[^0-9]/g, "")); }) [html] 원 이렇게 input 태그에 numberOnly 라는 지정 속성을 주어 숫자 이외의 값이 입력될때 입력창을 나갈때 숫자가 아닌값이 사라지게 합니다.

[php] 아이디 유형 유효성 검사 하기 정규식을 통한 간단한 아이디 검사를 할 수 있도록 합니다. 1. 아이디 첫글자 영문 정규식 2.영문,숫자,-,_ 특정 문자만 사용 하도록 규정 하는 방법 3. 아이디 글자 수 제한 // 아이디 유형 체크 public function check_id($str){ // 첫글자 아이디 체크 if(!preg_match("/^[a-z]/i", $str)) { return "아이디의 첫글자는 영문이어야 합니다."; } if(preg_match("/[^a-z0-9-_]/i", $str)) { return "아이디는 영문, 숫자, -, _ 만 사용할 수 있습니다."; } $len = strlen($str); if($len >= 8 && $len

[회사] 이커머스 개발자 입문하기 개발자로 취업하고 다양한 경험을 통해 실력을 키워가고 있다. 우리 회사는 이커머스 관련 솔루션을 제작하는 회사이다. 이커머스 분야는 앞으로도 상승 전망세를 보인다. 현재 대한민국의 IT 쇼핑몰 중소,중견 기업을 기준으로 아직도 이전의 구축 체계가 PHP와 비상용인 mysql 을 기준으로 개발 되어있다보니 자바 개발자들이 넘쳐나는 시장에서 이커머스분야의 나름의 경쟁력을 원한다면배우기 쉬운 php 와 라라벨 CI등의 MVC 를 통해 간단한 웹개발을 포폴로 준비하는것이 유리하다고 생각한다. 어느정도 교육이 끝나고 이제 슬슬 실 프로젝트에 투입되는 시점에서 시간이 날때 마다 이 블로그의 [회사] 카테고리 부분에 회사에서 배운 내용 , 에러 수정 사항 , 크고작을 성취들을 기록하..

sql 작성시 그레이브 엑센트 ` ` 를 넣는 이유 ' 와 "" 와 ` 는 다르다 그레이브 엑센트는 개발을 위해 만들어진 용도라고 할 정도로 많이 사용 된다. 그레이브 엑센트를 사용하여 쿼리를 사용하는 것엔 다양한 이유가 있는데 1. 일단 php 와 같은 스크립스 에서 인식을 위한 이유가 있고 2. 데이터 베이스 탐색 속도에 2배이상의 퍼포먼스 증가를 일으킨다. 왜냐하면 order by, Join 할때 php 의 경우 테이블명, 칼럼, 인덱스명을 반드시 그레이브 엔센트로 감싸 줘야 하고 그래야 조인이나 오더바이가 가능하다. 그러니 앞으로 쿼리 를 짤때는 테이블명, 칼럼명, 인덱스명에 그레이브 엑센트를 감싸서 쿼리를 작성해야한다. 특히 테이블 검색시 함수명같은거 쫙 검색하고 나오는데... 함수명을 다검색하..