정리하기전에 SPA와 CSR, MPA와 SSR을 묶어서 좀 정리하려고 한다. 물론 같은 말은 아니지만 묶어서 정리하는게 이해하기 편해서... SPA와 MAP의 차이점 요약정리 대충 SPA와 MPA의 차이점을 요약하면 위와 같다.. SPA와 CSR의 특징 SPA(Single Page Application): SPA는 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 어플리케이션이나 웹사이트를 말한다.(단일 페이지 어플리케이션) CSR(Client Side Rendering): CSR은 웹페이지의 콘텐츠를 클라이언트(웹 브라우저)에서 랜더링 하는 방식을 말한다. 필요한 데이터만을 서버통신으로 가져와 클라이언트에서 랜더링 하는 방식을 일컫는다. V..
엣지(Edge) 설치 파일 다운로드 웹브라우저 설치파일 다운로드 링크 인터넷/네트워크 | 케이벤치 다운로드 사용OS : Win 7/8/8.1/10 등록일자 : 2023/09/26 17:22:03 다운수 : 18 구글 드라이브는 문서, 스프레드시트, 프리젠테이션을 즉시 만들 수 있으며 같은 문서를 동시에 여러명이 함께 공동으로 편집할 수 kbench.com 위 링크로 접속해서 원하는 웹브라우저의 버전을 선택해서 [다운로드] 버튼을 클릭해서 파일을 내려받는다. 엣지(Edge) 다운그레이드 하는 방법 1) CMD를 관리자 권한으로 실행한다. 2) 설치파일이 있는 디렉터리로 이동한다. 3) 설치 명령어를 입력한다. msiexec /I MicrosoftEdgeEnterpriseX64.msi /qb ALLOWDOW..
서버 배포하는 겸 + 블로그에 정리 안되있길래 한번 정리해봄 웹서버란? 웹서버의 정의 "웹 서버"는 하드웨어(PC), 소프트웨어(APCHE) 혹은 두 개가 같이 동작하는 것을 의미 할 수 있다. 클라이언트(웹 브라우저)로부터 HTTP 요청을 받아들이고, HTML, CSS 문서와 같은 웹 페이지를 반환하는 소프트웨어 - MDN web docs MDN에서는 웹서버를 위처럼 정의하고 있다. 이해하기 쉽도록 아래 그림을 보면서 설명을 하면 클라이언트는 일반적으로 크롬, 엣지, 파이어폭스 같은 웹브라우저다. 우리가 특정 사이트에 접속을 한다면 ( 네*버, 카*오 같은.. ), 당연한 이야기이지만 HTML, CSS, Image같은 정적 자원들이 필요하다. 예를 들어 위와 같은 페이지를 가져오려면 (1) HTML코드..
과 와 같은 태그에서 숫자만 입력 받으려면 type을 number로 설정해주면 된다. 그리고 oninput 속성과 replace함수를 통해 한글 입력을 방지해준다. 근데 type을 number로 해주는데 왜 굳이 oninput 속성을 따로 넣어주는걸까? type을 number로 넣어주면 영문은 입력방지를 할 수 있지만 한글은 입력이 된다.. 그래서 oninput 속성으로 한글 입력 방지를 추가로 넣어준다. 샘플코드 // 아래 코드를 숫자만 입력 하도록 할 태그에 넣으면 됨 type="number" oninput="javascript: this.value = this.value.replace(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, '' );" 샘플코드
인터넷 익스플로러(Internet Explorer)가 사망하면서 인터넷 익스플로러 실행하면 이제 자동으로 엣지로 전환되게 되었다. 근데 작업을 하던지, 어떤 웹사이트에서는 여전히 인터넷 익스플로러를 사용해야 할 일이 있다.. 예전에는 이렇게 팝업도 떴다지만, 이제는 그냥 이런 팝업도 없이 자동으로 전환해버림... 뭐 아무튼.. 엣지에서 IE모드를 활성화하는 방법 사이트를 Internet Explorer 모드로 다시 로드할 수 있습니다. 에서 "기본 값"으로 되어 있는 녀석을 "허용" 으로 변경 해주면 아래에 [다시 시작]이라는 파란색 버튼이 생긴다. 그걸 눌러주도록 하자. 그럼 이렇게 "Internet Explorer 모드에서 탭 다시 로드" 버튼이 활성화 되는 것을 확인 할 수 있다. 저 버튼을 누르면..
인터넷 익스플로어(internet explorer)가 사망한 지 꽤 시간이 지났다.. 그럼에도 특정 웹사이트에서는 인터넷 익스플로어로 접근해야 할 일이 있다. 그래서 엣지(Edge)에서는 IE모드 라는 것을 지원하는데, IE모드 상태인 엣지에서는 정상적인 방법으로는 개발자도구를 이용할 수 없다. 이번에 IE모드인 엣지에서 개발자 도구로 디버깅을 할 일이 생겨 정리해보았다. IE모드의 엣지(Edge)에서 개발자도구를 사용하는 방법 IE모드의 엣지에서 개발자도구를 정말 사용 못하는지와 어떻게 사용 할 수 있는지에 대해 알아보자. IE모드의 엣지에서는 개발자도구를 사용할 수 없다? IE모드의 엣지에서 F12를 눌러 개발자도구(Dev Tools)를 열면 아래와 같은 화면을 볼 수 있다. F12 => [열기 De..