본문 바로가기

전체_컨텐츠2572

네이버 웹마스터 - 소유 사이트 삭제하기 네이버 웹마스터에서 소유한 site 삭제 안녕하세요. 고코더 입니다. 네이버 웹마스터에서 소유한 사이트를 삭제하는 방법을 알아봅니다. 사이트를 폐쇄하거나 더 이상 네이버 마스터 도구를 사용하지 않는다면 삭제하여 깔끔하게 정리하는 것도 좋은 방법입니다. ● 1. 웹마스터 도구에서 사이트 관리를 접속하면 여러 개의 사이트가 나타납니다. 여기서 삭제를 원하는 사이트를 체크하고 삭제를 클릭합니다. https://searchadvisor.naver.com/console/board ● 2. 경고창이 나타나고 여기서 확인만 가볍게 클릭해주면 ● 3. 즉시 사이트가 리스트에서 사라지는 걸 확인 가능합니다. 마무리 정리하는 것도 웹마스터가 할 일 2021. 1. 4.
ReactJS - 리액트를 만든 개발자는? , 왜 리액트 사용해해야 하는가! 리액트란? 안녕하세요. 고코더 입니다. ● 1. 오늘은 리액트란 무엇인지 한번 알아보는 시간을 가져보겠습니다. 2013년도에 공개되어 2015년도에는 React Native가 발표되었습니다. 웹부터 모바일까지 확장해서 여전히 꾸준하게 사용되고 있는 최고의 라이브러리입니다. 오늘은 이 리액트란 녀석을 만든 사람과 왜 이걸 사용해야 하는지 알아봅니다. 페이스북 개발자가 만든 프런트엔드 라이브러리 ● 2. 리액트는 Jordan Walke라는 천재 개발자가 만들었습니다. 현재 2010년 페이스북에서 10년이 넘는 시간 동안 재직해왔고, 워싱턴 대학을 나오고, 아마존에서 일을 한 경험도 있는 엘리트 개발자입니다. https://twitter.com/jordwalke ● 3. Jordan Walke의 깃허브와 링크.. 2021. 1. 4.
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.
픽픽 - 캡처 이미지 용량 줄이기 /pickpick 캡처한 이미지 품질 최저로 하기 안녕하세요. 고코더 입니다. ● 1. 픽픽에서는 캡쳐한 이미지가 하상 최고의 화질로 저장되게 설정이 되어 있습니다. 보통은 가장 좋은 화질을 사용하기 위해 캡처하지만 많은 양의 이미지가 필요할때는 화질을 좀 낮추어서 용량을 작게할필요가 있을때가 있습니다. ● 2. 픽픽을 실행 한 후에 옵션을 설정합니다. ● 3. 해당 창이 나타나면 이미지 탭을 클릭합니다. 그럼 JPEG 옵션이 나타나고 여기서 화질을 조정이 가능합니다. 최저로 할 수록 용량은 작아지지면 선명도가 떨어지게 됩니다. ● 4. 하지만 최저로 한다고 크게 품질이 떨어지지는 않습니다. 아래 이미지는 최저 화질로 저장했지만 크게 나쁘지는 않네요. 마무리 용량이 작아야할 문서 같은 곳처럼 상황에 맞게 사용하세요. 2021. 1. 3.
픽픽 - 화면의 좌표를 알아내기 / pick pick 픽픽 십자선 기능으로 화면 좌표 알아보기 안녕하세요. 고코더 입니다. ● 1. 캡처 프로그램 픽픽을 사용하면 좋은 부가 기능이 많습니다. 그 중에서도 가끔 화면에 좌표를 알고 싶을때 사용하면 좋은 기능이 있어 이를 공유하려고 합니다. 픽픽을 실행하면 "그래픽 도구"에 십자선이라는 항목이 존재합니다. 이를 클릭합니다. ● 2. 그럼 이렇게 마우스 커서에 따라 좌표가 표시됩니다. 현재 커서가 가르키는 모니터의 픽셀 위치 즉 좌표를 표시합니다. 불량화소 AS 할때 적어가면 편리합니다. 마무리 무료인데 강력한 기능 2021. 1. 3.

티스토리툴바