본문 바로가기

COA Lab's Coding Tips

git, git Hub -2. 깃 도메인 연결하기..작성중 작성중.. 더보기
git, git Hub -1. 작업환경 설정 및 프로젝트 업로드 1. git 다운로드 : git 검색 2. github.com 가입 아이디 생성 3. 폴더 안에서 우클 > git bash 확인 4. git bash cmd에서 아래 내용 치고 들어감 1) git init 2) git remote add origin 주소(git에서 레포지토리주소 복사 http주소.git) 주의 : remote가 이미 존재한다는 에러가 발생했을때는 아래처럼 remote를 remove하고 다시 remote해 준다. [[[[[[[[[[[ git remote remove origin ]]]]]]]]]]]]]]] $ git remote add origin https://github.com/..../tutorial.git error: remote origin already exists. 리모트 했.. 더보기
vscode 편리한 팁 많이 사용하는 것 참조 https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf visual studio code의 확장메뉴 설치 거의 필수 더보기
vscode 마우스휠로 화면확대 Ctrl +를 누르면 인터페이스 전체가 확대되어 화면영역을 차지하게 된다. 아래와 같은 방법을 사용하면 인터페이스 화면영역의 크기와 상관 없이 코드영역의 크기만 조절 가능하다. File>Preferance>Settings>Text Editors>mousewheel검색하여 체크해 둔다. 이렇게 하면 화면의 글자크기를 마우스휠로 조정이 가능해 진다. 더보기
유용한 화면캡처 1. print screen + Window + alt 현재 활성화 된 창을 캡처하여 폴더에 저장한다. 순서대로 모든 파일이 폴더(사용자>동영상>캡처폴더)에 모두 저장되어 있다. 2. 브라우저 화면 캡처 : 크롬 F12개발자 도구 -> Ctrl + shift + P -> screenshot 검색 전체화면을 스크린캡처할 때 편하다 3. 크롬 웹스토어에서 Nimbus 활용 - 서비스여부 확인이 필요하다 더보기
참고할만한 오픈API 종류 api www.data.go.kr/ 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com developers.giphy.com/ GIPHY Developers The GIPHY Developer Portal is how you integrate the world's best GI.. 더보기
카카오 지도API 연결하기 지도API서비스를 이용할 수 있는 곳은 구글, 네이버, 카카오가 있다. 각 회사마다 사용정책이 다르니, 확인이 필수이다. 카카오 지도 API를 연결하여 사용하기 위해서는 1. apikey를 발급받아야 한다. 이를 위해 '카카오개발자' 홈페이지에 접속하여, 카카오 로그인을 한다. developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 2. 로그인 한 다음 [내 애플리케이션] 메뉴에 들어가 [애플리케이션 추가하기] 버튼을 누르고, 정보를 입력하면, 각 플랫폼 별로 다른 app key를 확인 할 수 있다. 3. 웹용문서.. 더보기
폰트 제너레이터 - 웹용폰트 | font convert 1. 다운로드 받은 폰트의 파일 형식을 웹용으로 전환한다. 2. 다운로드 받은 폰트의 font-family 이름을 만들어 준다. 1. transfonter.org/ 사이트에 접속한다. ( 여기 말고도 구글에 font transfer 검색하면 다른 사이트도 많이 나온다. ) 2. Add Fonts 버튼을 누르고, 나의 컴퓨터 안에 있는 폰트 파일을 추가 한다. 3. Convert 버튼을 누르면 하단에 converting을 진행하게 된다. 4. 그러고 나면 아래 그림처럼, Download 버튼이 생기고, 버튼을 누르면 된다. 5. 다운로드 폴더로 이동해 zip파일의 압축을 푼다. 6. 폴더 안에 웹용 폰트인 woff 파일이 만들어 졌고, demo 문서를 열어 보면, 아래 그림처럼 font-family : '.. 더보기
[edit plus] 화면 확대축소, 인코딩, .bak생성 1. ctrl+mousewheel을 올리거나 내려서 화면을 확대/축소 한다. 이 기능이 되지 않을 때는 상단 보기(view) 메뉴에 들어가 [화면글꼴]에서 [ctrl+마우스휠로 확대]를 클릭하여 둔다. 고정으로 화면에서 글꼴을 정의할 때는 상단의 톱니바퀴모양의 설정버튼을 클릭하여 [기본설정]에 들어가, 좌측 항목에서 [일반>글꼴]을 선택하고 글자의 크기를 지정해 준다음 [확인]을 누른다. 2. 기본 인코딩을 변경하거나, .bak파일이 자동으로 생성되지 않게 하기 위해서는 아래 그림과 같이 [도구]>[기본설정](상단에도 아이콘이 있다)>[파일]>기본인코딩 : UTF-8로 설정, 저장시 백업파일 생성을 체크 해제해 둔다. 더보기
Mozilla 개발자 블로그 https://developer.mozilla.org/ko/ MDN Web Docs MDN 웹 문서 사이트는 HTML, CSS, 및 웹 사이트와 프로그레시브 웹 앱을 위한 API를 포함한 오픈 웹 기술에 대한 정보를 제공합니다. 또한 Firefox 개발자 도구와 같은 Mozilla 제품을 위한 개발자 지향 문 developer.mozilla.org 웹문서 제작에 필요한 내용들을 공부 할 수 있는 사이트로, css, javascript 등의 속성들에 대해서 정리된 개발자블로그이다. 더보기
git, git Hub -0. 정의 https://github.com/ Build software better, together GitHub is where people build software. More than 40 million people use GitHub to discover, fork, and contribute to over 100 million projects. github.com contribution : 오픈소스에 참여해 수정하거나 운용할 수 있는 오픈소스 활동이다. 이는 왜 하는 것일까? 어떤 프로젝트를 운용하고 기여하는지를 기록으로 남길 수 있기 때문에 개발자들이 많이 올려두기도 한다. 오픈소스를 다른사람들이 평가하고 개선시킬 수 있는 이유가 있기 때문에 많이 사용하고 있다. commit : contribution.. 더보기