728x90 IT관련/정리35 CSS의 display 개인적인 메모를 위해 작성된 글이므로 가벼운 참고용으로 봐주세요. inline만 쓸 경우 글자 크기에 맞는 라인만 배경색이 적용되고, inline-block inline-flex inline-table 등은 height의 높이에 맞춰 배경색이 적용된다. 그리고 두개의 태그가 같은 라인에서 쓰인다. 다음 결과로 보아, inline은 글자에 맞춰 css가 적용되고 inline-block은 글자가 아닌 block으로 보고 css가 적용된다고 유추해 볼 수 있다. 하나는inline-block, 하나는 block으로 세팅한 경우 vs 둘 다 inline-block으로 세팅한 경우 하나만 inline-block일때는 한줄에 두가지를 넣을 수 없지만, 둘 다 inline-b.. 2020. 6. 3. 리액트와 SPA 개인적인 메모를 위해 작성된 글이므로 가벼운 참고용으로 봐주세요. SPA(Single Page Application) 프론트엔드 프레임워크에는 리액트, 뷰, 앵귤러가 있다. SPA(Single Page Application)의 탄생배경 강력한 MVC 웹프레임워크들이 등장하고 발전하면서 우리는 편리하고 빠르게 웹사이트를 개발할 수 있게 됐지만 또 다른 해결과제와 요구들이 생겨났다. 기존 MVC웹의 부족한 점 2가지 1. 사용자의 간단한 요구에 비해 비효율적인 복잡한 작업을 해야 응답할 수 있었다. 2. 사용자와의 접점이 PC용 웹사이트 하나가 아니라, PC용 웹사이트 / 모바일용 웹사이트 / 안드로이드 또는 ios 앱으로 다양해진 상황에서 각각을 따로 개발&관리를 해야 한다. (겹치는 부분을 최소화하고 다.. 2020. 6. 2. CSS 레이아웃을 위한 FlexBox CSS(cascading style sheets)? 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트이다. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다. HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다. FlexBox관련 정보 https://heropy.blog/2018/11/24/css-flexible-box/ CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline.. 2020. 5. 31. 이클립스 단축키 개인적인 메모를 위해 작성된 글이므로 가벼운 참고용으로 봐주세요. try/catch, for, do-while, while, if, synchronized, runnable로 감싸기 블럭 + Alt + Shift + z 메서드 리스트 확인 Ctrl + o 선언된 위치로 이동 방법1) 커서올려놓고 + F3 방법2) Ctrl 누른채로 + 클릭 호출한 위치로 이동 Ctrl+(Alt)+H 에러 힌트 (컴파일에러 빨간줄에 커서) F2 annotation(에러, 워닝, 북마크 가능)으로 점프 Ctrl + , 또는 . 자동 들여쓰기 Ctrl + i 자동 문맥(Syntax)수정 Ctrl + 1 자동 완성 Ctrl + Space bar 자동 import Ctrl + Shift + o 자동 Format Ctrl + Shi.. 2020. 5. 24. MVC 접근법 개인적인 메모를 위해 작성된 글이므로 가벼운 참고용으로 봐주세요. 코드가 길어지면 특정 기준으로 분리, 모듈화 해서 접근한다. 그것을 두고 MVC접근법이라고 한다. Model : 데이터와 관련된 코드 View : 눈에 보이는 것에 대한 코드 Controller : 무언가를 제어하는 코드 각각의 역할을 식당에서 일하는 직원에 비유 Model : 식료품창고를 관리하고 음식을 요리하는 직원 View : 요리사가 만든 음식을 플레팅하는 직원 Controller : 주문도 받고 서빙도 하는 직원 웹 프로그래밍에는 다양한 언어가 사용되고 이 언어들마다 MVC 웹 프레임워크가 있다. 언어에 따른 프레임워크 종류 자바 - 스프링 PHP - 라라벨 파이썬 - 장고 (파이썬은 MVC 아니고 Template를 써서 MTV라.. 2020. 5. 21. 이전 1 2 3 4 5 6 7 다음 728x90 반응형
