티스토리 hello 스킨 변경 및 편집

변경 스킨 내용오랜만에 티스토리 스킨을 또 한 번 변경하였습니다 기존 berry 스킨에서 이번에 hello스킨으로 바꾸게 되었는데 카테고리의 on/off 영역을 깔끔하게 잘 구현해놓으셨고 블로거 입장에서 수정하기에도 편리하고 필요한 기능들을 모두 제공해주는 스킨이라고 생각하여 선택 후 변경하였습니다 무려 무료로 이 엄청난 스킨을 제공해주고 있습니다 글 목록 리스트형태로 변경기본적으로 hello스킨을 설정하게되면 이미지+내용형 목록으로 나와가지고 이게 너무 싫었습니다여러 글목록중인데 pc로 접속하였음에도 불구하고 이미지 사이즈로 인해 화면에 담기지도 않고 깔끔하게 글 제목과 목록만 보면 좋은데 사진이 차지하고 있는 영역이 너무 많아서 글 제목과 내용만 나오도록 수정해주려고 했습니다수정 방법은 어렵지 않게 ..

• format_list_bulleted 일반 & 티스토리 정보/티스토리 스킨 편집
• · 2022. 12. 3.
• textsms

div요소에 세로 스크롤바 넣는법

구현 내용 위의 이미지처럼 div 영역 안에 텍스트가 있을 경우 텍스트가 div영역 안을 벗어나지 않고 div영역 안에 세로 스크롤바를 넣어주는 방법에 대해서 알아보겠습니다 HTML body태그 안에 클래스 이름이 scroll인 div태그를 생성해주고 안에는 아주 긴 내용의 텍스트를 입력해주었습니다 웹페이지에서 확인되면 브라우저의 가로 사이즈에 따라서 텍스트가 끝까지 표시되고 공간이 부족할경우 다음 줄로 넘어갑니다 CSS 이제 css로 넘어가서 박스 영역을 생성해보겠습니다 배경색상은 노란색으로 설정하였고 가로세로 div의 영역과 테두리를 생성해주었습니다 div영역을 벗어날 정도로 텍스트의 내용이 많을 경우 잘리지 않고 그대로 밑으로 글씨가 출력되어 보기 지저분합니다 저희가 원하는건 div영역 내에서 텍스..

• format_list_bulleted 프로그래밍/HTML, PHP, CSS
• · 2022. 12. 3.
• textsms

백준 1157번 단어공부 | [BACKJOON/Python / 1157]

문제링크 1157번: 단어 공부 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다. www.acmicpc.net 문제 알파벳 대소문자로 된 단어가 주어지면, 이 단어에서 가장 많이 사용된 알파벳이 무엇인지 알아내는 프로그램을 작성하시오. 단, 대문자와 소문자를 구분하지 않는다. 입력 첫째 줄에 알파벳 대소문자로 이루어진 단어가 주어진다. 주어지는 단어의 길이는 1,000,000을 넘지 않는다. 출력 첫째 줄에 이 단어에서 가장 많이 사용된 알파벳을 대문자로 출력한다. 단, 가장 많이 사용된 알파벳이 여러 개 존재하는 경우에는 "?" 를 출력한다. 예제 입력 Mississipi 예제 출력 ?ㅤ 예제..

• format_list_bulleted 프로그래밍/Python 문제풀이
• · 2022. 12. 1.
• textsms

CPU 사용량에 따라서 귀여운 고양이가 달려요!

프로그램 소개 깃허브 개발 프로젝트 중 재밌고 귀여운 프로젝트가 하나 있습니다 프로젝트의 이름은 Runcat 입니다 실행했을 때의 모습은 대충 이런 모습입니다 작업표시줄에 달리는 고양이가 보이시나요? 현재 CPU의 사용량에 따라서 고양이가 달린다고 합니다 C#으로 제작된 프로그램이며 많은 사람들이 해당 프로젝트에 참하였습니다 관심이 있으시다면 깃허브 페이지에 방문하여 조금더 자세히 살펴보세요 현재 맥을포함하여 윈도우에서 사용이 가능하게 지원해주고 있습니다 개발자 페이지에 최신 릴리즈를 확인해보면 2022년 7월 11일로 현재까지도 꾸준히 업데이트되고 있는 걸 확인할 수 있습니다 다운로드 Release 2.0 (July 11, 2022) · Kyome22/RunCat_for_windows What's Ch..

• format_list_bulleted 윈도우 & 모바일 & 프로그램/Windows
• · 2022. 11. 23.
• textsms

[HTML]Playlist 음악 스트리밍 사이트 제작 - 1

웹 클론코딩을 함으로써 코드 이해력과 응용력을 기르려고 주제를 찾아보던중 간단한 음악 플레이어를 만들고자 하였습니다 자바스크립트부분은 아직 많이 미흡하여 기존에 있는 음악 재생구현부분을 가져다가 부가기능을 추가하거나 구현하고자하는 내용은 구글링을 많이 하였습니다 해당사이트는 데스크톱 환경에 맞추어 제작되었습니다 버튼이 작동하지않거나 스크립트부분에서 자잘한 오류들을 고치고 위와같은 사이트를 제작하였습니다 웹 이미지파일을 가져왔지만 이미지도 음악부분도 저작권을 피해갈순 없어서 개인 사이트 제작용도로만 사용하였습니다 비상업적 용도이지만 저작권 당사자로부터 삭제요청이 있을경우 해당소스 삭제하겠습니다 현재까지 작동되는 기능은 리플레이 이전,다음곡 재생 플레이리스트 재생목록 보기와 볼륨조절까지 가능합니다 음악자체는..

• format_list_bulleted 프로그래밍/HTML, PHP, CSS
• · 2022. 11. 22.
• textsms

[html]css :root 가상 클래스를 통해 div색상 변경하기

:root 가상 클래스란? css에서 :root 가상 클래스는 HTML 문서의 루트 요소를 선택합니다 html의 루트 요소는 이기 때문에 root와 선택자와 동일합니다 CSS :root 변수 css에서 :root를 이용하여 재사용할 값을 담아줄 변수를 저장하여 변수로 불러올 수 있습니다 시스템 유지보수를 하려면 웹페이지의 여러 색상들이 담겨있는데 매번 하나하나 해당 클래스의 색의 코드를 검색하여 변경하려면 어렵기 때문에 색뿐만 아니라 재사용 가능한 다양한 값들을 변수에 저장하고 필요한 곳에서 불러와 재사용이 가능합니다 CSS :root 전역변수 선언하기 :root를 사용하여 CSS전역 변수로 설정하면 변수 안에 담긴 값을 원하는 곳에서 언제든 불러올 수 있습니다 *전역변수는 함수외부를 포함하여 모든함수에..

• format_list_bulleted 프로그래밍/HTML, PHP, CSS
• · 2022. 11. 21.
• textsms

내 웹사이트에 IDE 온라인 컴파일러 추가하는법 (코드 5줄)

온라인 컴파일러 컴퓨터에 따로 컴파일러 설치 없이 온라인 페이지에서 코딩 후에 컴파일러를 통해 코드 작동이 가능한 온라인 컴파일러에 관해서 지난번에 게시물을 작성한 내용이 있는데요 JDoodle - Online Compiler, Editor for Java, C/C++, etc JDoodle is an Online Compiler, Editor, IDE for Java, C, C++, PHP, Perl, Python, Ruby and many more. You can run your programs on the fly online, and you can save and share them with others. Quick and Easy way to compile and run programs onlin..

• format_list_bulleted 프로그래밍/HTML, PHP, CSS
• · 2022. 11. 18.
• textsms

Android 및 IOS 사용자를 위한 개인정보보호 브라우저 앱 TOP3

해당 게시물은 광고나 기업으로부터 지원을 받아 제작된 포스팅이 아닙니다 또한 직접 사용해본 저의 주관적인 의견이 포함되어 있을 수 있습니다일생생활에서 당연하듯 인터넷에서는 검색을하고 개인정보를 입력하고 우리가 원하는 정보를 얻습니다 직접 사람에게 내가 인터넷으로 뭘 했는지 알려주지 않더라도 우리의 정보는 이미 많이 노출되고 있습니다VPN을 통해 가상사설망에 연결하여 사용자의 실제 IP와 주소를 노출시키지 않으며 ISP(인터넷제공업체)의 감시로부터 개인정보를 보호할 수 있습니다 또한 해외 제한 서비스 이용하기를 위해 사용하곤 하는데 이런 VPN사용도 지난번 소개해드렸던 User-Agent를 수집하는 브라우저 핑거프린팅(Browser Fingerprinting)이나 웹 취약점으로부터는 보호하기 어려우며 유료..

• format_list_bulleted 윈도우 & 모바일 & 프로그램/Android
• · 2022. 11. 14.
• textsms