About
home
청년들의 시작
home

6회 세미나 - CSS Grid, Flex

주제선정 이유

최근에 뜨고 있는 CSS의 새로운 문법 Flex를 알아보고 사용방법을 공유하는 시간을 가졌습니다.

내용

CSS Grid

나의평가
내가 생각한 위치에 원하는 크기로 배치를 할 수 있어서 좋았다. (특히 세로정렬!)
IE도 지원한다면 부트스트랩이 필요없을것 같다. -> 미리 미디어 쿼리로 부트스트랩 같은 환경을 조성해 둔다면 궂이 부트스트랩을 쓰지않아도 반응형웹으로 개발할 수 있지 않을까?
IE를 고려한 개발환경 조성이 가능하다고 사이트에 나와있는대 개발환경이 조성되면 실무에서도 충분히 써도 될것같다.
IE를 위해서 개발환경을 조성할 수 있다고 하는대 설치하려고 따라서 이것저것 해봤지만 설치에 오류가 떠서 직접 해보지 못했습니다.
참고사이트

CSS flex

차이점
그리드와 다르게 X축 혹은 Y축 하나의 축만 이용가능하다.
나의생각
한개의 축만 이용하면 Flex를 이용하고 두개의 축을 모두 이용해야 한다면 Grid를 이용하면 되겠다. (다만, IE를 고려하지 않는다는 조건으로!!)

docker

도커를 설치해보고 mysql테스트를 해보았습니다
참고사이트 시리즈2까지 따라해 보았습니다.
한줄평
정상적으로 돌아가고 있는지 확인하기가 힘들었습니다 (콘솔을 통해서 동작확인)
컨테이너를 동작시켜도 많은 부하가 걸리지 않는다는 장점이 있는것 같습니다.
금방 명령어로 이미지를 다운로드 받고 이용이 가능해서 편했습니다.
도커란?
컨테이너 기반의 오픈소스 가상화 플랫폼
컨테이너
격리된 공간에서 프로세스가 동작하는 기술(가상화 기술희 하나지만 기존방식과 차이가 있다.)
이미지
컨테이너 실행에 필요한 파일과 설정값등을 포함하고 있는 것(상태값을 가지지 않고 변하지 않는다)
세미나 느낀점
Grid가 엄청 편리하고 간단하다는 것은 알게 되었지만 전달하려는 내용을 정리하지 못해서 발표때 내용을 제대로 전달하지 못했습니다.
기술에 대해서 설명할때는 내가 사이트를 만들어서 예시를 보여주는 것도 좋지만 시간이 되지 않는다면 예시 사이트를 준비해 두어야 된다는 것을 배웠습니다.