개발자 도담씨

많은 블로그에 방법이 잘 나와 있지만 또 적어야 기억에 잘 남으니까ㅎㅎ..! 시작해보겠다. 01. FTP Simple 설치하기 02. F1을 눌러 FTP 설정창을 열기 03. 설정하기 보면 알겠지만 그냥 FTP정보를 입력하면 된다.😅 autosave는 파일 저장 시 서버 파일을 자동으로 저장할건지에 대한 여부이며, confirm은 서버 저장 전 저장할 것인지 한번더 물어볼지 대한 여부다. 04. 폴더 열기 F1을 다시 눌러 remote directory open to workspace 클릭 해서 원하는 폴더를 열어 작업하면 된다. 05. 마지막으로 닫기를 원한다면 다시 F1에서 Close all FTP connections를 누르면된다 +) FTP에 접속했더니...폴더..불러오는게 많이 느리다...클릭하..

이 블로그는 내가 공부한것들을 까먹지 않도록 포스팅하는 용도라 간단한 부분들은 슝하고 지나가겠다😅 1. SASS의 변수는 $로 정의한다. 2. 중첩 ( 아래 코드로 설명 끝ㅎㅎ.. ) 아래의 코드처럼 작성후 컴파일 하면 nav{} nav ul{} 처럼 css파일이 작성된다. header { background-color: $header-back; display:block; height:100px; nav { ul { list-style:none; float:right; li{ display: inline-block; a { display: block; padding: 5px 3px; margin:10px 20px; } } } } } 3. 부분화 및 불러오기 설명을 보니 내가 느낀바로는 전역변수를 별도의 ..

설치하기를 쓰고 공부를 시작할려고 하자마자 바로 불편함을 느꼈다ㅋㅋㅋ...내가 설치한건 컴파일러.. css는 저장만 하면 바로 적용된걸 볼 수 있는데.. scss로 할려니 scss파일을 만들고 > 컴파일하고 > css 바꿔주고 이짓을 해야한다고..? 바로 다시 검색하러 갔다ㅋ큐ㅠㅠ 나는 원래 메모장같은 nodepad나 sublime text같은 친구들을 주로 사용했는데, scss를 사용하기 위해 알아보다 visualstudio code라는 친구를 접했다. (비쥬얼스튜디오 오랜만이야... 응용할때만 봤었는데) 1. 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code ..

원래 웹 하나를 혼자 만들겠다는 목표를 가지고 풀스택을 공부하다가. 요즘 프론트앤드에 조금 더 흥미가 가기 시작했다. 물론 저 목표는 유효하나 프론트 앤드쪽을 깊게 파보고 싶은 마음에 알아보다가 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페이지에 {..