개발자 도담씨

원래 웹 하나를 혼자 만들겠다는 목표를 가지고 풀스택을 공부하다가. 요즘 프론트앤드에 조금 더 흥미가 가기 시작했다. 물론 저 목표는 유효하나 프론트 앤드쪽을 깊게 파보고 싶은 마음에 알아보다가 SASS는 필수라기에 공부를 시작해본다 :) 인터넷에 충분히 잘 설명되어있지만 이상하게도 나는... 인터넷 강의든 글이든..(물론 개발할땐 참고하지만) 공부가 불가능하니 또 책을 주문했다😂 우선 SASS는 컴파일러 없이 사용할 수 없기때문에 컴파일 과정을 거쳐야한다. SASS의 설치는 간단하다. SASS를 PC에 설치 하는 방법은 '어플리케이션 방식'과 커맨드라인'방식이 있다. 커맨드 라인방식은 직접해보진 않았지만 메모는 해놓겠다. @커맨드 라인 방식 1. 맥과 리눅스를 루비라는 프로그래밍 언어가 설치가 되어 있..

window.onload = function(){ var app = new Vue({ el : "#wrap", data : { "history" : [], "work_idxs" : [], }, computed : { checkAll : { //getter get: function(){ if((this.work_idxs.length != this.history.length) || this.history.length == 0) return false; else return true; }, //setter set: function(e){ if(e){ for(var i=0; i history는 리스트를 가지고 있는 배열이다. ( ajax로 history를 받아오는 부분인데 따로 이부분은 위에 표시 하지 않았다...

또 까먹기 싫으니까 메모하러 왔다..ㅎㅎ 해시태그 검색 기능을 하는데 정규식을 잘 모르니 힘들다 😫 preg_match_all("(#[\d|A-Z|a-z|ㄱ-ㅎ|ㅏ-ㅣ|가-힣]*)", $content, $matches); () : 괄호 안의 정규식을 하나의 단어로 인식 / ex. (1|2) = 1또는 2를 찾으면 뽑아냄 / (#) [] : 자동 or / [\d|A-Z|a-z|ㄱ-ㅎ|ㅏ-ㅣ|가-힣] = 영어 또는 숫자 또는 한글 * : 모든 문자를 가져와라 #이 포함된 문자뒤 [\d|A-Z|a-z|ㄱ-ㅎ|ㅏ-ㅣ|가-힣] 영어, 한글, 숫자로 된 *연속적인 문자를 추출 간단한데 너무 복잡해!

검색해보면 좋은 원페이지 스크롤 플러그인들이 많다... 잘 만들었지만.. 내가 원했던건 원페이지 스크롤과 일반 스크롤이 합쳐진 것.. 그러니까 원페이지로 잘 가다가 특정 부분에선 일반 스크롤이 되었으면 했던 것🤔 (할꺼면 다 똑같은 원페이지로 하지 ㅠㅠ) 유명했던 fullpage.js랑 하나 더 사용해봤지만 원페이지 스크롤에서 일반 스크롤로 넘어갈때 자연스럽지 않고 덜덜 거리는 현상이 생겨서 처음에 직접만들다가 실패하고 이번에 다시 차근차근 생각해서 만들어봤다. 매번 말하지만 아직 초보라 미흡한 부분이 많다. 피드백은 항상 감사하다 :) 전체 코드 ✌️ var total_section = 0; //전체 원페이지 수 var current_idx = 0; var screen_h = 0; // 화면 높이 va..

최근 간단한 페이지도 웹 기획이 중요함을 깨닫고... 회사가 기획자를 뽑을 상황도 아니고 뽑을 생각도 없구... 하지만 웹을 만드는 내 입장에선 기획 없이 하는게 너무나도 힘들어서 회사에서 웹기획 책을 하나 몰래 가져왔다 ^-^; 👍 그리고 나에게 필요했던 기능 정의서와 정책 정의서를 내가 직접 공부해서 만들고 계획을 세우리라 다짐을 하며 포스팅을 한다. 1편에서는 기능 정의서에 대해 알아보려고한다. 항상 그렇듯 책을 처음 읽으면서 정리해 나가는거라 미흡하거나 잘못된 부분이 있으면 댓글로..😚 1. 기능 코드 : 기능별로 코드 이름을 부여하여 문서로 의사소통할때 편리하다. 살펴보니 나름의 규칙이 있었다. ( 프로젝트이름 - 이용자(front)/관리자(back)화면 - 메뉴이름 - 번호 ) 2. 뎁스 : ..

seo작업이 중요한 웹 페이지들을 제작하면서 여러 참고 사이트를 봤는데 한가지 의문점이 드는게 생겼다. seo작업 시 이미지로 하지 않아도 되는 것들은 그러니까 텍스트들은 이미지로 사용하는 것이 아니라 텍스트로 작업을 하라라고 seo가이드라인에 떡하니 적혀있었는데... 많은 홈페이지들이 그냥 이미지만을 사용하고 있었다. 클라이언트에게도 가서 seo작업을 하려면 이미지로 다 사용해선 안된다...라고 말했었는데 다들 seo작업을 하지 않는건가??하고 찾아봤다. 역시나 히든 작업을 하고 있었다. 1. display:none 및 visibility:hidden 히든작업이라고 하면 가장 처음 생각될 속성들. 그리고 실제로 이용되고 있던데 seo작업에서 히든작업에 사용하면 안되는 속성들이다. 부정적인 영향을 끼친다..

다들 krzip을 로그인이나 게시판에서 자동으로 사용하다 보니 외부에서 사용할 일이 잘 없나보다... 사용하려고 찾아보니 아무도 외부에서 안사용했더라..(굉굉..😭 그래서 직접 타고타고 들어가서 사용법 찾아냈다..^0^.. 언제 또 쓰일지 모르니 블로그에 남긴다. 사실 krzip모듈의 뷰에 가면 떡하니 바로 나올줄 알았다. 하지만 그쪽에 없더란거..😫 //krzip $oKrzipModel = getModel('krzip'); $krzip = $oKrzipModel->getKrzipCodeSearchHtml('address', $arg); 모델에 위치하고있다. 첫번째 매개변수는 input의 name이 될 친구, 두번째 매개변수는 input의 value가 될 값(배열)이다. 저렇게 가져와서 php페이지에 {..

SELECT * FROM '테이블명' WHERE '컬럼명' = (SELECT max(regdate) FROM '테이블명' ) 처음 GROUP BY와 ORDER BY를 사용하면 되지 않을까 했었는데 안되더라 ^0^..;; 인터넷을 보니 된다던 사람도 있었는데 데이터베이스 종류가 달라서 그런지 나는 안되었던.. 그래서 직접 작성했다 :) 까먹을까봐 포스팅! +) JOIN 참조 사진 장황한 길보다 해당 사진이 이해하기 쉬워서 가져와봤다ㅎㅎ

처음 써보는 종류의 포스팅이다. 이번엔 5년동안 나의 동반자 "순비누"를 포스팅해보려고 한다. 얼마나 사용했는지 기억도 안날 정도다... 5년 이상 사용한 친구인 것 같다🙆 처음 만나게 된 이유는 바로 🌱새싹이 자란다는 말🌱에... 비누에서 어떻게 새싹이 자라..?하면서 궁금증으로 첫만남을 하게 됐었다ㅋㅋ 이게 벌써 어엿 5년이 넘었다니.. 판매 페이지에도 있는 움짤인데 다시봐도 신기하다...( 그리구 징그럽다ㅋㅋㅋㅋ ) 원래는 계면활성제가 2.2%들어가서 2.2라는 이름을 가지고 있던 친구였는데.. 최근에 계면활성제가 1.9%로 줄었다는 소식을 접했다😨 타사 클렌저들을 보면 정말 많은 성분이 표시 되어있는데 이 순비누의 성분을 보면 놀랍다. "정제수, 올리브오일, 에탄올, 소듐하이드록사이드, 쌀가루, ..

무한 스크롤을 검색 하니 대부분 전체 창에 대한 무한 스크롤 형식이 나와서 다음에 언젠간 또 검색하면서 찾을 태그의 무한 스크롤이니 포스팅으로 남겨 놓으려고 한다 ㅎㅎ... 회사 사수분이 사용하셨던 코드를 분석해보았다 :) // scroll $("#scroll_tag").scroll(function() { // 페이징을 위한 변수 ( *무시 해도 되는 부분 ) var page = $("[name='feed_page']").val(); var last_page = $("[name='feed_last_page']").val(); if(page == last_page) return; var innerHeight = $(this).innerHeight(); var scroll=$(this).scrollTop()..