티스토리 Code Highlight 적용하기 + LineNumber 추가(hELLO 스킨 사용)
·
etc
티스토리 기본 코드 블럭이 마음에 들지 않았습니다. 특히 lineNumber가 보이지 않는 점 때문에 게시글 작성했을 때, 몇 번째 줄을 참고하세요~ 라고 작성해서 블로그를 방문한 개발자들이 빠르게 무언가 찾아서 얻어 가는 게 힘들다고 생각이 들었습니다.커스텀한 코드블럭을 사용하기 위해서 서치를 진행하면서 highlightjs 라는 javascript 기반으로 적용할 수 있는 코드 블럭 스타일링 및 여러 유틸 기능을 제공하는 라이브러리를 알게 됐습니다.여러 자료를 찾게 되었고 그걸 적용하는 단계에서 버전이 달라 에러가 났고 이를 해결한 코드를 공유하고자 글을 남기려고 합니다.해당 글은 2024 - 08 -27일 기준으로 작성했니다. highlight.js 버전은 npm 기준 @11.9hELLO 스킨 버전..
google 메인화면 클론코딩 해보기
·
etc
구글 메인 페이지 디자인 클론 코딩 디자인을 보고 태그 및 레이아웃과 화면을 구현합니다. 기간 : 2024-04-15 ~ 2024-04-17 tailwind css를 사용하여 만들어 보는 것이 목표입니다. 기술 스택 깃허브 주소 깃허브 링크 🆕 UX 기능 구현 hover 했을 때, 마우스 포인터 커서로 변경 검색창 hover 했을 때, box shadow 링크 관련 아이콘 hover 했을 때, underline 추가 버튼에 마우스 hover 했을 때, box shadow 지정 🚀 트러블 슈팅 문제: 구글 화면에서 footer를 아래에 고정시켜야 하는 방법이 필요했습니다. absolute 포지션을 사용해서 해결하려고 했지만, 컨텐츠가 길고 스크롤이 생기게 되면 문제가 생깁니다. flex 와 wrap 래핑해..
Window 11 WSL2, Rust 설치 및 개발환경 만들기
·
etc
Rust Rust는 모질라 리서치에서 개발한 범용 프로그래밍 언어이며, 2006년 개발자 그레이든 호아레의 개인 프로젝트로 시작했습니다. 2010년 처음으로 일반에 공개한 후 2012년 1월 첫 번째 알파버전 0.1이 발표했습니다. 러스트의 특징을 살펴보자면, 1. Rust는 low Level에 속하는 언어입니다. 2. 소유권(Ownership)라는 개념을 사용하여 메모리를 관리합니다. 3. GC(가비지 컬렉션)이 없다!!. 4. C언어의 보안 및 버그의 대부분은 메모리 오염에서 일어난다고 합니다. Rust는 메모리 버그를 해소하는 목적으로 만들어진 언어 입니다. Rust의 장래성 사람들이 가장 많이 사용하는 coumunicate application인 Discord도 rust를 사용했으며, Ms는 윈도..
ruu++
'etc' 카테고리의 글 목록