Web4 [책] 반응형 웹 디자인 [책] 반응형 웹 디자인 Do it! 반응형 웹 디자인 김운아 저 다양한 반응형 웹사이트를 만날 수 있는 곳: 미디어 쿼리(http://mediaqueri.es) 검색 엔진 최적화(SEO: Search Engine Optimize) inline-block 은 diplay 속성의 값 중 inline 속성값처럼 요소들이 한 줄로 보이고, 태그에도 사용할 수 있는 속성값입니다. 함수명파라미터적용 요소 calcwidth 속성에서 사용할 수 있는 모든 값, 연산 기호모든 대상 #wrap div { width: calc(100%-100px); } 브라우저 기술 지원 현황을 확인할 수 있는 사이트 : Can I Use…(https://caniuse.com/) em, rem em 단위는 자신의 부모 박스에 글자 크기가.. 2018. 4. 23. firestore & storage 사용하기 firestore & storage 사용하기 firestore 에는 문서를 저장하고, storage 에는 파일을 저장합니다. firestore에 파일도 저장할 수 있지만 2MiB 제한이 있습니다. firstore 저장소 사용하기 데이터베이스 선택: Cloud Firestore 또는 실시간 데이터베이스 프로젝트 생성 firebase console에서 새 프로젝트를 생성합니다. 웹 앱에 Firebase 추가를 눌러서 config 정보를 확인할 수 있습니다. firebase 설치 yarn 으로 설치하였습니다. $ yarn add firebase 파일 추가 프로젝트에서 firebase를 사용하기 위한 파일들을 추가합니다. 위에서 얻은 정보를 입력합니다. apiKey 등등. // firebaseConfig.js .. 2018. 4. 20. HTML 태그 비활성화 (disabled Attribute) 또는 읽기 전용 (readonly Attribute) HTML 태그 비활성화 (disabled Attribute) 또는 읽기 전용 (readonly Attribute) readonly input readonly 속성을 추가한다. disabled input select Volvo Saab Mercedes Audi 태그 속성안에 disabled를 삽입한다. 2016. 9. 23. [spring] 프레임워크 개요 [spring] 프레임워크 개요 프레임워크는 개발에 있어서 기본이 되는 뼈대나 구조를 제공하겠다는 의도에서 출발클래스 라이브러리와 프레임워크의 차이 제어 구조의 역전(Inversion of Control)은 프레임워크를 기반으로 한 애플리케이션의 주요 특징이다. Inversion of Control 개발된 프로그램이 프레임워크의 기능을 호출하는 것이 아니라 프레임워크가 개발된 프로그램을 호출하는 구조 프레임워크의 장점 빠른 구현 시간 관리의 용이성 테스트 안정성 ORM Object Relation Mapping Spring 프레임워크 bean : 기본으로 만들어진 클래스 결합도를 반드시 고민한다. 커플링을 느슨하게 한다.Spring 프레임워크 BeanFactory → Spring Core Applicat.. 2016. 4. 17. 이전 1 다음