SPA, MPASPA (Single Page Application)React.js, Vue.js ... MPA (Multi Page Application)JSP, PHP, ... CSR, SSRCSR (Client Side Rendering)Vue, React 등의 SPA framework에서 사용하는 방식브라우저(client)에서 JS에 의해 view를 동적으로 생성. 때문에 page 전환이 SSR보다 상대적으로 빠르다. 대신 최초 접속 시 모든 JS와 static 파일을 가져와야 하기 때문에 최초 접속 시 로딩은 SSR에 비해 느리다.page 전환시 깜빡임이 없기 때문에 자연스러운 사용자 경험이 가능하다. SSR (Server Side Rendering)PHP 등의 MPA(Multi Page Appl..
실행할 자바 프로그램 실행할 프로그램은 1분마다 현재 시각을 알려주는 프로그램이다. import java.time.LocalDateTime; import java.time.format.DateTimeFormatter; public class PrintTime { public static void main(String[] args) throws InterruptedException { LocalDateTime today = LocalDateTime.now(); String formatedNow = today.format(DateTimeFormatter.ofPattern("현재 시각: HH시 mm분 ss초")); System.out.println(formatedNow); } } 코드가 준비 되었다면 cmd ..
mysql, mariaDB에 모두 동일하게 동작하는 명령어 입니다. 왜 동일하게 동작할까? 계정 생성 create user '[userid]'@'[host]' identified by '[password]'; userid에는 사용하고자 하는 계정의 id를 적어주면 된다. host는 db에 접근하기 위해 이 계정을 사용할 수 있는 호스트 정보를 적어주면 된다. 내 로컬 호스트에서만 사용하고 싶다면 @'localhost', 모든 호스트에서 접근을 허용하려면 @'%'로 적어준다. 생성된 계정 확인 show databases; use mysql; select host, user, password from user; 맨 아래 행에 방금 만든 계정을 확인할 수 있다. 계정 삭제 drop user '[userid]'..
IP (Internet Protocol, 인터넷 규약) 운영체제가 다른 컴퓨터끼리, 구현된 언어가 다른 프로그램끼리 (통칭 호스트) 네트워크에서 통신하기 위한 통신 규약. IP의 정보는 패킷-데이터그램이라고도 한다-에 담겨 전송된다. 특징 비신뢰성 비신뢰성은 흐름에 관여하지 않기 때문에 보낸 정보가 제대로 갔는지 보장하지 않는다. 예를 들어 전송 과정에서 패킷이 손상되거나 순서가 섞이거나 손실될 수도 있다. 패킷 전송과 정확한 순서를 보장하려면 TCP 프로토콜과 같은 IP의 상위 프로토콜을 이용해야 한다. 비연결성 IP는 비연결성 통신이기 때문에 이전에 통신한 적 없는 호스트에 패킷을 보낼 때 경로 설정이 필요없다. IP 헤더 내에 수신, 발신 주소를 포함 -> IP 주소 IP 헤더 내 바이트 전달 순서..
1. 프롬프트를 연다 2. mysql.exe가 설치되어 있는 경로로 이동 (나의 경우는 C:\Program Files\MySQL\MySQL Workbench 8.0 이었음) 3. mysqldump -uroot -p 테이블명 > 파일명.sql 친다. 만약 액세스가 거부되었다는 문구가 나온다면? 덤프 파일을 해당 경로에 저장할 수 없다는 뜻이다. 그래서 mysqldump -uroot -p 테이블명 > c:\sqldump\파일명.sql 처럼 파일 저장 경로를 다른 곳으로 바꾸고 진행하면 된다. 비밀번호까지 치고 나면 해당 경로에 덤프파일이 생성되어 있을 것이다.
인터넷 프로토콜 스택 application support network applications. IMAP, SMTP, HTTP transport process-process data transfer. TCP, UDP network route of datagrams from source to destination. IP, routing protocols link data transfer between neighboring network elements. Ethernet. 802.11(WiFi), PPP physical bits on the wire application, transport, network layer -> communication layers transport layer의 역할 : 패킷 스위..
Vuex란? Vuex는 Vue.js 응용 프로그램을 위한 상태 관리 패턴 + 라이브러리이다. Vue 어플리케이션의 모든 구성 요소에 대한 중앙 집중식 저장소의 역할을 하며, 상태가 예측 가능한 방식으로만 변형될 수 있도록 보장하는 규칙을 가지고 있다. Vuex를 왜 사용하는가? Vue는 컴포넌트 사이에 단방향 통신만을 지원하기 때문이다. Vuex를 꼭 사용할 필요는 없다. 오히려 한두군데서밖에 사용하지 않는 state를 꾸역꾸역 store에 저장하는 것이 더 안 좋을 수도 있음. Vuex의 중심 컨셉 (state, getters, mutations, actions) Vue Component에서 변화가 일어난다면 dispatch 함수를 통해 Actions에 저장된 메소드를 호출한다. Actions의 메소드..
텍스트 보간 Mustache 구문을 사용한 텍스트 보간. {{msg}} * Mustache 구문은 데이터를 일반 텍스트로 해석하기 때문에 만약 HTML로 출력하고 싶다면 v-html 디렉티브를 사용해야 한다. 여기에 msg가 출력된다 여기에 msg가 출력된다 Vue.js는 모든 데이터 바인딩 내에서 자바스크립트 표현식의 모든 기능을 지원한다. 가능 불가능 {{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} {{ var a=1 }} {{ if(ok) {return 'YES'} }} (조건문은 작동하지 않음) 디렉티브 디렉티브는 v-접두사가 있는 특수 속성이다. 디렉티브 속성 값은 단일 자바스크립트 표현식이 된..
Vue Instance 생성 속성 속성 설명 el Vue가 적용될 요소 지정. CSS Selector or HTML Element data Vue에서 사용되는 정보 저장. 객체 또는 함수의 형태. (함수 형태를 더 권장함) emplate 화면에 표시할 HTML, CSS 등의 마크업 요소를 정의하는 속성. 뷰의 데이터 및 기타 속성들도 함꼐 화면에 그릴 수 있다. methods 화면 로직 제어와 관계된 method를 정의하는 속성. 마우스 클릭 이벤트 처리와 같이 화면의 전반적인 이벤트와 화면 동작과 관련된 로직을 추가. created 뷰 인스턴스가 생성되자 마자 실행할 로직을 정의. Vue Instance 유효범위 Vuew Instance를 생성하면 HTML의 특정 범위(el) 안에서만 옵션 속성들이 적..
https://beomy.tistory.com/43 MVC Model : 어플리케이션에서 사용되는 데이터와 그 데이터를 처리하는 부분 View : 사용자에게 보여지는 UI 부분 Controller : 사용자의 입력(Action, Request)을 받고 처리하는 부분 동작 사용자의 Action이 Controller로 들어온다. Controller는 사용자의 Action을 확인하고 Model을 업데이트한다. Controller는 Model을 나타내 줄 View를 선택한다. View는 전달받은 Model을 화면에 나타낸다. MVP Model : 어플리케이션에서 사용되는 데이터와 그 데이터를 처리하는 부분 View : 사용자에게 보여지는 UI 부분 Presenter : View에서 요청한 정보로 Model을 가..
