본문 바로가기

전체_컨텐츠2572

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.
에디터플러스 - 고코더 다크테마(darkTheme)를 배포 합니다. GoCoder DarkTheme .ini 글꼴 설정 파일 다운로드 안녕하세요. 고코더 입니다. 에디터플러스는 개발자들의 사용량의 비해 테마 숫자가 생각보다 많지 않습니다. 딱히 제 스타일에 맞는 테마를 찾지 못해 여러 테마를 참조하고 마음에 안드는 색깔은 커스터마이징 해서 제 기준대로 눈이 편한 느낌으로 테마를 만들어서 사용 중 입니다. ● 1. 고코더 다크테마(GoCoder DarkTheme ) 배포하기엔 부족한게 많지만 몇 분이 요청하여 이참에 github를 통해 배포 합니다. ● 2. 해당 깃에서 파일을 다운로드 해주세요. https://github.com/gocoder-net/editplus_theme/ ● 3. 적용 방법은 아래 글을 참조해주세요. -> 에디터플러스 - 테마(Theme),컬러(C.. 2019. 5. 23.
에디터플러스 - 테마(Theme),컬러(Color) 변경하기 editplus theme color setting 안녕하세요. 고코더 입니다. 개발자라면 메모장 보다 에디터플러스를 더 많이 사용하고 있습니다. 에디터 플러스 기본 테마는 익숙하지만 눈을 테러 컬러인건 어쩔 수 없습니다. ▼ 너무 밝고 상쾌 합니다. 다행히 에디터플러스에서는 테마를 변경할 수 있는 기능이 있습니다. 우선 테마를 받아 보겠습니다. ▼ 여기서 MDT라는 다크 테마를 받아보겠습니다. https://github.com/vidtho/MDT_EditplusDarkTheme ▼ 에디터플러스에서 도구(T) -> 기본 설정으로 이동해주세여 ▼ 기본 설정에서 색상-> 가져오기를 클릭합니다. ▼ 그리고 다운 받은 테마 파일을 import 합니다. ▼ 적용 아니면 확인을 클릭 합니다. ▼ 그럼 해당 테마대로.. 2019. 5. 22.
JavaScript - 사파리에서 body, HTML에 클릭(click) 이벤트가 바인딩 되지 않는다. safari click 에 되지 않네요 안녕하세요. 고코더입니다. 브라우저는 제조사 마다 웹사이트를 분석하는 각자의 특징을 가지고 있습니다. 개발시에 크로스브라우징을 체크하지 않으면 클레임에 걸리게 됩니다. 최근에 모니터 불량화소 체크 사이트를 만들면서 (monitor.gocoder.net)특이한 케이스를 발견했습니다. 상식이었는데 제가 모르던 사실일 수도 있지만 ▼ 아래 소스를 우선 확인해보겠습니다. 1234567891011121314151617181920212223 $('html').on('click', function(){ alert('사파리에서 안됨'); }); $('body').on('click', function(){ alert('사파리에서 안됨'); }); $('body > div').on(.. 2019. 5. 22.
웹툴 - 모니터,스마트폰,태블릿 액정화면 불량 체크 사이트 / monitor.gocoder.net 불량화소,응답속도,명암비,가독성 체크 사이트 안녕하세요. 고코더 입니다. 모니터를 구매하셨나요. 스마트폰을 태블릿을 구매하셨나요. 그럼 바로 화면에 불량부터 체크해야 합니다. 그래야 바로 교환이 가능하겠죠. 나중에 발견되면 거슬리게 되고 정말 스트레스 받습니다. 그래서 제가 만들었습니다. ▼ 불량화면 체크 사이트 모니터 고코더넷 http://monitor.gocoder.net ▼ 첫화면은 이렇습니다. "check go"를 누르면 테스트가 진행 됩니다. ▼ PC라면 마우스 왼쪽 버튼을 화면에 누르시면 되고 액정을 클릭하는 스마트폰 태블릿은 화면을 터치하시면 됩니다. 불량화소 색상 테스트 화면상에 불량 도트가 있는지 확인 가능합니다. 그리고 색상이 제대로 표현되는지도 확인해보세요 무지개색(빨주노초파남보), .. 2019. 5. 22.
jQuery - 가볍고,간단한 깔끔한 화면 한쪽 팝업 / jGrowl 오른쪽 화면 위에 나타나는 javascript 네모난 팝업 레이어 박스 안녕하세요. 고코더 입니다. 예전에 팝업 하면 무조건 window.open 을 통한 브라우저 자체 내장객체를 사용했습니다. 그런데 요즘은 반응형 이슈와 스마트폰에서 팝업을 무조건 막는 정책때메 레이어 팝업을 많이 사용 합니다. 이 layer 팝업중 가장 깔끔한 플러그인을 소개 해드릴려고 합니다. ▼직영하면 j 으르렁 대다 인가 ㅎㅎ https://plugins.jquery.com/jgrowl/ ▼ 고코더 방문자와 구독자를 위해 직접 간단하게 코드를 작성했습니다. 그대로 HTML을 실행하면 화면이 실행 됩니다. 1234567891011121314151617181920212223242526272829303132333435363738394.. 2019. 5. 21.

티스토리툴바