본문 바로가기

IT_Developers1149

CodePen - 코드펜 프로필 변경 profile 수정 안녕하세요. 고코더 입니다. ● 1. 코드펜을 가입했다면 자신을 나타내는 프로필을 수정할 수 있습니다. 이름, 정보, 사진까지 가능한 모든걸 변경 할 수 있습니다.로그인 후에 해당 URL로 이동합니다. 프로필을 편집팔 수 있는 메뉴입니다. https://codepen.io/settings/profile ● 2. 첫번째로는 프로필 이미지를 변경합니다. "Choose File"을 클릭합니다. ● 3. 그리고 자신이 사용할 프로필 사진을 업로드하면 마무리 됩니다. ● 4. 그 다음 디스플레이상에 보여줄 이름, 위치, 이력을 남길 수 있습니다. 이는 나를 표현할 수 있는 기본이 됩니다. ● 5. 위에서 입력한대로 이렇게 프로필에 표시가 됩니다. ● 6. 그 다음은 자신의 포트폴리오를 나타낼 .. 2021. 1. 4.
CodePen - 코드펜 공식 로고 다운로드 CodePen Logo 다운로드 안녕하세요. 고코더 입니다. ● 1. 개인적으로 깃허브 다음으로 마음에 드는 사이트 로고가 있다면 코드펜인거 같습니다. 물런 구글이나 애플처럼 더할 나위 없이 멋진 로고도 있지만 사이트 기준으로 말씀드리면 코드펜은 복잡한 도구 패턴이 마음에 듭니다. 그래서 로고를 다운로드 받아서 글 이미지 상단에 쓸려고 찾아보니 이런 사이트가 있어 공유 드립니다. ● 2. 해당 URL를 접속하면 코드펜의 공식 로고를 다운로드 받을 수 있는 페이지가 있습니다. PDF와 PNG 파일을 동시에 제공하고 있습니다. https://blog.codepen.io/documentation/logos/ ● 3. 다운로드 방식은 클릭하면 해당 이미지 URL로 접속 되므로 마우스 오른쪽 버튼을 눌러 "다른 .. 2021. 1. 4.
CodePen - 코드펜 깃허브로 연동하여 가입하기 / github로 코드펜 가입하기 안녕하세요. 고코더 입니다. ● 1. 이메일로 쉽게 코드펜에 가입이 가능하지만 기존의 깃허브가 있다면 이를 연동하여 가입하는 방법을 추천합니다. 어차피 두개의 사이트의 속성이 비슷하므로 하나만 가입하면 더 편리합니다. 해당 코드펜 가입 URL로 이동하여 "Sign Up with GitHub"를 클릭합니다. 사실 다른 소셜보다는 깃허브가 제일 나은 거 같습니다. https://codepen.io/accounts/signup/user/free ● 2. 연동된 깃허브 사이트에서 로그인을 합니다. 두 개의 사이트의 느낌이 굉장히 비슷합니다. ● 3. 그리고 Authorize codepen이라는 버튼을 클릭합니다. 그럼 자동으로 연결되어 로그인이 완료됩니다. ● 4. 그리고 등장하는.. 2021. 1. 4.
CodePen - 코드펜 이메일로 가입하기 코드펜 네이버, 다음, 지메일로 가입하기 안녕하세요. 고코더 입니다. ● 1. 오늘은 세계 최고의 프런트엔드 커뮤니티인 코드펜을 알아보겠습니다. 깃허브처럼 코드펜도 누구나 가입할 수 있는 무료 서비스 입니다. 그래서 개발자라면 우선 가입하는걸 추천합니다. 오늘은 초보 개발자를 위해 가입부터 차근 차근 하나씩 알아보는 시간을 갖겠습니다. ● 2. 우선 코드펜을 접속합니다. 도메인이. io인 게 인상적입니다. 해당 사이트의 오른쪽 위에 있는 sign up를 클릭합니다. https://codepen.io/ ● 3. 해당 사이트에 접속하면 두 가지 방식의 가입이 가능합니다. 첫 번째는 소셜 네트워크의 아이디를 연동하는 방식과 이메일로 가입하는 방식입니다. 이번 시간에는 네이버와 다음을 지메일을 쓰는 개발자를 위.. 2021. 1. 4.
도메인 - " .io "의 정체는? . io는 어느 나라? 안녕하세요. 고코더 입니다. 가끔 인터넷을 서핑하다 보면 특이한 도메인 확장자를 많이 봅니다. 그중에서도 .io로 된 도메인을 쓰는 곳이 많습니다. 특히 암호화폐를 다루는 사이트들이 이 도메인을 선호합니다. 개인적으로는 코드펜(codepen.io)에서 이 도메인을 사용하면서 관심이 가지기 시작했습니다. ● 1. 해당 도메인은 "영국령인도양식민지" 라는 최상위 국가 도메인입니다. 해당 약어는 British Indian Ocean Territory입니다. 해당 국가의 국기를 보면 영국의 식민지라는 걸 알 수 있습니다. ● 2. 그런데 해당 국가의 최상위 도메인은 나라 내부에서 사용해야 하지만 해당 나라에 지사를 등록하지 않아도 최고 레벨의 짧은 도메인을 사용할 수 있게 허용되어 있습니.. 2021. 1. 4.
SqlDbx - 폰트(font) 변경하기 / 기본 폰트 Courier 성능저하 SQLDBX 글꼴 변경하기 안녕하세요. 고코더 입니다. SqlDbx 는 기본 폰트를 "Courier"를 사용합니다. 이는 한글 지원 이슈가 있는 폰트로 성능이 저하될 수 있습니다. 그리고 무엇보다. 가독성도 별로입니다. 그래서 이번 시간에는 폰트를 바꾸는 방법을 알아봅니다. ● 1. SQLDBX에서 Tools에서 options를 클릭합니다. ● 2. 그리고 Editore를 클릭한 다음 Change Font를 클릭합니다. Screen Font는 내가 입력하는 폰트 글씨체고 Printer Font는 보여지는 폰트입니다. ● 3. 해당 버튼을 누르면 글꼴 선택창이 나타나고 원하는 글씨체를 변경합니다. ● 4. 그리고 마지막에는 OK버튼을 누르면 변경된 폰트로 사용 가능합니다. 마무리 내게 맞는 글꼴을 찾아보세요. 2020. 12. 30.
SqlDbx - 조회된 데이터 합계 보기 / Show Column Totals 칼럼의 데이터 총합 보기 안녕하세요. 고코더 입니다. ● 1. SqlDbx에서 편리한 기능이 있어 이를 소개합니다. 보통은 select 된 값들의 합계를 보려고 sum을 이용해서 다시 계산하기도 하는데요. sqldbx에서는 간단하게 프로그램의 기능을 통해 이를 한눈에 볼 수 있습니다. ● 2. 우선 데이터를 select 합니다. 그럼 이렇게 데이터들이 나타납니다. 해당 리스트 창에서 이때 마우스 우클릭을 누릅니다. ● 3. 그럼 맨 아래에 있는 "Show Colunm Totals"를 체크합니다. ● 4. 그럼 아래처럼 데이터의 합계가 계산되어 나타납니다. 따로 다시 계산하지 않아도 즉시 확인이 가능합니다. 물론 데이터 형식은 숫자여야 합니다. 마무리 이거 하나 덕에 시간이 단축되네요. 2020. 12. 30.
아마존 AWS 서비스 상태 확인하는 사이트 - status.aws.amazon.com 아마존 서비스 상황 확인 안녕하세요. 고코더 입니다. ● 1. AWS를 사용하는 IT 회사가 많습니다. 클라우드 서비스는 물리적인 서버를 신경 쓸 필요가 없고, 또 세계적인 IT 기업 maga의 일원인 아마존의 기술을 사용할 수 있는 장점이 있지만 여기도 사람이 운영하는 곳이라 가끔씩 오류가 납니다. 서버가 오류가 났을 때 아마존 서버가 현재 정상적으로 작동하는지 확인해보시는 것도 하나의 오류를 체크하는 방법입니다. ● 2. 해당 사이트를 접속합니다. https://status.aws.amazon.com/ ● 3. 자세히 찾아보면 서비스명과 지역 그리고 서비스 상태를 확인 가능합니다. 그리고 특이한 점은 RSS를 제공합니다. ● 4. RSS를 파싱 해서 자신이 운영하는 서비스에 현재 상태를 확인할 수 있.. 2020. 12. 28.
phpMyAdmin - 다운로드 받기 / 첨부파일 phpmyadmin.net 에서 다운로드 받기 안녕하세요.고코더 입니다. 호스팅을 사용하면 단골 SQL 도구인 phpmyadmin는 항상 자동으로 설치되어 있습니다. 무료 프로그램에 완성도가 높기 때문입니다. 하지만 해당 프로그램이 설치되지 않은 호스팅에서는 직접 설치할 수 있습니다. 오픈소스이고 무료로 다운로드 받을 수 있기 때문입니다. ● 1. https://www.phpmyadmin.net/ 에 접속하면 메인화면에 Download 버튼이 노출되어 있습니다. 이를 클릭합니다. ● 2. 해당 버튼 이후에 다운로드 팝업이 나타나고 여기서 Donate to phpMyAdmin을 클릭합니다. ● 3. 그럼 무료로 최신버전에 phpMyadmin을 다운로드가 가능합니다. ● 4. 파일을 첨부로도 올려드립니다. .. 2020. 8. 17.