hello스킨 코드블럭 스타일 적용 hello티스토리 편집 code highlight 적용안될때 해결법 | 코드블럭 스타일 적용하기 HELLO스킨 코드블럭 스타일적용 2023.01.08일 자로 hello스킨을 무료로 배포해주셔서 수정하여 잘 사용하고 있습니다 다만 코드블럭(codeblock)을 사용할 때 하얀색으로 나오거나 배경색이 맘에 들지 않 newstroyblog.tistory.com 티스토리에서 개발관련 게시물을 작성하다 보면 코드블럭의 스타일을 사용하면 사용자에게 조금 더 시각적으로 보기 좋은 코드를 제공합니다. 코드블럭의 다양한 스타일을 적용하기 위해서는 code highlight를 사용하면 되지만 hello스킨의 일부 버전에서는 적용되지 않을 수 있습니다. 이럴 때는 제가 작성한 게시물 내용..
이전 내용 지난 시간에 Node.js 개발환경을 알아보고 간단하게 웹페이지에서 홈페이지를 접속하고 서버의 수정사항에 맞춰서 서버를 껐다가 키는 자동화 패키지까지 알아보았습니다. 아직 이전 내용을 모르신다면 아래 글을 참고하여 확인해 주세요 Node.js 나만의 웹 사이트 만들기(1) - 개발 환경 준비 & 웹 서버 접속 Node.js 언어에 대해서 Node.js는 자바스크립트를 로컬환경에서 실행할 수 있도록 하는 런타임 환경을 나타냅니다. 웹서비스에 관한 공부를 하다 보면 HTML, CSS를 배운 뒤 웹페이지에 동작을 더해주 newstroyblog.tistory.com 이전에는 Node.js에서 HTML과 CSS를 사용하는 방법에 대해서 간단히 알아봤는데 이번에는 부트스트랩이라는 프론트엔드 프레임워크를 ..
한글 깨짐 현상 한글에서 받침이 있는 글자를 입력할 때 간혹 이렇게 텍스트가 깨지는 현상이 있습니다. 이럴 때 메모장에서 정상적인 글자를 입력하고 복사하여 붙여 넣은 뒤 문제를 해결하곤 하는데 글을 작성하다가 같은 글자가 반복되는데 매번 글자가 깨지면 문제를 해결하기 위해서 매번 복붙 하는 게 굉장히 번거롭습니다. 그래서 오늘은 한글에서 글자가 깨질때 어떻게 해야 깨짐 현상을 없앨 수 있는지 알아보겠습니다. 문제 해결 방법 윈도우 PC의 우측하단 작업표시줄을 살펴보면 입력기 아이콘이 표시됩니다. '한'이러고 써져 있는 입력기를 클릭하면 Microsoft 입력기를 기본적으로 사용 중인데 이걸 위에 있는 '한컴 입력기'로 변경합니다. (Windows+Spacebar 단축키를 이용해서도 변경가능) 재시작할 필..
설치 없이 이용가능한 온라인 다이어그램 다이어그램을 그리는 작업은 프로젝트 관리부터 아이디어 시각화까지 다양한 상황에서 필요합니다. 편의성에 맞추어 다양한 온라인 도구서비스를 제공하는데 어떤 것을 선택해야 할지 고민이 되기도 합니다. 그래서 무료로 제공되는 다이어그램 도구 서비스에 대해서 자세히 살펴보며, 각 도구의 특징을 알아보겠습니다. 다이어그램을 작성을 위해 온라인 도구를 사용하는 이유는 무엇인가요? 온라인 도구를 사용하는 이유 중 하나는 편리함과 접근성입니다. 온라인 도구를 사용하면 별도의 소프트웨어를 설치하거나 저장 용량을 고려할 필요가 없습니다. 언제 어디서나 인터넷만 연결되어 있다면 쉽게 접근할 수 있습니다. 무료 온라인 다이어그램 도구를 찾고 있는 사람들은 주로 어떤 종류의 프로젝트에 사용..
GPT4를 정말 잘 사용하고 있지만 매달 자동으로 빠져나가는 22달러라는 금액이 부담될 경우 해지를 하고 싶은데 해지 메뉴를 찾기 어려워서 오늘은 Chatgpt의 구독을 해지하는 방법에 대해서 알아보겠습니다. 마이구독 관리 페이지 (링크) 로 이동한 뒤 플랜 취소 버튼을 누르면 구독이 해지됩니다. 플랜을 취소할경우 남은 이용 기간 동안은 gpt4를 사용할 수 있습니다. 플랜 해지후 다시 GPT4를 이용하고 싶은 경우에는 플랜 갱신을 통하여 정기구독을 계속 유지할 수 있습니다.
Node.js 언어에 대해서 Node.js는 자바스크립트를 로컬환경에서 실행할 수 있도록 하는 런타임 환경을 나타냅니다. 웹서비스에 관한 공부를 하다 보면 HTML, CSS를 배운 뒤 웹페이지에 동작을 더해주는 자바스크립트를 배우게 됩니다. 이때 작성한 자바스크립트는 브라우저에서 해석하여 정적 페이지인 HTML에 경고창을 표시하거나 요소를 움직이거나 다양한 역할을 합니다. 이러한 자바스크립트를 개발자의 컴퓨터 즉 로컬 PC에서도 실행이 가능하도록 하기 위한 Node.js를 사용합니다. 웹개발자에게 있어서 기본적인 html, css, javascript로 코딩을 하고 백엔드를 다루기 위해서는 자바, PHP, 파이썬 등 서버 개발에 필요한 추가적인 언어랑 문법을 배워야 하는데 Node.js를 사용하면 우리가..
AI 음악서비스 인공지능이 음악 작곡까지?! 돈을 버는 AI 음악 작곡 방법 AI의 활용성 요즘 가장 인기 있는 트렌드 중 하나는 AI(Artificial Intelligence)입니다. 최근 ChatGPT를 비롯한 인공지능 기술의 발전으로 그림을 그리는 AI나 코딩, 논문 작성 등 다양한 분야에서 AI가 활 newstroyblog.tistory.com AI 기술의 빠른 발전으로 인해 음악 분야도 크게 발전하고 있습니다. 이전에 소개한 AIVA 서비스와 같이 음악 작곡에 관한 서비스에 이어서, 이번에는 작사까지 포함된 음악을 무료로 생성할 수 있는 서비스를 소개하려 합니다. 🎵1분 만에 생성한 결과물 미리 들어보기 1분 만에 생성한 AI 음악 결과물을 보여드리겠습니다. 게시물 하단에 보컬 스타일도 추가적..
항아리 게임의 후속작, 항아리 마리오 항아리게임의 후속작 항아리 마리오게임이 출시되었습니다. 항아리 마리오게임은 공식 항아리마리오 후속작은 아니며 팬이 만든 팬메이드 제작 게임입니다. 기존의 오리지널 항아리 게임에서는 마우스만으로도 극악의 난이도를 보여주며 많은 게이머들의 도전욕구를 불러일으키며 스트리머들 사이에서도 켠왕콘텐츠로 꽤 핫한 인기를 누렸었습니다. 후속으로 항아리마리오가 출시하자마자 유튜버나 스트리머들 사이에서 빠르게 퍼지고있는데 직접 무료로 다운받아서 플레이하는 방법에 대해서 알아보겠습니다. 설치 방법 설치(링크)페이지에 이동하여 해당하는 운영체제에 맞게 다운받으시면 됩니다. 윈도우, 맥, 리눅스 대부분의 데스크톱 운영체제에서 지원하고 있습니다. 스팀을 거쳐서 따로 판매 배포하는 게임이 아니..
MSOffice 가격 학생들이라면 문서작업이나 레포트나 기타 과제 제출 시 한글이나 파워포인트 등 MSOfiice 프로그램을 많이 사용합니다. MSOffice365를 개인이 직접 구매하여 사용하려면 연간 119,000원이라는 다소 부담스러운 금액(요금제)입니다. 그래서 교육기관에서 학생들을위해 무료로 Office365를 제공하고 있는데 많은 학생들이 이를 몰라서 사용하지 못하고 있습니다. 그래서 오늘은 학생들을 위해 무료로 Office365를 이용할 수 있는 방법에 대해 알아보겠습니다. MSoffice 학교 이메일로 무료로 사용하기 MSOffice 학생용 시작 페이지(링크)에 접근해주세요. 학교 이메일 주소를 입력한 뒤 시작하기 버튼을 클릭합니다. 학교 이메일을 입력하고 나면 학생인지 교사인지 묻는 항목..
CSS 학습 사이트 소개 오늘은 CSS Diner사이트의 문제들을 풀어보겠습니다. 이 사이트는 CSS 선택자(Selector)에 대한 문법을 공부해 볼 수 있습니다. CSS라는 게 내용이 많지는 않은 거 같으면서도 막상 코딩을 하면서 Selector의 개념이 부족해서 검색을 통해 답답한 부분을 해결하는데 시간을 많이 소모하기도 합니다. CSS Diner사이트는 여러가지의 HTML 요소(Element)중에서 셀렉터(Selector) 문법을 통하여 일부 문제에서 해당하는 요소를 선택하면 됩니다. 단순해 보이면서도 겹쳐져있는 요소들이 있거나 헷갈리는 요소들이 있기때문에 직접 문제를 풀어보면서 Selector에 대해 이해하고 실력을 향상할 수 있습니다. CSS Diner사이트(링크)에 접속하게되면 좌측에는 CS..
