개발 도움 닫기 (3) 썸네일형 리스트형 소스트리 다운 및 git 사용 소스트리 다운로드는 아래 링크를 참조하여 진행함https://coding-factory.tistory.com/249** 위 링크와 설치 시 차이가 있던 점은 Atlassian이 없었음 ㅠㅠ 구글계정 로그인하고 이미 아틀라시안 등록됐고 빅툽?클라우드 계정 만들라해서 그냥 그거만 만듦. [css] display:flex flexbox 학습 2 지난 포스팅에 flexbox 의 기본 개념을 학습할 수 있는 게임과 개념들을 소개했다. 그리고 이번엔 flexbox의 속성을 이용해 디펜스 게임을 할 수 있는 링크를 소개하려 한다. http://www.flexboxdefense.com/ Flexbox Defense Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS! www.flexboxdefense.com tower-group-1의 영역으로 잡힌 곳에 적절한 css 속성을 추가해 tower 들이 보라색들을 공격해 점수를 따내는 게임이다 각 레.. [css] display:flex flexbox 학습 옛날(?)엔 css 속성을 다룰때 display: block 과 margin, padding 값으로 요소들을 정렬하곤 했다. 물론 이 속성들이 지금은 안쓰이냐? 절대 아니다! 특히 margin, padding은 여전히 UI요소를 적절히 배치하는데 중요한 속성들이다 그러나 display: flex 를 사용하여 훨씬 쉽고 편하게 요소들을 정렬하는 속성이 있다 관련 내용을 게임을 통해 학습할 수 있는 사이트가 있다. http://flexboxfroggy.com/#ko 다음은 위 사이트의 내용을 정리 한 것. display: flex; 와 함께 사용할 수 있는 css 속성들 justify-content flex-start: 요소들을 컨테이너의 왼쪽으로 정렬 flex-end: 요소들을 컨테이너의 오른쪽으로 정렬 .. 이전 1 다음
