Svelte, rxjs, vite, AdorableCSS를 좋아하는 시니어 프론트엔드 개발자입니다. 궁금한 점이 있다면 아래 홈페이지 버튼을 클릭해서 언제든지 오픈채팅에 글 남겨주시면 즐겁게 답변드리고 있습니다.
태그 목록
- 전체보기(56)
- 프론트엔드(21)
- 협업(20)
- 스프린트(15)
- 구글스프린트(14)
- 회고(14)
- 디자이너(14)
- CSS(13)
- 디자이너 구함(12)
- 함수형(7)
- 테오의 스프린트(7)
- 스터디(7)
- AdorableCSS(7)
- 테오 스프린트(7)
- 공부(5)
- 함수형 프로그래밍(4)
- 디자인(4)
- svelte(4)
- frontend(3)
- figma(3)
- vite(3)
- 후기(3)
- JavaScript(3)
- 객체지향(2)
- typescript(2)
- RX(2)
- if(kakao)(2)
- MVI(2)
- 알고리즘(2)
- Flux(2)
- atomic-css(2)
- rxjs(2)
- functional css(2)
- 커리큘럼(2)
- 애자일(2)
- 회의(2)
- 반응형(2)
- Flexbox(2)
- 컴퓨팅 사고(1)
- 썰(1)
- 로드맵(1)
- Nomalize(1)
- Rollup(1)
- 면접(1)
- MVC(1)
- 객체지향 프로그래밍(1)
- Q&A(1)
- props drilling(1)
- SOLID(1)
- bdd(1)
- 타입스크립트(1)
- tailwind(1)
- webpack(1)
- layout(1)
- 레이아웃(1)
- bundler(1)
- reactive(1)
- 아키텍쳐(1)
- CSS 프레임워크(1)
- 코테(1)
- reactive programming(1)
- MVVM(1)
- 좋은 폴더 구조(1)
- 스벨트(1)
- cross browsing(1)
- DOM(1)
- grid-system(1)
- 비즈니스 로직(1)
- 디자인 시스템(1)
- reset(1)
- reset-css(1)
- Behavior-Driven-Development(1)
- 메모(1)
- 기획자(1)
- tailwindCSS(1)
- 그리드시스템(1)
- 잘하는 프론트엔드 개발자(1)
- 시멘틱(1)
- 게임(1)
- 반응형 프로그래밍(1)
- 피드백(1)
- 테오의 스프린트 14기(1)
- MVW(1)
- 완성된 글 아님(1)
- atomic design pattern(1)
- overflow-wrap(1)
- 일하는방식(1)
- grid(1)
- MVP(1)
- full-stack(1)
- tip(1)
- 개발실력(1)
- 체크리스트(1)
- CSS Framework(1)
- sdd(1)
- 설계(1)
- 서평(1)
- 문서(1)
- MM(1)
- Schema-Driven-Development(1)
- 패러다임(1)
- 순수함수(1)
- 불변성(1)
- 자료구조(1)
- 일정관리(1)
- 업무분야(1)
- 풀스택(1)
- framework(1)
- 프레임워크(1)
- OOP(1)
- 컴퓨터적으로 사고(1)
- 자가진단(1)
- 공부법(1)
- 스크럼(1)
- agile(1)
- 2021(1)
- 컴포넌트(1)
- 역사(1)
- Problems with CSS at scale(1)
- StateofCSS(1)
전체보기 (56)프론트엔드(21)협업(20)스프린트(15)구글스프린트(14)회고(14)디자이너(14)CSS(13)디자이너 구함(12)함수형(7)테오의 스프린트(7)스터디(7)AdorableCSS(7)테오 스프린트(7)공부(5)함수형 프로그래밍(4)디자인(4)svelte(4)frontend(3)figma(3)vite(3)후기(3)JavaScript(3)객체지향(2)typescript(2)RX(2)if(kakao)(2)MVI(2)알고리즘(2)Flux(2)atomic-css(2)rxjs(2)functional css(2)커리큘럼(2)애자일(2)회의(2)반응형(2)Flexbox(2)컴퓨팅 사고(1)썰(1)로드맵(1)Nomalize(1)Rollup(1)면접(1)MVC(1)객체지향 프로그래밍(1)Q&A(1)props drilling(1)SOLID(1)bdd(1)타입스크립트(1)tailwind(1)webpack(1)layout(1)레이아웃(1)bundler(1)reactive(1)아키텍쳐(1)CSS 프레임워크(1)코테(1)reactive programming(1)MVVM(1)좋은 폴더 구조(1)스벨트(1)cross browsing(1)DOM(1)grid-system(1)비즈니스 로직(1)디자인 시스템(1)reset(1)reset-css(1)Behavior-Driven-Development(1)메모(1)기획자(1)tailwindCSS(1)그리드시스템(1)잘하는 프론트엔드 개발자(1)시멘틱(1)게임(1)반응형 프로그래밍(1)피드백(1)테오의 스프린트 14기(1)MVW(1)완성된 글 아님(1)atomic design pattern(1)overflow-wrap(1)일하는방식(1)grid(1)MVP(1)full-stack(1)tip(1)개발실력(1)체크리스트(1)CSS Framework(1)sdd(1)설계(1)서평(1)문서(1)MM(1)Schema-Driven-Development(1)패러다임(1)순수함수(1)불변성(1)자료구조(1)일정관리(1)업무분야(1)풀스택(1)framework(1)프레임워크(1)OOP(1)컴퓨터적으로 사고(1)자가진단(1)공부법(1)스크럼(1)agile(1)2021(1)컴포넌트(1)역사(1)Problems with CSS at scale(1)StateofCSS(1)
CSS 레이아웃 분할과 Flexbox
사이트 전체 레이아웃 잡는 방법이 여러가지가 있을텐데 빨리빨리 되지가 않더라고요 많은 연습이 있어야겠지만 flex나 grid 사용해서 어떻게 전반적인 레이아웃 잡으시는지 궁금해요 css 각각의 속성 어떤건지는 대강 아는데 효과적으로 사이트 만드는 건 또 다른 이야기인거
2021년 12월 19일
·
1개의 댓글·
33
CSS 공부 어떻게 해야 하나요? - 이론편 (feat. figma)
제가 좋아하는 파레토의 법칙입니다. css에서 상위 20% 스펙이 전체 css 코드의 80%를 차지한다. 실제로 실전에서 자주 쓰이는 css는 몇개 되지 않습니다. 그래서 이번 글에서는 제가 쓰고 있는 현재의 Best Practice를 공유하려고 합니다.
2021년 12월 4일
·
14개의 댓글·
136