본문 바로가기

IT_Developers1149

GitHub - 소스트리(SourceTree) / 파일 업로드 방법 소스트리로 깃에 파일 업로드 안녕하세요. 고코더 입니다. 이전 시간에는 파일 업로드 새로운 레파지토리를 만들었습니다 이번엔 레파지토리에 소스파일을 업로드 해보겠습니다. ● 1. 생성된 원하는 레파지토리 git 주소를 복사합니다. ● 2. 이전 시간에 본거처럼 소스트리 메뉴에서 Clone을 합니다. ● 3. 해당 주소를 맨위칸에 넣고 두번째 칸 폴더를 정합니다. 여기까진 이전 시간에 clone과 동일 합니다. ● 4. 지정된 해당 폴더로 이동해보면 숨겨진 파일로 .git이 포함되어 있습니다. 깃 저장소라는걸 확인 할 수 있습니다. ● 5. 그리고 이 폴더에 업로드 하기 원하는 소스를 복사를 합니다. 저는 홈페이지 소스를 복사했습니다. ● 6. "모두 스테이지에 올리기"를 실행 합니다. ● 7. 소스트리가 .. 2019. 6. 14.
jQuery UI - 이미지 드래그, 리사이징 / resizable() draggable() 제이쿼리 이미지 드래그 드랍, 사이즈 조절 안녕하세요. 고코더 입니다. jQuery UI를 쓸때 가장 많이 활용하게 되는 기능이 두가지가 있습니다. 바로 이미지 드래그와 리사이징 입니다. 레이어 팝업을 만들거나 사용자에게 크기를 조절하게 편의를 제공 하는 기능은 많이 씁니다. 그래서 이번 시간에 제이쿼리를 이용해 드래그와 리사이징을 동시에 배워보겠습니다. ● 1. 아래 소스를 웹사이트에서 실행해보세요. 1234567891011121314151617 $( document ).ready(function() { $('#GoCoderImg1').resizable(); $('#GoCoderImg2').draggable(); }); Colored by Color Scriptercs ● 2. 하나는 사이즈 조절이 가.. 2019. 6. 11.
CSS - Font Awesome 버전별 아이콘 확인하기 Font Awesome 아이콘 리스트 웹사이트 확인 안녕하세요. 고코더 입니다. 웹 아이콘으로 가장 많이 사용 되는 Font Awesome 제 블로그에도 홈페이지에서도 사용중입니다. 반응형 웹부터 일반 홈페이지까지 필요한 아이콘을 바로 가져다 쓰는게 가능합니다. 오늘은 이 편리한 아이콘 버전별로 어떤 icon들이 있는지 확인하는 방법을 알아보려고 합니다. ● 1. 제 블로그의 Font Awesome 버전은 4.7.0 입니다. 블로그를 꾸미다 보니 해당 버전의 어떤 아이콘들이 존재하는지 확인하는 방법을 찾다가 첫번째는 ● 2. 소스를 열어보면 이렇게 준비된 아이콘들의 이름을 볼 수 있습니다. 하지만 개발자는 효율적으로 일해야겠죠 ● 3. 해당 4.7.0버전의 아이콘 리스트는 아래에서 확인 가능합니다. ht.. 2019. 6. 11.
워드프레스 - 데이터 백업 및 이전을 위해 내보내기(export)/가져오기(import) wordpress 데이터 XML로 저장 복구 안녕하세요 고코더 입니다. 워드프레스에 데이터를 백업하고 복구해야 할일이 종종 생깁니다. 서버를 이전 하거나 백업해두기 위해서 등등이 있겠죠. 물런 DB로 백업하는 방법이 가장 좋지만 워드프레스에 있는 기능을 사용하여 데이터를 다뤄 보겠습니다. ● 1. 관리자에서 도구 -> 내보내기를 클릭 합니다. ● 2. 원하는 데이터를 내보낼 수 있습니다. 보통은 모든 컨텐츠가 아닐까요 ● 3. 생성된 데이터 파일입니다. .xml 로 이루어져 있어서 관리하기 편하네요. ● 4. 이젠 데이터를 복구해보겠습니다. "가져오기"를 클릭 합니다. ● 5. 그럼 다양한 옵션들이 나타나는데 "지금 설치"를 클릭해 워드프레스를 설치해주세요 그리고 가져오기 도구를 실행 ● 6. 파일을 선.. 2019. 6. 5.
jQuery UI - Div 강조하기 / effect highlight Div 반짝 거리게 하기 안녕하세요. 고코더 입니다. Div안에는 많은 것들을 담습니다. 사이트는 강조해야 할 Div가 존재하게 됩니다. ● 1. 얼마전에 만든 제가 만든 QR코드 만들기 사이트에 접속시에 해당 네모 DIV안에 이미지가 나타난다고 알려주고 싶더군요 그래서 알아본 결과 jQuery UI에 제공하는 간단하고 강력력한 기능인 effect를 사용하는 방법이 있습니다. ● 2. 아래에 코드를 웹에서 실행해보세요. 12345678910111213141516171819 $( document ).ready(function() { $('#GoCoderDiv').effect("highlight", 1000); }); DIV 강조 Colored by Color Scriptercs ● 3. 아래처럼 Div가 .. 2019. 6. 3.
GitHub - 소스트리(SourceTree) / Clone으로 소스 가져오기 소스트리로 git 저장소 저장하기 안녕하세요. 고코더 입니다. 소스트리로 깃을 사용할때 가장 편안 작업은 저장소를 가져오는 것 입니다. 커맨드로 칠때보다 훨씬 빠르고 실수 없이 가져 올 수 있습니다. 저장소를 동기화 해야 소스트리로 형상관리를 할 수 있으니 제일 처음 해야 할 일이기도 하겠네요. ● 1. 소스트리에서 Clone을 누르면 아래처럼 clone ui의 모습이 등장 합니다. ● 2. 그럼 나의 레파지토리에서 주소를 가져오겠습니다. 비어있는 저장소에서는 아래 주소를 확인하면 되고 ● 3. 이미 파일이 존재하는 저장소는 Clone or download를 클릭해서 주소를 가져옵니다. ● 4. 해당 주소를 맨위에 입력하면 Git 저장소일 경우 아래에 텍스트 박스에 자동으로 해당 데이터가 입력 됩니다. .. 2019. 5. 24.
GitHub - 소스트리(SourceTree) / 계정 추가 깃헙 사용자 추가 안녕하세요. 고코더 입니다. 이제 소스트리를 설치했다면 처음 해야 할일은 깃에 있는 나의 계정을 로그인 하는 것입니다. (계정 추가라고도 합니다.) ● 1. 소스트리에서 Rmote로 이동합니다. 그리고 아래에 있는 계정 추가를 클릭 합니다. ● 2. 이동된 화면에서 호스팅 서비스를 GitHub로 선택 합니다. ● 3. 인증 방식은 Basic으로 선택 합니다. ● 4. 사용자명을 입력하는데 여기서 사용자명은 로그인 계정이 아니라 사용자 계정입니다. ● 5. 로그인 했을때 나오는 나의 프로필을 확인하면 더 쉽습니다. ● 5. 그리고 새로고침을 눌러서 로그인 합니다. 비밀번호는 계정 생성시 만든 비밀번호 입니다. ● 6. 올바른 데이터를 입력하면 왼쪽 아래에 인증 성공이 나오면 확인을 눌러 .. 2019. 5. 24.
GitHub - 소스트리(SourceTree) 설치 / 다운로드 / 첨부파일 Source Tree setup 안녕하세요. 고코더 입니다. Git를 사용한다면 커맨드에서 하는 방법을 가장 추천하지만 UI만 있다면 시간을 더욱 단축 할 수 있습니다. 그래서 Git을 컨트롤 하는 프로그램이 많이 나왔는데요 그 중에서도 실무에서 가장 많이 사용하는 소스트리를 설치 해보려고 합니다. 당연히 개인과 기업에서 무료 입니다. ● 1. 해당 URL에 접근해 해보겠습니다. 그리고 화면에 보이는 다운로드를 클릭해주세요. https://ko.atlassian.com/software/sourcetree ● 2. 해당 URL에 접근해 해보겠습니다. 그리고 화면에 보이는 다운로드를 클릭해주세요. ● 3. 혹시 설치중에 이런 메세지가 보이셨나요? 닷넷 프레임 워크가 설치되지 않았거나 최신 버전이 아닌 경우 .. 2019. 5. 24.
GitHub - 새로운 레파지토리 만들기 / new repository 깃 레파지토리 추가하기 안녕하세요. 고코더 입니다. github에 기본이 되는 레파지토르(repository)를 만들어 보겠습니다. 간단하게 말하면 폴더라고 이해 하셔도 무방할거 같습니다. 깃을 사용하는 첫번째 방법이자 시작이겠죠. ● 1. 자신의 깃 계정에서 오른쪽 위에 +를 누르고 "New repository"를 클릭 합니다. ● 2. 원하는 이름을 짓습니다. 해당 이름대로 URL로 접근이 가능 합니다. 아래 그림대로 만들면 이렇게 됩니다. https://github.com/gocoder-net/editplus_theme ● 3. 그리고 해당 소스에 대한 설명을 씁니다. ● 4. Public 이면 모든 사람이 볼 수 있고 Private 면 나와 내가 접근을 허락한 사람만 볼 수있습니다. (얼마전까지 .. 2019. 5. 23.

티스토리툴바