본문 바로가기
728x90

분류 전체보기212

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.
[수업창작] 20-05-31 기존 구현기능 : 회원가입, 로그인, 로그아웃 추가 구현기능 : 회원리스트 import java.io.BufferedOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Calendar; import java.util.List; import java.util.Scanner; import com.fasterxml.jackson.core.JsonGenerationException; import .. 2020. 5. 31.
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.
[수업창작] 20-05-30 개인적인 메모를 위해 작성된 글이므로 가벼운 참고용으로 봐주세요. 기존 구현기능 : 회원가입받아서 파일로 저장(가입시 아이디 중복체크) 추가 구현기능 : 로그인 로그아웃 import java.io.BufferedOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Calendar; import java.util.List; import java.util.Scanner; import com.fa.. 2020. 5. 30.
728x90
반응형

티스토리툴바