본문 바로가기
728x90

IT 일반20

웹페이지에 CODEPEN 소스 붙여넣기 인터넷 혹은 코딩관련 커뮤니티 사이트에서 웹문서(HTML, CSS, Javascript)의 소스에 대한 답변으로 codepen을 웹페이지에 붙여넣는 경우가 있는데, 이 번 포스팅에서는 이 방법에 대해서 알아보겠습니다. CODEPEN 홈페이지인 아래의 사이트에 접속합니다. CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io ※ 공개할 소스를 제공하기 위해서는 가입이 필요합니다. 구글 계정으로 쉽게 가입이 가능하니, 여기서는 가입절.. 2023. 3. 21.
구글링 전문가 되기 구글 검색은 인터넷에서 정보를 찾는 데 가장 많이 사용되는 검색 엔진 중 하나입니다. 구글 검색에서는 검색 옵션을 사용하여 더욱 정확하고 필요한 정보를 빠르게 찾을 수 있습니다. 구글 검색 옵션은 크게 두 가지로 나뉩니다. 첫째는 검색어 자체에 대한 옵션으로, 이 옵션을 사용하여 검색어를 더욱 정확하게 지정할 수 있습니다. 예를 들어, "OR"을 사용하여 두 가지 단어 중 하나를 포함하는 결과를 검색할 수 있으며, 따옴표를 사용하여 정확한 구문 검색을 수행할 수도 있습니다. 둘째는 검색 결과에 대한 옵션으로, 이 옵션을 사용하여 특정 웹사이트나 파일 형식, 지역, 시간 등을 검색할 수 있습니다. 예를 들어, "site:"를 사용하여 특정 웹사이트에서만 검색하거나, "filetype:"를 사용하여 특정 파.. 2023. 3. 9.
내 홈페이지 또는 블로그가 웹 표준에 적합한지 검사하기 https://validator.w3.org 는 W3C(World Wide Web Consortium)가 제공하는 웹 문서 유효성 검사 도구입니다. W3C(World Wide Web Consortium)는 웹 기술의 발전과 표준화를 촉진하기 위해 설립된 국제기구입니다. 웹 문서의 유효성 검사는 해당 문서가 웹 표준에 부합하는지를 확인하며, 이를 통해 웹 페이지가 모든 브라우저에서 동일하게 표시될 수 있도록 도와줍니다. 웹 표준을 준수하지 않는 문서는 일부 브라우저에서는 정상적으로 표시되지 않거나, 검색 엔진 최적화(SEO)에도 부적절한 영향을 미칠 수 있으므로, 문서 유효성 검사는 웹 개발자들에게 매우 중요한 작업 중 하나입니다. W3C의 문서 유효성 검사 도구는 HTML, XHTML, CSS, RSS .. 2023. 3. 6.
2022년 한 해 가장 인기 있었던 프로그래밍 언어, 개발도구, 플래폼은? 2022년 Stack Overflow 개발자 설문 조사에서는 어떤 기술들이 가장 인기 있는지 알아보았습니다. 설문 결과, 가장 많은 개발자들이 사용하는 언어는 여전히 JavaScript입니다. 또한, Python, Java, TypeScript, C# 등도 여전히 높은 사용률을 보이고 있습니다. 이번 설문에서는 기술 외에도 개발자들이 자주 사용하는 도구들에 대해서도 조사하였습니다. 아래는 Statck Overflow Survey에서 추출한 프로그래밍과 DB 목록입니다. 가장 인기 있는 개발 도구는 Visual Studio Code로, 개발자들의 71.8%가 이를 사용한다고 응답했습니다. 이어서 GitHub, Docker, Jupyter Notebook, Postman, Kubernetes, Slack 등.. 2023. 3. 5.
프로그래밍 언어 하나로 서버, PC 애플리케이션, Web, App 그리고 AI 모두 만들 수 있는 언어는? 프로그래밍 언어 하나로 서버, PC 애플리케이션, 웹페이지, 휴대폰 App 그리고 요즘 핫 한 AI까지 만들 수 있는 언어는 바로 "JavaScript" 입니다. JavaScript언어 문법을 안다면 아래와 같이 CPU, Memory, Display와 같은 환경이 구축된 환경에서 모든 애플리케이션 제작이 가능합니다. 더 큰 장점은 소스 코딩 한 번으로 Windows, Linux, Mac과 같은 여러 플랫폼에 적용이 된다는 것입니다. Web 개발 HTML, CSS와 함께 동적인 웹페이지를 개발할 수 있습니다. 서버 개발 한 소스로 Windows, Linux, Mac OS에서 구동 가능 Node.js: 서버뿐만 아니라 클라이언트 개발에 사용되며, 주요 라이브러리들이 Node.js에 있으며, 아래에 나열되는 .. 2022. 7. 22.
상, 하단에 뜨는 애드센스 광고 없애기 애드센스 광고가 상단 혹은 하단에 뜨면서, 화면을 가리면서, 보기에 불편하게 만드는 광고가 있습니다. 이 광고를 일명 "앵커"광고라고 합니다. 이 광고가 뜨는 것을 막고자 하시는 분들에게 설정하는 방법을 알려 드립니다. 우선, 이 광고는 티스토리와 같은 블로그 설정에서 할 수 있는 속성이 아니고 애드센스 계정내 설정에서 진행해야 합니다. 아래의 절차에 따라 진행 하시면 됩니다. 1. 애드센스 계정에 로그인합니다. 2. 왼쪽 메뉴에서 "광고 - 개요"에 진입해서 나온 사이트 목록에서 연필모양 편집 버튼을 눌러 "광고 설정 미리보기"화면에 진입합니다. 3. 오른쪽 메뉴 "광고 설정"에서 "앵커 광고"를 선택 해제 합니다. 2022. 7. 19.
티스토리 글 100개 애드센스 수익 & 꿀팁 티스토리에 작성한 글 수가 100개를 넘은 기념으로 애드센스의 수익이 얼마나 되는지 한 번 알아보겠습니다. 글 하단에 티스토리를 운영하면서 알게 된 꿀팁도 올리니 참고가 되셨으면 합니다. 작성된 글이 현재 100개 조금 넘는 상황에서 수익이 얼마나 나는지 방문자 수와 애드센스 수익의 관계를 살펴보겠습니다. 애드센스 수익 통계자료 기준 작성 글 수: 100개 방문자 수: 월 단위 애드센스 수익: 월 단위 ※ 아래의 자료는 블로그의 주제와 대중의 관심도에 따라 다를 수 있습니다. 위 자료를 토대로 2022년 6월을 기준을 잡고 방문자 수가 약 6,000명, 애드센스 수익은 약 12달러, 한화로 약 15,000원(환율 1,250원 적용)이라고 했을 때 아래와 같은 통계가 나옵니다. 글 한 개당 수익: 150원.. 2022. 7. 14.
매직 키보드 with Touch ID 개봉기 & 구매 시 유의사항 이 번에 새로 나온 애플 매직 키보드(정식 판매 명칭: Apple Silicon이 장착된 Mac 모델용 Magic Keyboard with Touch ID)의 개봉을 해 보겠습니다. 구매 시 싸게 구매하는 방법과 주의사항도 같이 알려드리니 참고하시기 바랍니다. 글 구성 박스 개봉기 저렴하게 구매하기 구매 시 유의 사항 박스 개봉기 얼마 전 키보드를 들고 다니다가 키보드와 함께 넘어져서 키보드가 완전 박살이 나는 바람에 새로 구입한 터치 기능이 탑재된 매직 키보드 개봉기 시작합니다. 우선 박스 모양입니다. 기존 매직 키보드와 별반 차이가 없습니다. 단지 "with Touch ID"라는 문구가 더 생기거 이 외에는... 택배로 왔는데, 포장이 잘 되어 있어서 외간 찌그러짐 없이 아주 깔끔하게 잘 왔습니다. .. 2022. 7. 13.
티스토리 Odyssey 스킨에 다크테마 적용 티스토리의 Odyssey 스킨에 다크테마를 적용한 css소스입니다. 화이트, 다크 계열 색상을 반전시킨 버전입니다. (다크->화이트, 화이트-> 다크) 색상 적용 방식 #333 형식: #fff - #333 = #ccc rgba(111, 111, 111, 111) 형식: rgba(255 - 111, 255 - 111, 255 - 111, 111) = rgba(144, 144, 144, 111) 기타 색상(붉은, 초록, 파랑)은 그대로 유지 했습니다. ("/* 색상변경 안 함 */" 주석 참조) 스킨 적용하기 1. 블로그 관리 - 스킨 편집 2. html 편집화면으로 이동 3. css탭으로 이동 4. css 제일 하단에 아래의 내용을 복/붙하여 적용합니다. 다크테마 CSS 최종 소스 /* Odyssey da.. 2022. 6. 29.
특수 문자 (한글 자음 + 한자 키 조합) 윈도우에서 한글자음과 한자키 조합으로 입력할 수 있는 특수문자들의 전체 목록입니다. 참고로 한글 기본 자음외에 쌍자음에도 특수문자가 존재합니다. ('ㅉ'은 특수문자가 없습니다.) (ㅃ + 한자키 = 일본 가타카나, ㄸ + 한자키 = 일본 히라가나) 2022. 6. 22.
[게임] 뱀파이어 서바이벌 - 숨겨진 캐릭터 얻는 방법 (엑스대시, 붉은 죽음의 가면) 저렴한 가격과 시원시원한 타격감으로 유명한 뱀파이어 서바이벌의 숨겨진 히든 캐릭터를 얻는 방법을 설명합니다. (Steam에서 현재 무려 단돈 ₩3,300에 판매 중) 엑스대시 엑시비크 (Exdash Exiviiq) 캐릭터 얻는 방법 게임 첫 화면에서 "x-x1viiq"를 입력하시면 알 수 없는 사운드가 들리면서 잠금 해제되었음을 알려줍니다. 캐릭터 정보에서 보면 엑스대시 캐릭터가 생성된 것을 확인할 수 있습니다. 붉은 죽음의 가면 (Mask of the Red Death) 캐릭터 얻는 방법 게임 시작 후 30분이 지나면 나오는 사신을 사냥하면 얻을 수 있습니다. 공략은 아래의 영상을 참조해 보세요. 사신 사냥 공략 방법 1. 게임 시작 전 세팅 파워 업에서 자석과 성장을 모두 체크 해제합니다. 체크가 되.. 2022. 3. 17.
Windows, Office 정품 인증 cmd cmd 관리자 권한으로 실행 윈도우에서 "cmd" 검색 후 마우스 오른쪽 버튼 클릭해서 띄워진 메뉴에서 "관리자 권한으로 실행" 클릭하세요. Windows 정품인증 cmd 명령어 관리자 권한으로 실행된 cmd 콘솔창에서 아래의 명령어를 순차적으로 실행합니다. (Product Key는 아래에 있는 목록 참고하시면 됩니다.) slmgr /ipk W269N-WFGWX-YVC9B-4J6C9-T83GX 2022. 3. 1.
Windows hosts 파일 수정 후 적용 로컬 환경에서 도메인이나 서브도메인 테스트를 해야 하는 경우 hosts 파일을 수정하는 경우가 많은데요, Windows환경에서 hosts 파일을 수정하는 방법은 아래와 같습니다. 1. cmd를 "관리자 권한"으로 실행합니다. 2. hosts 파일 수정 아래의 명령어를 실행해서 "hosts"파일을 notepad(메모장)로 열어서 편집합니다. notepad drivers/etc/hosts hosts 예제 ## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1localhost 255.255.255.255br.. 2022. 2. 20.
[게임] 뱀파이어 서바이벌 - 기술 & 패시브 기술 & 패시브 위 표에서 다음과 같은 내용을 확인할 수 있습니다. 캐릭터별 기본 기술 기술에 버프효과를 주는 패시브(Passive) 최종 기술로 강화하기 위한 패시브(Passive) 최종 기술 조합 최종 기술로 강화하기 위한 기술과 패시브 조합만 요약한 내용입니다. [게임] 뱀파이어 서바이벌 - 숨겨진 캐릭터 얻는 방법 (엑스대시, 붉은 죽음의 가면) 저렴한 가격과 시원시원한 타격감으로 유명한 뱀파이어 서바이벌의 숨겨진 히든 캐릭터를 얻는 방법을 설명합니다. (Steam 에서 현재 무려 단돈 ₩3,300에 판매 중) 엑스대시 엑시비크 (Exdash Exiviiq) ccusean.tistory.com 2022. 2. 18.
Visual Studio 모든 제품 시리얼 키 Windows 개발을 위한 최고의 편집 & 디버깅 툴인 Microsoft Visual Studio 6.0에서부터 2022까지 모든 제품에 대한 시리얼 키입니다. 인터넷에 돌고 있는 시리얼키이며, 아마도 사용자를 늘리기 위해 몰래 풀어놓은 키인 것 같습니다. Microsoft 계정 로그인 없이 설치하시는게 안전할 것 같습니다. Windows 개발에 막 입문하시거나, 개발툴 버전에 대해 고려해 보고 계신분들에게 도움이 되었으면 좋겠습니다. 즐거운 코딩하세요~! Visual Studio 2022 Download https://visualstudio.microsoft.com/ko/vs/ Visual Studio 2022 | 무료 다운로드 Visual Studio에서 코드 완성, 디버깅, 테스트, Git 관리, .. 2022. 2. 11.
728x90