728x90 IT관련131 리액트와 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. [수업창작] Figma (디자인 작업 툴)로 멜론앱 따라하기 개인적인 메모를 위해 작성된 글이므로 가벼운 참고용으로 봐주세요. 2020. 5. 30. 이전 1 ··· 9 10 11 12 13 14 15 ··· 27 다음 728x90 반응형