입문 + CSS

프롤로그 안녕하세요. 웹 프론트엔드 개발자가 되고 싶은데 무엇부터 해야 할지 막막한 사람들을 위 제가 비전공자 개발자 지망생에 가르쳤던 커리큘렴(?)을 되돌아 보며 2021년 맞춤식으로 다시 한번 정리해 보았습니다. node, npm 설치는 알아서 하시구요 gi

예전 글에서는 삼천포로 빠져서 하지 못했던 프론트엔드 입문자를 위한 커리큘럼 내용에 대해서 좀 적어보려합니다. 1. 가위바위보만들기 2. 다른글자찾기게임 ....

제가 좋아하는 파레토의 법칙입니다. css에서 상위 20% 스펙이 전체 css 코드의 80%를 차지한다. 실제로 실전에서 자주 쓰이는 css는 몇개 되지 않습니다. 그래서 이번 글에서는 제가 쓰고 있는 현재의 Best Practice를 공유하려고 합니다.

CSS 공부는 어떻게 해야 하나요 - 이론편을 바탕으로 어떻게 하면 연습하기 좋을지 방법에 대해서 공유 해보고자 합니다.지금은 시대가 많이 바뀌어서 figma, adobe xd, sketch와 같은 UI 디자인도구와 제플린과 같은 handoff툴이 발전되어 있고 디자이

사이트 전체 레이아웃 잡는 방법이 여러가지가 있을텐데 빨리빨리 되지가 않더라고요 많은 연습이 있어야겠지만 flex나 grid 사용해서 어떻게 전반적인 레이아웃 잡으시는지 궁금해요 css 각각의 속성 어떤건지는 대강 아는데 효과적으로 사이트 만드는 건 또 다른 이야기인거

예쁜 디자인을 쉽고 빠르게 하는 방법이 없을까? Grid System은 1970년대 편집디자인으로 부터 나온 용어입니다. 편집 디자인이란 구성요소들을 잘 배치해서 시각적으로 뛰어난 결과물을 만들어내는 것입니다. 즉 어떻게 배치를 하느냐에 따라서 디자인의 퀄리티가 달

CSS는 어디부터 어디까지를 배워야 할 지 모르겠어요! > CSS in JS, TailwindCSS 이런 것들을 쓰고 있는데 글을 읽다보면 CSS 자체를 잘 알아야 한다는 글이 있어요. CSS를 잘한다는 것은 어떤 것일까요? 이번 글에서는 위 질문에 대한 정확한 답은

..2022년 지금은 CSS Reset을 어떻게 만들어야 할까? 하는 생각이 들었습니다. 그래서 여러가지 관련자료와 애플, 네이버, 다음, 인프런, 오늘의 집, MS, 에어비엔비, 디스코드, 슬랙등의 CSS를 보면서 어떻게 사용을 하고 있는지 한번 확인을 해보았습니다