좋아하는 걸 좋아하는 나나 🤟

CSS

프롤로그 "CSS 인생은 전처리기를 도입하기 전과 후로 나뉜다" ......이런 말은 없지만, Sass를 배우면 CSS 작성이 짱짱 편해집니다. 신입 퍼블리셔부터 스타일시트 관리를 하는 개발자까지, Sass에 대해 한번 정도 슥- 읽어두면 도움이 많이 될 거에요! 그래서 최대한 쉽고 편하게 익힐 수 있도록 시리즈물(?!)로 글을 써봅니다. 분량이 얼마나 될진 저도 몰라요 ∠( ᐛ 」∠)＿ 헿 아무튼 Sass 시리즈 1. 시작하기 - Sass 개..

2021.07.10

Markup

프롤로그 가끔 이렇게 type을 명시한 버튼을 마주칠 때가 있는데 전 항상 궁금하더라구요. "아니 버튼이면 버튼이지 버튼 타입 버튼은 대체 뭐람" 그러고보면 비슷하게 타입을 명시하는 이라는 것도 있었던 거 같은데요...? 도대체 타입은 왜 달려있는가! 그 이유를 한번 찾아보았습니다 🔍 버튼 타입 = 버튼? Q. button에 type="button" 을 지정해주는 이유? A. 그게 디폴트가 아니니까요! button의 type에는 3가지 값을 지정..

2021.05.01

CSS

프롤로그 시안 상에 얼핏 보기에는 비슷한 꺽쇄 아이콘이 여러 개가 있습니다. 하지만 자세히 살펴보면... 서로 색도 미묘하게 다르고 크기도 달라요..!! 이걸 표현하려면 총 세 개의 이미지가 필요합니다. 저 아이콘을 위해 이미지를 세 장이나 불러와야 한다니.... 스프라이트로 저장해서 사용하는 방법도 있긴 하지만, 만약 수정사항이 생기면 어떨까요? 이렇게 형태는 같지만 크기가 더 크고 색이 다른 아이콘이 필요해졌..

2021.04.11

etc.

지난 3월 초에 정보처리기사 필기 시험을 보고 왔습니다. (👀 말 그대로 보고 옴) 분명 볼 때는 이게 다 뭐냐고 울부짖은 거 같은데 끝나고나니 다 까먹는 기적! 으아ㅏㅏ 더 이상 까먹으면 안 될 것 같아 나중에 참고하려고 씁니다... 합격하긴 했지만 내용은 팁이라기보단 리얼 후기입니당 ✍️ 왜 봤더라 작년에 비자발적 백수가 된 뒤, 할 일도 없는데 공부나 할까? 라는 안일한 마음으로 정처기 필기책을 샀었는데요. 음..

2021.04.05

etc.

프롤로그 지난 글에서는 JPEG의 특징에 대해 살펴보았으니, 이번엔 PNG에 대해 알아봅니다! 이 시리즈의 이전 글: JPEG vs. PNG: 적절한 이미지 포맷 선택하기 (1) - JPEG편 PNG를 소개합니다 PNG 역시 웹에서 널리 사용되는 이미지 포맷 중 하나입니다. JPEG와 마찬가지로 픽셀로 이루어진 비트맵 그래픽이기도 하고요. 이름은 Portable Network Graphics의 약자로, 말그대로 ‘인터넷’에서 표현될 이미지를 염두에 두고 개..

2021.01.27

etc.

프롤로그 이미지 저장할 때 이런 고민한 적 없으신가요? 🤔🤔 이미지는 웹페이지에서 많은 부분을 차지하는 리소스입니다. 따라서 용량이 적을 수록 당연히 좋죠. 그래서 이미지를 표시할 때 적절한 포맷을 택하는 것이 여러모로 중요합니다. 웹에서 사용하는 주 이미지 포맷은 JPEG와 PNG일 텐데, 그럼 둘 중에 뭘로 저장하는 게 좋을까요? 저는 기존까지 이렇게 알고 있었는데요, JPEG → 복잡한 이미지나 사진
 PNG → 단..

2021.01.23

Work

?! 헉 잠깐 사이에 1월이 벌써 절반이 지났다니 ?! 살짝 늦긴 했지만 그래도 기록을 위해 남기는 2020 회고...!! 한 살을 더 먹었다는 게 아직도 납득(??)이 안 되지만 새 출발을 위해 기록을 남겨봅니다 ;) 프롤로그 2020년은 다사다난, 이 네 글자가 아주 찰떡인 해였다. 이것저것 신나게 세웠던 계획들이... 물 건너 산 건너 멀리멀리 가버렸으니까... ☠️ 아니 그전에 일단 다니던 회사가 망했는데요 😹 갑자기 듣도보도..

2021.01.16

etc.

티스토리 스타일의 반응형 스킨. 포스트에 집중할 수 있는 깔끔한 스타일입니다 ;) Log Skin v1.1 * 크롬 브라우저 기반이며 IE에 대응하지 않습니다. * 공지사항, 위치 로그 등 일부 페이지는 지원하지 않습니다. 미리보기 현재(2021.1) 이 블로그에서 사용 중인 스킨입니다. 스킨 적용하기 1. 스킨을 다운로드 받은 뒤 압축을 해제합니다. 2. 티스토리에 접속 후, 로그인 - 블로그 관리 - 스킨 변경으로 이동합니다. 3. 새..

2021.01.13

CSS

프롤로그 왜 제목이 저러냐면요... 얼마 전까지 ‘더보기’ 버튼이 생각과는 다르게 동작한 적이 있‘었’습니다. 위와 같이 더보기 버튼을 클릭하면 그 위로 아이템을 추가하는 형식의 UI였는데, 이상하게 버튼이 고정된 채로 버튼 위에서 새로운 아이템이 추가됐었거든요. 기획: "더보기 버튼을 누르면 추가 영역이 아래에 펼쳐지는 게 아니라 위로 올라가는 느낌이 들어요." 디자인: "그러게요. 버튼은 고정이고 내용이 위..

2020.11.22