Web_App/Front2 [CSS] Flex box에 관한 내용 정리 (1) - Flex Container 속성 아래 코드를 보면서 display : flex에 대해 이해해보자. 부모 요소 : 노란색 박스인 flex_container를 Flex Container(플렉스 컨테이너) 자식 요소 : 초록색 박스인 container_item을 Flex Item(플렉스 아이템) Flex Container가 Flex에 대해 전체 영향을 받는 공간이고 영향을 받는 공간 내 아이템들이 속성에 따라 배치 되는 것임 See the Pen Untitled by Hoon (@hoon_ceo) on CodePen. 이러면 CSS에서 설정해줄 수 있는 속성이 있는데, 이를 2가지로 확인이 가능함. Flex Container에 적용되는 속성 Flex Item에 적용되는 속성 1. Flex Container에 적용되는 속성 1) Flex의 w.. 2023. 12. 1. Web(웹)개발을 위한 Visual Studio code Extension 추천 모음 Visual Studio Code 프로그램을 자주 설치하고 사용하는데 Extension이 헷갈려서... 정말 좋은 Extension들이 있지만 Web개발 시 꼭 필요하다고 느꼈던? 혹은 너무 중요한 것들만 적어보고자 한다. 개발내용 확인 시 필요한 Extension 1. Live Server * 필수 - 내가 코딩하고 있는 홈페이지를 확인할 수 있는 실시간 서버가 열린다. 2. Live Preview * 필수 - VS code 내에서 브라우저를 키지않고 확인이 가능함. 위 2가지는 내가 치고있는 코드가 어떻게 적용되는지 확인해야 하므로 필수라고 생각 ! 아래부터는 코드칠 때 편리한 Extension 1. Auto Rename Tag - Tag이름이 자동으로 변경되는 아주 소중한 툴 - 수정할 때나 코드 .. 2023. 12. 1. 이전 1 다음
