profile
Svelte, rxjs, vite, AdorableCSS를 좋아하는 시니어 프론트엔드 개발자입니다. 궁금한 점이 있다면 아래 홈페이지 버튼을 클릭해서 언제든지 오픈채팅에 글 남겨주시면 즐겁게 답변드리고 있습니다.
태그 목록
전체보기 (60)협업(21)프론트엔드(21)스프린트(16)회고(15)CSS(15)구글스프린트(14)디자이너(14)디자이너 구함(12)AdorableCSS(9)테오 스프린트(8)테오의 스프린트(8)스터디(7)함수형(7)공부(5)figma(4)디자인(4)svelte(4)함수형 프로그래밍(4)functional css(3)atomic-css(3)vite(3)후기(3)frontend(3)JavaScript(3)RX(2)Flux(2)if(kakao)(2)회의(2)알고리즘(2)typescript(2)rxjs(2)커리큘럼(2)애자일(2)MVI(2)tailwindCSS(2)반응형(2)Flexbox(2)객체지향(2)컴포넌트(1)역사(1)Problems with CSS at scale(1)StateofCSS(1)컴퓨팅 사고(1)(1)로드맵(1)Nomalize(1)Rollup(1)면접(1)MVC(1)객체지향 프로그래밍(1)Q&A(1)테오의 스프린트 15기(1)props drilling(1)Handoff(1)SOLID(1)bdd(1)타입스크립트(1)tailwind(1)webpack(1)layout(1)레이아웃(1)bundler(1)reactive(1)아키텍쳐(1)TEOConf(1)CSS 프레임워크(1)코테(1)reactive programming(1)MVVM(1)좋은 폴더 구조(1)스벨트(1)cross browsing(1)DOM(1)grid-system(1)비즈니스 로직(1)디자인 시스템(1)reset(1)완성된 글 아님(1)Behavior-Driven-Development(1)메모(1)기획자(1)그리드시스템(1)잘하는 프론트엔드 개발자(1)시멘틱(1)게임(1)반응형 프로그래밍(1)그라데이션 사고(1)피드백(1)테오의 스프린트 14기(1)MVW(1)reset-css(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)일정관리(1)업무분야(1)데이터 흐름(1)풀스택(1)framework(1)프레임워크(1)OOP(1)Adorable(1)컴퓨터적으로 사고(1)자가진단(1)공부법(1)스크럼(1)agile(1)2021(1)
post-thumbnail

CSS 레이아웃 분할과 Flexbox

사이트 전체 레이아웃 잡는 방법이 여러가지가 있을텐데 빨리빨리 되지가 않더라고요 많은 연습이 있어야겠지만 flex나 grid 사용해서 어떻게 전반적인 레이아웃 잡으시는지 궁금해요 css 각각의 속성 어떤건지는 대강 아는데 효과적으로 사이트 만드는 건 또 다른 이야기인거 같아서... 어떻게 보면 그리드 시스템?에 대한 궁금증일 수도 있을거 같습니다만 너무 구체적인 활용예가 궁금한거 같기도 하네요...ㅎ 블로그에 글을 이어갈 수 있도록 좋은 질문을 해주신 분께 너무 감사드립니다. 프롤로그 글을 쓰다 보니 이 하나의 질문을 대답하기에 너무 많은 얘기들을 해야 했습니다. 특히 CSS Grid에 대해서는 빌드업을 해야할 얘기가 워낙 많았기 때문에 Flex vs Grid의 글을 쓰다가 멈칫해둔 상태입니다. 문의를 해주신 뒤로 시간이 계속 흘러가고 있고 블로그 글을 계속 미루는게 스스로에게 좀 불편했기에, **

2021년 12월 19일
·
3개의 댓글
·