AR삽질러

CSS - Flexbox 1. Flexbox - flex-direction의 디폴트는 row - inline block의 문제점을 해결하기위해 flexbox flexbox사용규칙 1) 자식에게 어떤것도 명시하지 않고 부모엘리먼트에게 명시한다. flex-direction, justify-content, align-items를 적용하고 싶다면 먼저 부모를 display:flex로 만든다. 2) flex컨테이너는 주 축(main axis)수평 와 교차축(cross axis)수 Flex Container는 두개의 축을 가지고 있다. 주요 Flexbox의 속성 flex-direction 주 축(main axis)를 정의한다. row row-reverse column column-reverse justify-con..

CSS Margin, Padding, Border - (3) CSS(Cascading Style Sheets)의 margin속성은 웹 페이지 요소의 외부 여백을 조절하는데 사용된다. margin의 여백은 요소의 경계밖에 위치하며 인접한 요소와의 간격을 생성하는 역할을 한다. Margin을 이용해 웹 페이지 레이아웃의 정렬과 간격을 정의하며 스타일링한다. Margin - Margin은 요소의 경계를 넘어 그 주위에 공간을 생성하는 요소와 그 주변 요소간의 간격을 조절한다. 1.1. Margin의 값을 지정하는 방법 1) 기본구문 : margin : top, right, bottom, left 2) 단일 값지정 : 요소의 모든 방향에 동일한 크기의 마진을 적용한다. 3) 두값 : 첫번째 값은 top, bot..

CSS box - (2) - CSS의 box에는 두종류의 형태가 있다. 하나는 박스요소 옆에 다른 요소가 올 수 있고 하나는 박스요소 옆에 다른 요소가 올수없는것이다. - 요소 옆에 다른 요소가 올 수 없는것 blocks - 요소 옆에 다른 요소가 올 수 있는 것 inlines div는 요소 옆에 다른 요소가 올 수 없다. span은 요소 옆에 다른 요소가 올 수 있다. hello hello hello link도 요소 옆에 올 수 있다. hello hello hello link hello p는 div와 같이 요소 옆에 다른 요소가 올 수 없다. hello hello hello link hello 안녕하세요 HTML CSS를 활용한 프로젝트를 만들고 있습니다. img도 요소 옆에 올 수 있다. hello ..

HTML Form Tags - (2) https://developer.mozilla.org/ko/docs/Web/HTML/Element HTML 요소 참고서 - HTML: Hypertext Markup Language | MDN 메타데이터는 스타일, 스크립트, 각종 소프트웨어(검색 엔진, 브라우저 등)의 탐색 및 렌더링을 도와줄 데이터 등 페이지에 대한 정보를 가집니다. 스타일과 스크립트 메타데이터는 페이지 안에 developer.mozilla.org - body 태그 내에 있는 콘텐츠가 브라우저에 표시된다. - 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타낸다. - 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성한다. 다양한 종류의 입력 데이터 유형과 컨트롤 위젯이 존해한다. -..

Flutter Reusable Widgets 코드의 재사용성을 높이고 일관성 있는 디자인을 구현하기 위해서 재사용 가능한 위젯을 효과적으로 활용하는것이 좋다. 기존에 구현한 Transfet옆에 같은 기능을 하나 더만들기 위해서 Transfer의 Container를 복사해서 붙여넣어주고 Request라고 Text를 수정해준다. Container( decoration: BoxDecoration( color: Colors.amber, borderRadius: BorderRadius.circular(45)), child: const Padding( padding: EdgeInsets.symmetric( vertical: 18, horizontal: 45, ), child: Text( 'Request', styl..

HTTP(Hypertext Transfer Protocol - 클라이언트와 서버 간의 통신을 위한 통신 규칙 프로토콜로 웹에서 가장 많이 사용되는 프로토콜이다. HTTP 요청방식은 이용자가 웹사이트를 방문시 웹서버에 HTTP요청을 전송하고 웹서버는 HTTP응답으로 응답한다. - 200 : ok - 400 : Bad Request - 404 : Resource not found HTTP요청방식 설명 예제 GET 데이터를 가져오는데 사용되고 요청에 데이터를 담지 않으며 쿼리 매개 변수를 통해 데이터를 전달한다. URL 마지막에 '?'를 붙이고 'key=value' 형태의 매개변수를 쿼리 스트링으로 추가하여 데이터를 전달한다. GET http://localhost:8080/api/data GET http://..