본문 바로가기

HTML+CSS36

10분 만에 이해하는 Git & GitHub 개념과 초기 세팅법 (2026년 버전) 프로그래밍을 시작하면 누구나 한 번쯤 "Git(깃)이랑 GitHub(깃허브)은 무조건 써야 한다"는 말을 듣게 됩니다. 하지만 처음 접하는 초보자분들에게는 이 두 가지가 왜 필요한지, 그리고 이름은 왜 이렇게 비슷한지 참 불친절하게 느껴지기 마련이죠.저 역시 처음 코딩을 배울 때 코드 한 줄 바꾸다가 프로그램을 통째로 날려 먹은 기억이 있습니다. 그때 누군가 Git을 진작 알려줬더라면 그런 피눈물 나는 상황은 없었을 텐데 말이죠. 그래서 오늘은 저처럼 시행착오를 겪지 않으시도록, Git과 GitHub의 개념을 아주 쉽게 정리하고 컴퓨터에 초기 세팅하는 방법까지 메모해 두려고 합니다. 아주 기본적인 내용이니 겁먹지 말고 따라오세요! 잠깐! Git과 GitHub은 뭐가 다른가요?가장 많이 헷갈려하시는 부분.. 2026. 6. 20.

티스토리 북클럽 스킨 뉴북 리스트 썸네일 정사각형으로 만들기 티스토리 북클럽 스킨 뉴북 리스트 썸네일 정사각형으로 만들기 티스토리 블로깅을 해오면서, 다른 사람들의 블로그와 내 블로그가 뭔가 좀 서로 다른 것 같다는 묘한 느낌을 받고 있었는데, 오늘 자세히 살펴보면서 썸네일 때문이었다는 것을 알게 되었습니다. 오옷! 이래 저래 인기 많은 북클럽 스킨이, 아무래도 Book과 관련된 테마를 갖고 있다보니, 리스트의 썸네일이 책 모양인 직사각형 Portrait 형태를 디폴트로 띄고 있습니다. 아무래도 저는 이것을 직사각형, Square 형태로 바꾸고자 합니다. 북클럽 스킨 기본 설정 일단 저의 북클럽 스킨 기본 설정은 다음과 같습니다. 그리고 목록 설정은 아래와 같습니다. 그럼, 썸네일을 직사각형으로 변경해보겠습니다. 첫번째, HTML 편집 > 수정 Ht.. 2025. 2. 12.

EM 단위란 무엇일까? (ft. EM의 유래, REM과 EM의 차이점) EM 단위란 무엇일까? (ft. EM의 유래, REM과 EM의 차이점) 작년 즈음에 em과 rem의 차이점에 대해서 포스팅한 내용이 있습니다. https://kincoding.com/entry/em%EA%B3%BC-rem%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90 em과 rem의 차이점em과 rem의 차이점 CSS에서는 다양한 단위를 사용하여 요소들의 크기와 위치를 정의합니다. 그 중에서도 em과 rem은 상대적인 단위로, 요소의 크기를 상위 요소에 대한 비율로 정의합니다. 이번 글kincoding.com 개념도 알고 있고, 적당히 잘 사용하고는 있는데 왠지 가끔씩 헷갈리는 이유가 정확하게 이해를 못하고 있기 때문이란 생각을 가져보게 되었습니다. 그래서 이참에 em의 유래까지 뒤져.. 2024. 10. 10.

비슷한 듯 다른 동작 방식, Alpha Channel과 Opacity의 차이점 비슷한 듯 다른 동작 방식, Alpha Channel과 Opacity의 차이점Opacity + Alpha Channel Opacity(불투명도)와 Alpha Channel은 둘 다 투명도와 관련이있지만, 서로 다른 형태로 구별이 되는 특성들입니다. 비슷하지만 다른 이 두 가지 특성에 대해서 오늘 포스팅에서 다루어보기로 합니다. Alpha Channel 알파채널(Alpha Channel)은 삼원색으로 일컬어지는 RGB 컬러 정보 이외로 '편집'과 관련된 정보를 담고 있는 채널을 의미합니다. 예를 들어 rgb(0, 0, 255)는 Blue Color를 의미하는데, raba(0, 0, 255, 0.5)는 50% 정도로 투명한 Blue Color를 의미하게 됩니다. 알파채널은 색상이 비치는 정도, 즉 '투명도'.. 2023. 4. 6.

이전 1 2 3 4 ··· 9 다음

티스토리툴바